//Preload Images
    if (document.images)
    {
      preload_tab_object = new Image();
      // set image url
      tab_home = new Array();
      tab_home[0] = "images/tab_home.gif";
      tab_home[1] = "images/tab_home_on.gif";
      tab_home[2] = "images/tab_home_selected.gif";
       for(var i=0; i<tab_home.lenght; i++){
         preload_tab_object.src = tab_home[i];
	  }
      tab_tech = new Array(); 
      tab_tech[0] = "images/tab_tech.gif";
      tab_tech[1] = "images/tab_tech_on.gif";
      tab_tech[2] = "images/tab_tech_selected.gif";
       for(var i=0; i<tab_tech.lenght; i++){
         preload_tab_object.src = tab_tech[i];
	  }
      tab_sales = new Array();	  
      tab_sales[0] = "images/tab_sales.gif";
      tab_sales[1] = "images/tab_sales_on.gif";
      tab_sales[2] = "images/tab_sales_selected.gif";
       for(var i=0; i<tab_sales.lenght; i++){
         preload_tab_object.src = tab_sales[i];
	  }
	  
      tab_products = new Array();	  
      tab_products[0] = "images/tab_products.gif";
      tab_products[1] = "images/tab_products_on.gif";
      tab_products[2] = "images/tab_products_selected.gif";
       for(var i=0; i<tab_products.lenght; i++){
         preload_tab_object.src = tab_products[i];
	  }	
      tab_customer = new Array(); 
      tab_customer[0] = "images/tab_customer.gif";
      tab_customer[1] = "images/tab_customer_on.gif";
      tab_customer[2] = "images/tab_customer_selected.gif";
       for(var i=0; i<tab_customer.lenght; i++){
         preload_tab_object.src = tab_customer[i];
	  }
      tab_about = new Array();
	  tab_about[0] = "images/tab_about.gif";
      tab_about[1] = "images/tab_about_on.gif";
      tab_about[2] = "images/tab_about_selected.gif";
       for(var i=0; i<tab_about.lenght; i++){
         preload_tab_object.src = tab_about[i];
	  }
    }
 //alert("finished");
//end preload

if(document.getElementById && document.createElement)
{
var newstyle
var restore="subNavHome";
var restoreTab="tab_home";
var timer = null;
var hoverTime=500;
var imagePath="/images/";

	function setDefaultSubNav(subNavID,tabSelected,imgPath){
	restore=subNavID;
	if(tabSelected!="" && tabSelected!=null){ 
	restoreTab=tabSelected;
	}
	imagePath=imgPath;
	//window.setTimeout('hideNav(subNavId)', hoverTime);
	hideNav(restore);
	}
	function swapNavImage(subNavId, newstate, id, newImage){
		//alert(id, newImage);
		document.getElementById(id).src=newImage;
		//var ttt = new Image();
		//ttt=
		//alert(eval(restoreTab +" [1]"));
		if (newstate=="on"){
		if(id!=restoreTab){
		//document.getElementById(id).src=newImage;
		document.getElementById(restoreTab).src=imagePath + restoreTab +"_selected.gif";		
		}
		clearTimeout(timer);
		//hideNav(subNavId);
		//showNav(subNavId);
		} else if (newstate=="off") {
		//timer=setTimeout('hideNav("' + restore + '")',hoverTime); 
		document.getElementById(restoreTab).src=imagePath + restoreTab +"_on.gif";
		}
		//alert(id + newstyle);
		//alert("restoring:" + restoreTab);
	}
	function showNav(theid){
	   var objDiv2;
		if (document.all){
			objDiv2 = document.all[theid];
		} else {
			objDiv2 = document.getElementById (theid);
		}
		//alert(theid);
		objDiv2.className="display";
		//objDiv2.className="subNavHover";
	}
    function hideNav(theid)
    {	
	//alert("hiding all but" +theid);
	   //clearTimeOut();
	   var container=document.getElementById('subNav');
       var objDiv=container.getElementsByTagName('div');

        // loop THRU SUBNAVS  
        for(var i=0; i<objDiv.length; i++) 
        {
			//alert("hiding"+ objDiv[i].getAttribute('id'));
			if(objDiv[i].getAttribute('id')!=theid){
             document.getElementById(objDiv[i].getAttribute('id')).className="hidden"; 
			}else if(objDiv[i].getAttribute('id')==restore){
             document.getElementById(objDiv[i].getAttribute('id')).className="display"; 
			}else{
			 document.getElementById(objDiv[i].getAttribute('id')).className="subNavHover";
			}
        }
    }
}