//for dhtml menu
var panel_menu = new Array( 'content_team', 'content_work', 'content_green', 'content_411', 'content_landing', 'client_access');
var subpanel_menu1 = new Array( 'team_what', 'team_jenny');
var subpanel_menu2 = new Array( 'work_portfolio', 'work_clients', 'work_behind');
var nav_RO_menu = new Array('nav_ro_team', 'nav_ro_work', 'nav_ro_green', 'nav_ro_411');
var nav_menu = new Array('nav_team', 'nav_work', 'nav_green', 'nav_411', 'none', 'nav_client');
var subnav_menu1 = new Array('subnav_what', 'subnav_jenny');
var subnav_menu2 = new Array('subnav_portfolio', 'subnav_clients', 'subnav_behind');
var selected_navRO = null;
var i;
function showPanel(name, nav)
{   
	for(i = 0; i < panel_menu.length; i++)
	{
		if(nav == nav_menu[i]){
			selected_navRO = nav_RO_menu[i];
		}
		
		document.getElementById(panel_menu[i]).style.display = (name == panel_menu[i]) ? 'block':'none';    
		if(document.getElementById(nav_menu[i]) != null){
			document.getElementById(nav_menu[i]).style.color = (nav == nav_menu[i]) ? "#494A48":"#95C7BA"; 
		}
	}
}

function showSubPanel(subname, subnav, page){
	var theNavArray;
	var thePanelArray;
	switch(page){
		case 'team':
			theNavArray = subnav_menu1;
			thePanelArray = subpanel_menu1;
		break;
		case 'work':
			theNavArray = subnav_menu2;
			thePanelArray = subpanel_menu2;
		break;
	}
	for(i = 0; i < thePanelArray.length; i++)
	{
		document.getElementById(thePanelArray[i]).style.display = (subname == thePanelArray[i]) ? 'block':'none';    
		document.getElementById(theNavArray[i]).style.color = (subnav == theNavArray[i]) ? "#494A48":"#95C7BA";    
	}
}

function showNavRO(name)
{   
	
	for(i = 0; i < nav_RO_menu.length; i++)
	{		
		document.getElementById(nav_RO_menu[i]).style.display = (name == nav_RO_menu[i]) ? 'block':'none'; 	
	}
}

function clearNavRO(){
	if(document.getElementById(selected_navRO) != null){
		document.getElementById(selected_navRO).style.display = 'none';
	}
	selected_navRO = null;
}