//---------------------------
// Accordion
//---------------------------

var submenuStatus = false;

function checkMenu(){
	if(submenuStatus == false){
		$("#level2_menu").hide();
		$(".menu_head_top").css("background-image", "none");
		$(".menu_head").css("background-color", "#edf3cc");
		$(".menu_head").css("background-image", "url(/public/images/menu_level1_leaf_out.jpg)");
		$(".menu_head_bottom").css("background-image", "none");
	}
}

$(document).ready(function(){
	
	// Mouse over - level-1
	$("#left_menu div.menu_head").mouseover(function(){
											
		$(".menu_head_top").css("background-image", "none");
		$(".menu_head").css("background-color", "#edf3cc");
		$(".menu_head").css("background-image", "url(/public/images/menu_level1_leaf_out.jpg)");
		$(".menu_head_bottom").css("background-image", "none");
		
		$(this).prev(".menu_head_top").css("background-image", "url(/public/images/menu_level1_top_over.jpg)");
		$(this).css("background-color", "#b7d02e");
		$(this).css("background-image", "url(/public/images/menu_level1_leaf_over.jpg)");
		$(this).next().next(".menu_head_bottom").css("background-image", "url(/public/images/menu_level1_bottom_over.jpg)");

		if($(this).next().html() !== ''){
			$("#level2_menu").html($(this).next().html()).show();
			$("#level2_menu").css('top', $(this).position().top - 6);
			submenuStatus = true;				   
		}
		
		// Mouse over - level 2
		$("#level2_menu a").mouseover(function(){
			$(this).children(".level2_top").css("background-image", "url(/public/images/menu_level2_top_over.jpg)");
			$(this).children(".level2_bottom").css("background-image", "url(/public/images/menu_level2_bottom_over.jpg)");
		});
		
		// Mouse out - level 2
		$("#level2_menu a").mouseout(function(){
			$(this).children(".level2_top").css("background-image", "none");
			$(this).children(".level2_bottom").css("background-image", "none");
		});
	});
	
	// Mouse out - level 1
	$("#left_menu div.menu_head").mouseout(function(){
		submenuStatus = false;
		var hideSubmenu = setTimeout("checkMenu()", 1000);
	});
	
	$("#level2_menu").mouseover(function(){	
		submenuStatus = true;
	});
	
	$("#level2_menu").mouseout(function(){	
		submenuStatus = false;
		var hideSubmenu = setTimeout("checkMenu()", 2000);
		//$(this).hide();
	});
});