// submenu
var t; // used for setTimeout function
function hideSubMenu(){
	var mainnavs = document.getElementById('ulnav').getElementsByTagName('a');
	//alert(mainnavs[0].id);
	for(var i=0; i<mainnavs.length; i++){
		var pos = mainnavs[i].id.indexOf('_over');
		if (pos != -1) {
			var newId = mainnavs[i].id.substr(0,pos);
			//alert(newId);
			mainnavs[i].id = newId;
		}
	}
		
	var subnavs = document.getElementById('ulnav').getElementsByTagName('ul');
	//alert('hide');
	for(var i=0; i<subnavs.length; i++){
		subnavs[i].style.display = 'none';
		subnavs[i].parentNode.childNodes[0].style.color = '#1f1f1f';
		}
	var currnav = document.getElementById('subnavcurr');
		if(currnav){
			currnav.style.display = 'block';
		}
	}
function showSubMenu(obj){
		//alert('show');
		clearTimeout(t);
		var currnav = document.getElementById('subnavcurr');
		if(currnav){
			currnav.style.display = 'none';
		}
		var subnav = obj.parentNode.childNodes;
		if(subnav.length > 1){
			//alert(obj.id);
			obj.id = obj.id+"_over";
			subnav[1].style.display = 'block';
			/*subwidth = 0;
			for (i=0; i<subnav[1].childNodes.length; i++) {
				alert(getComputedStyle(document.getElementById(subnav[1].childNodes[i].id),"").width.split('px').join(''));
			}
			alert(subwidth);*/
			if (obj.id == "nav_marketing_over") {
				subnav[1].style.marginLeft = "-400px";
			} else if (obj.id == "nav_contact_over") {
				subnav[1].style.marginLeft = "-100px";
			} else if (obj.id == "nav_about_over") {
				subnav[1].style.marginLeft = "-500px";
			} else if (obj.id == "nav_perform_over") {
				subnav[1].style.marginLeft = "-200px";
			}
		}
	}
function delHideSubMenu(){
	t = setTimeout(hideSubMenu,10);
	}
function stopHideSubMenu(){
	clearTimeout(t);
	}