//menu_type_people
var slideDownDuration = 0.2;
var slideUpDuration = 0.2;

function loadMenu() {
	var idMenuCurrent = "null";
	var listeSubmenuTitle =  $('menu_rubrique_products').getElementsByClassName('submenu_title');
	var Noeuds = $A(listeSubmenuTitle);
	Noeuds.each(function(noeud){
		var idSubMenu_title = noeud.id;
		var idSubMenu = idSubMenu_title.replace("_title",""); 
		//evenement
		Event.observe(idSubMenu_title, "click", function() { 
			hideAllSubmenus(idSubMenu);
			if( !($(idSubMenu).hasClassName("js_shown"))){
				setTimeout("showSubmenu('"+idSubMenu+"')", (slideUpDuration * 1000));
				set_img_cat(idSubMenu);
			}
		});
		
		//li current ??
		var listeLi =  $(idSubMenu).getElementsByTagName('a');
		var Noeud_submenu = $A(listeLi);
		
		Noeud_submenu.each(function(noeud_submenu){
			if(noeud_submenu.className == "current"){
				idMenuCurrent = idSubMenu;
			}
		});
	});
}

function showSubmenu(thisOne) {
	new Effect.SlideDown(thisOne, {duration: slideDownDuration});
	$(thisOne).addClassName("js_shown");
	
	var id_div_title = thisOne.replace("_","_title_");
	$(id_div_title).addClassName("js_title_shown");
}

function hideAllSubmenus(exceptThisOne) {
	var listeSubmenuTitle =  $('menu_rubrique_products').getElementsByClassName('submenu_title');
	var Noeuds = $A(listeSubmenuTitle);
	Noeuds.each(function(noeud){
		var idSubMenu_title = noeud.id;
		var idSubMenu = idSubMenu_title.replace("_title","");
		if ((idSubMenu!=exceptThisOne) && ($(idSubMenu).hasClassName("js_shown"))) {
			new Effect.SlideUp(idSubMenu, {duration: slideUpDuration});
			$(idSubMenu).removeClassName("js_shown");
			
			var id_div_title = idSubMenu.replace("_","_title_");
			$(id_div_title).removeClassName("js_title_shown");
		}	
	});
}

function set_img_cat(id){
	var rubrique = id.replace("submenu_" , "");
	$("picture_frame").innerHTML = '<div class="photo_container"><div><img src="../img/picture_frame/products/r_'+rubrique+'.jpg" alt="Photo" /></div></div>';
	

}

/*******************************************************************/
window.onload = function() {
	try{loadMenu();}catch(e){}
	
}

window.onresize = function() {}