$(document).ready(function(){
	initMainMenu();
	initBottomMenu();
});


function initMainMenu(){
	if ($('#header > ul.menu').length == 0) return false;
	
	/* here you can change a speed of fadeIn and fadeOut effect for main menu */
	var fadeInSpeed = 100;
	var fadeOutSpeed = 300;
	
	
	$('#header > ul.menu > li').append('<div class="bg"><div class="bg-left"></div><div class="bg-right"></div></div>');
	$('#header > ul.menu > li > span').css('display','none');
	
	/*$('#header > ul.menu > li:hover a').css('background','none');
	$('#header > ul.menu > li.hover a, #header > ul.menu > li.active a').css('filter','none');*/
	
	$('#header > ul.menu > li > a').css('padding-right', '23px').wrap('<div class="link"></div>');
	
	var animate = new Array();
	var width = new Array();
	for (var i = 0; i < $('#header > ul > li').length; i++){
		animate[i] = false;
		width[i] = $('#header > ul.menu > li:nth-child('+ (i+1) +')').width();
		$('#header > ul.menu > li:nth-child('+ (i+1) +') > div.bg').width(width[i]);
		width[i] -= 11;
		$('#header > ul.menu > li:nth-child('+ (i+1) +') > div.bg > div.bg-left').width(width[i]);
	}

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


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

	$('#block > ul > li > div.link').hover(
		function(){
			if ( $(this).parents('li').hasClass('active') ) return false;
			
			var index = $('#block > 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);
		}
	);
}