// button controllers
var oversuffix = "_on";

persist = null;

rollover = function( img ){
	if( !img) return false;
	//if( (currentTab && img.id == currentTab.id) || 
	//	(currentMenu && img.id == currentMenu.id ) )return false;
	var src = img.src;
	if( src.indexOf( oversuffix ) > 0 ) return;
	img.src = src.substring(0,src.length-4) + oversuffix +  src.substring(src.length-4, src.length) 
}
rollout = function( img ){
	if( !img) return false;
	if( (currentTab && img.id == currentTab.id) || 
		(currentMenu && img.id == currentMenu.id ) )return false;
	var src = img.src;
	if( src.indexOf( oversuffix ) < 0 ) return;
	img.src = src.substring(0,src.indexOf( oversuffix )) + src.substring(src.length-4, src.length);
}
preload = function(){
	for( var i=0; i<arguments.length; i++){
		img = new Image();
		img.src = arguments[i];
	}
}

preload( "/image/nav_press_on.gif","/image/nav_trailer.gif","/image/nav_awards.gif","/image/nav_contact_on.gif","/image/nav_vault.gif" );

var tabs = ["home","char","veh","org" ];
//var navbars = ["menu_home","menu_char","menu_veh","menu_org" ];
//var menus = ["home_overview","home_mission","home_fund","char_appr","char_job","char_web","veh_why","veh_how","veh_faq","org_contact","org_legal","org_dba","org_fin" ];
var timeout = null;
var currentTab = null;	//object ref to tab
var currentMenu = null; //object ref to menu item
setTab = function(id){tab = document.getElementById(id);tabOn(tab);currentTab = tab;}
setMenu = function(id){menu = document.getElementById(id);rollover(menu);currentMenu = menu;}
setNav = function(tabID, menuID){window.onload = function(){setTab(tabID);if(menuID!=null) setMenu(menuID);}}
resetCurrent = function(){ tabOn(currentTab); }
tabOn = function(tab){clearTimeout(timeout);resetAll();rollover(tab);navbar = document.getElementById("menu_"+tab.id);navbar.style.display = "block";}
tabOff = function(tab){timeout = setTimeout("resetCurrent()",500);}
menuOn = function(menu){clearTimeout(timeout);rollover(menu);}
menuOff = function(menu){rollout(menu);timeout = setTimeout("resetCurrent()",500);}
menuClick = function(menu){oldMenu = currentMenu;currentMenu = menu;rollout(oldMenu);rollover(currentMenu);}
resetAll = function(){for(var i=0; i<tabs.length; i++ ){ rollout( document.getElementById(tabs[i]) ); document.getElementById("menu_"+tabs[i]).style.display = "none"; }}