var nav_mappings = new Array();
nav_mappings["main-nav-one"] = "sub-nav-one";
nav_mappings["main-nav-two"] = "sub-nav-two";
nav_mappings["sub-nav-one-one"] = "main-nav-one";
nav_mappings["sub-nav-one-two"] = "main-nav-two";
nav_mappings["sub-nav-one-three"] = "main-nav-one";
nav_mappings["sub-nav-two-one"] = "main-nav-two";
//nav_mappings["sub-nav-two-two"] = "main-nav-two";
//nav_mappings["sub-nav-two-three"] = "main-nav-two";

var navs = [ "main-nav-one","main-nav-two","main-nav-three","main-nav-four" ];


function mouseOver( thisElement ){
	
	var elementIdString = thisElement.id;
	
	//clear other sub-navs
	for(i=0;i<navs.length;i++){
		document.getElementById( navs[i] ).className = "unselected";
		
		if( elementIdString.indexOf( "main-nav" ) > -1  && nav_mappings[ navs[i] ] ){
			document.getElementById(  nav_mappings[ navs[i] ] ).style.visibility = "hidden";
		}
	}
	
	//show subnav
	if( nav_mappings[ elementIdString ] ){
		document.getElementById( nav_mappings[ elementIdString ] ).style.visibility = "visible";
	}
	
	thisElement.className = "selected";
	
	//set main nav active
	if( elementIdString.indexOf( "sub-nav" ) > -1 ){
		document.getElementById( nav_mappings[ elementIdString ] ).className = "active";
	}

}

function mouseOut( thisElement ){
	thisElement.className = "unselected";
}