/*
	-----------------------------------------------------------------------------------
	MOKOMENU V1 - Vertical 3 levelled "expand/collapse" menu (cross-browser compatible)
	-----------------------------------------------------------------------------------
	Developed by Sacha Bourdeaud'Hui
	 - sacha AT mamoka DOT com
	 - www.mamoka.com
	-----------------------------------------------------------------------------------
	*/
	
	//Create images
	if(level0_img_open_path) var level0_open = new Image();
	if(level0_img_closed_path) var level0_closed = new Image();
	if(level1_img_open_path) var level1_open = new Image();
	if(level1_img_closed_path) var level1_closed = new Image();
	//if(level2_img_open_path) var level2_open = new Image();
	//if(level2_img_closed_path) var level2_closed = new Image();
	
	//Assign source to images
	if(level0_img_open_path) level0_open.src = level0_img_open_path;
	if(level0_img_closed_path) level0_closed.src = level0_img_closed_path;
	if(level1_img_open_path) level1_open.src = level1_img_open_path;
	if(level1_img_closed_path) level1_closed.src = level1_img_closed_path;
	//if(level2_img_open_path) level2_open.src = level2_img_open_path;
	//if(level2_img_closed_path) level2_closed.src = level2_img_closed_path;
	
	var flag1_open = "";//Level 1 ID
	var flag2_open = "";//Level 2 ID
	
	//Function to hide/show levels
	function displayLevel(levelID,level) {
		
		//Get object to hide
		var levelObj = document.getElementById(levelID).style;
		//Get currently open level1 object
		if(flag1_open!="")
			var flag1_open_obj = document.getElementById(flag1_open).style;
		//Get currently open level2 object
		if(flag2_open!="")
			var flag2_open_obj = document.getElementById(flag2_open).style;
			
		//If it is visible then HIDE
		if(levelObj.display == "block"){			
			if(level==1) {
				//If a level2 was open, we hide it 
				if(flag2_open!=""){					
					imageLevel("img_"+flag2_open,1);
					flag2_open_obj.display = "none";
					flag2_open = "";
				}
				//Then we hide requested obj
				levelObj.display = "none";
				flag1_open = "";
			}
			else if(level==2) {
				//We hide requested obj
				levelObj.display = "none";
				flag2_open = "";
			}
		}
		
		//If it is not visible SHOW
		else if(levelObj.display == "none") {
			if(level==1) {
				if(flag2_open!=""){
					//If a level2 was open, we hide it 
					imageLevel("img_"+flag2_open,1);
					flag2_open_obj.display = "none";
					flag2_open = "";
				}
				if(flag1_open!=""){
					//If another level1 was open, we hide it 
					imageLevel("img_"+flag1_open,0);
					flag1_open_obj.display = "none";
					flag1_open = "";
				}				
				//Then we show requested obj
				levelObj.display = "block";
				flag1_open = levelID;
			}
			else if(level==2) {
				if(flag2_open!=""){
					//If another level2 was open, we hide it 
					imageLevel("img_"+flag2_open,1);
					flag2_open_obj.display = "none";
					flag2_open = "";
				}
				//Then we show requested obj
				levelObj.display = "block";
				flag2_open = levelID;
			}
		}
	}	
	
	//Function to switch level's image
	function imageLevel(imageID,level) {
		var imageObj = document.getElementById(imageID);
		var imageOpen = eval("level"+level+"_open.src");
		var imageClosed = eval("level"+level+"_closed.src");		
	if(imageObj.src.indexOf(imageClosed)>-1)
		//Show open image
		imageObj.src = imageOpen;
	else
		//Show closed image
		imageObj.src = imageClosed;
	}