$(function()
{
	var selectedRoot = '';
	var selectedSub = '';
	hoverInAction = true;
	setInterval(tester,3000);
	
	$('.rootMenu').each(function()
	{
		
		
		if($(this).css('background-color') == '#fff')	
		{
			selectedRoot = $(this).attr('id');
			selectedSub = '#sub_' + selectedRoot;
		}
		
		$(this).hover(function()
		{
			
			var rootID = selectedSub.replace('#sub_','');
			
			
			
			if(rootID != "")
			{
				$('#' + rootID).css('background-color','');
			
				
				$(selectedSub).hide();
			}
			selectedSub = '#sub_' + $(this).attr('id');
			
			$(this).css('background-color','#fff');
			$('#sub_' + $(this).attr('id')).show();
			$(this).children().css('color','#7f5e73');
			hoverInAction = true;
				
				
		},
		function()
		{
			//if(selectedRoot != $(this).attr('id'))
				//$(this).css('background-color','');	
				
			$(this).children().css('color','#757777');
			hoverInAction = false;
		});
	
	}
	);
	
	$('.subMenu').each(function()
	{
		var rootID = $(this).attr('id').replace('sub_','');
		
		
		$(this).hover(function()
		{
			$('#' + rootID).css('background-color','#fff');	
			$(this).children().children().css('color','#7f5e73');
			hoverInAction = true;
		},
		function()
		{
			//if(selectedRoot != $('#' + rootID).attr('id'))
				//$('#' + rootID).css('background-color','');	
			$(this).children().children().css('color','#757777');
			hoverInAction = false;		
		});
	
	}
	);
	
	
	function tester()
	{
		if(!hoverInAction)
		{
			$('.rootMenu').each(function()
			{
				$(this).css('background-color','');
			});	
			var rootID = selectedSub.replace('#sub_','');
			$(selectedSub).hide();
			$('#' + selectedRoot).css('background-color','#fff');
			if(rootID != selectedRoot)
				$('#' + rootID).css('background-color','');		
			$('#sub_' + selectedRoot).show();
			selectedSub = '#sub_' + selectedRoot;
		
		}	
	}
});