var menu_parent; 
var menu_panel; 

//--- время за которое меню будет открываться 
var menu_toggle_speed_time = 180; 

jQuery(document).ready(
		function()
		{
			menu_parent = jQuery('#menu-wrapper'); 
			menu_panel = jQuery('.z-1', menu_parent); 
			
			//--- наведение на область меню
			menu_parent.hover(
					function()
					{
						menuPanelShow();
					},
					function()
					{
						menuPanelHide();						
					}
			);
			
			initMenuItemHover();
		}
);

function menuPanelShow()
{
	menu_panel.stop().animate({top: "59px"}, menu_toggle_speed_time, function(){
		//--- снимаем запрет на показ подменю		
		jQuery('#menu-wrapper .module-main-menu .menu-block').removeClass('no-submenu');
	});	
}

function menuPanelHide()
{
	menu_item_hide_active();
	menu_panel.stop().animate({top: "25px"}, menu_toggle_speed_time, function(){
		//--- указываем запрет на показ подменю		
		jQuery('#menu-wrapper .module-main-menu .menu-block').addClass('no-submenu');
	});	
}

function initMenuItemHover()
{
	jQuery('.menu-item').hover(
			function()
			{
				menu_item_hide_active();
				
				var id = parseInt(jQuery(this).attr('class').replace(/[^0-9]*/,'')); 
				menu_item_show(id);					
			},
			function()
			{
			}
	);	
	
	//--- выполняем прелоад лдя картиночек
	initPreloadMenuItems();
}

function initPreloadMenuItems()
{
	
}

function menu_item_show(id)
{
	//--- класс активности, добавляет фон
	jQuery('.menu-item-' + id).addClass('active');
	jQuery('.menu-subitems-' + id).addClass('active');
	
	//--- картиночку меняем на подсвеченую
	jQuery('img', jQuery('.menu-item-' + id)).attr('src', jQuery('img', jQuery('.menu-item-' + id)).attr('src').replace('normal', 'hover'));
}

function menu_item_hide(id)
{
	//--- убераем класс активности, уберает фон
	jQuery('.menu-item-' + id).removeClass('active');
	jQuery('.menu-subitems-' + id).removeClass('active');
	
	//--- картиночку меняем на не подсвеченую
	jQuery('img', jQuery('.menu-item-' + id)).attr('src', jQuery('img', jQuery('.menu-item-' + id)).attr('src').replace('hover', 'normal'));
}

function menu_item_hide_active()
{
	jQuery('.menu-item.active').each(
			function()
			{
				var id = parseInt(jQuery(this).attr('class').replace(/[^0-9]*/,''));
				menu_item_hide(id);
			}
	);	
}