$(document).ready(function(){
	initBottomMenu();
});
function initBottomMenu(){
	if ($('#menu > .center > ul').length == 0) return false;
	
	/* here you can change a speed of fadeIn and fadeOut effect for bottom menu */
	var fadeInSpeed = 150;
	var fadeOutSpeed = 300;
	
	var animate = new Array();
	for (var i = 0; i < $('#menu > .center > ul > li').length; i++){
		animate[i] = false;
	}

	$('#menu > .center > ul > li > div.link').hover(
		function(){
			if ( $(this).parents('li').hasClass('active') ) return false;
			
			var index = $('#menu > .center > ul > li').index($(this).parents('li'));
			
			if (!animate[index]){
				animate[index] = true;
				$(this).parents('li').find('div.bg').fadeIn(fadeInSpeed,function(){
					animate[index] = false;
				});
			}
		},
		function(){
			if ( $(this).parents('li').hasClass('active') ) return false;
		
			$(this).parents('li').find('div.bg').fadeOut(fadeOutSpeed);
		}
	);
}