var Menu = function (){};

Menu.init = function () {
	Menu.originalTab = $("#menu > div.categorie1 > ul > li.selected");
	Menu.selectedTab = Menu.originalTab;
	
	$("#menu > div.categorie1 > ul > li > a").each(function(){
		$(this).mouseover(function(){
			Menu.selectTab($(this).parent());
		});
	});
	
	$("#header").mouseover(function(){
		Menu.restoreTab();
	});
	
	$("#content").mouseover(function(){
		Menu.restoreTab();
	});
	
	Menu.restoreTab();
}

Menu.setTabImage = function (tab, image) {
	var img = tab.find("a > img");
	if (img.length > 0) {
		var src = new String(img.attr("src"));
		img.attr("src", src.replace("_" + ((image + 1) % 2), "_" + image));
	}
}

Menu.selectTab = function (tab) {
	// Tab Image
	Menu.setTabImage(Menu.selectedTab, 0);
	
	// Tab
	Menu.selectedTab = tab;
	
	// Tab Image
	Menu.setTabImage(tab, 1);
	
	// Submenu
	var submenu = tab.children("ul");
	if (submenu.length > 0) {
		$("#menu > div.categorie2").html("<ul class=\"" + tab.attr("class") + "\">" + submenu.html() + "</ul>");
		$("#menu").addClass("withSubmenu");
	}
	else {
		$("#menu > div.categorie2").html("");
		$("#menu").removeClass("withSubmenu");
	}
}

Menu.restoreTab = function () {
	Menu.selectTab(Menu.originalTab);
}

$(document).ready(function(){
	$('.bloc').pngFix();
	Menu.init();
	
});