// JavaScript Document
var mTimer;
var hTimer;

function selectMainMenu(id){
	document.getElementById(id).className = "selected";
}

function mainmenu_over(id){
	if(document.getElementById(id).className != "selected"){
		document.getElementById(id).className = "hover";
	}
}

function mainmenu_out(id){
	if(document.getElementById(id).className == "hover"){
		document.getElementById(id).className = "";
	}
}

function resetMainMenu(){
	if(document.getElementById("mnuhome").className == "hover") document.getElementById("mnuhome").className = "";
	if(document.getElementById("mnuproducts").className == "hover") document.getElementById("mnuproducts").className = "";
	if(document.getElementById("mnutruemoveiphone").className == "hover") document.getElementById("mnutruemoveiphone").className = "";
	if(document.getElementById("mnuprice").className == "hover") document.getElementById("mnuprice").className = "";
	if(document.getElementById("mnuapplication").className == "hover") document.getElementById("mnuapplication").className = "";
	if(document.getElementById("mnutips").className == "hover") document.getElementById("mnutips").className = "";
	if(document.getElementById("mnusupport").className == "hover") document.getElementById("mnusupport").className = "";
	if(document.getElementById("mnushop").className == "hover") document.getElementById("mnushop").className = "";
	if(document.getElementById("mnucontact").className == "hover") document.getElementById("mnucontact").className = "";
		
}

function selectSubMenu(subid){
	//document.getElementById(id).className = "selected";
	showSubmenu(subid);
	document.getElementById(subid).className += "fixed";
}

function showSubmenu(id){
	//this.mTimer = setTimeout("autoShowSubmenu('"+id+"')", 3000);
	clearTimeout(this.mTimer);
	autoShowSubmenu(id);	
}

function autoShowSubmenu(id){
	//document.getElementById("body-padding").className = "body-padding-sub";	
		
	var ob = document.getElementById("submenu-bar");
	
	var height = 38; //ob.offsetHeight;
	ob.style.height = ob.offsetHeight+'px';
	ob.style.overflow = 'hidden';
	
	//document.getElementById("submenu-bar").style.display = "block";			
	
	for(var i=0;i<height;i++){
		this.hTimer = setTimeout(function(){mlIncreaseHeight(ob)},i*3);
	}
	
	//document.getElementById(id).style.display = "block";
	document.getElementById("submenu").style.display = "block";
}

function hideSubmenu(id){
	this.mTimer = setTimeout(function(){autoHideSubmenu(id)}, 200);
	//alert(document.getElementById(id).className.split(" ")[2]);
	
}

function autoHideSubmenu(id){
	if(document.getElementById(id).className.split(" ")[0] != "fixed"){		
		document.getElementById("submenu").style.display = "none";

		var ob = document.getElementById("submenu-bar");
		
		var height = 38; //ob.offsetHeight;
		ob.style.height = '38px';
		ob.style.overflow = 'hidden';
		for(var i=height;i>=0;i--){
			this.hTimer = setTimeout(function(){mlDecreaseHeight(ob)},((height-i)*3));
		}
		
		//document.getElementById(id).style.display = "none";

		//document.getElementById("body-padding").className = "body-padding";
	}
}



function mlIncreaseHeight(ob){
	var current = parseInt(ob.style.height);
	//alert(current);
	var newh = current + 1;
	ob.style.height = newh+'px';
}

function mlDecreaseHeight(ob){
	var current = parseInt(ob.style.height);
	//alert(current);
	var newh = current - 1;
	if(newh >= 0) ob.style.height = newh+'px';
}