var speedAnimate = 0;

$(document).ready(function() {
	$('.none').css('display','none').animate({
		opacity: 0
	}, 0);

	$('#menu1').hover(
		function(event) {
			$('#menu1-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate);
			$('#top-menu').height('auto');
		},
		function(event) {
			$('#menu1-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate);
		}
	);
	
	$('#menu2').hover(
		function(event) {
			$('#menu2-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate)
		},
		function(event) {
			$('#menu2-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate)
		}
	);
	
	$('#menu3').hover(
		function(event) {
			$('#menu3-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate)
		},
		function(event) {
			$('#menu3-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate)
		}
	);
	
	$('#menu4').hover(
		function(event) {
			$('#menu4-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate)
		},
		function(event) {
			$('#menu4-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate)
		}
	);
	
	$('#menu5').hover(
		function(event) {
			$('#menu5-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate)
		},
		function(event) {
			$('#menu5-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate)
		}
	);
	
	$('#menu6').hover(
		function(event) {
			$('#menu6-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate)
		},
		function(event) {
			$('#menu6-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate)
		}
	);
	
	$('#menu7').hover(
		function(event) {
			$('#menu7-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate)
		},
		function(event) {
			$('#menu7-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate)
		}
	);
	
	$('#menu8').hover(
		function(event) {
			$('#menu8-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate)
		},
		function(event) {
			$('#menu8-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate)
		}
	);
	
	$('#menu9').hover(
		function(event) {
			$('#menu9-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate)
		},
		function(event) {
			$('#menu9-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate)
		}
	);
	
	$('#menu10').hover(
		function(event) {
			$('#menu10-div').css('display','block').animate({
				opacity: 1
			}, speedAnimate)
		},
		function(event) {
			$('#menu10-div').css('display','none').animate({
				opacity: 0
			}, speedAnimate)
		}
	);
});