//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_myaccount = new Array();	  
      tab_myaccount[0] = "../../images/tab_myaccount.gif";
      tab_myaccount[1] = "../../images/tab_myaccount_on.gif";
      tab_myaccount[2] = "../../images/tab_myaccount_selected.gif";
       for(var i=0; i<tab_myaccount.lenght; i++){
         preload_tab_object.src = tab_myaccount[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_training = new Array();	  
      tab_training[0] = "../../images/tab_training.gif";
      tab_training[1] = "../../images/tab_training_on.gif";
      tab_training[2] = "../../images/tab_training_selected.gif";
       for(var i=0; i<tab_training.lenght; i++){
         preload_tab_object.src = tab_training[i];
	  }	
      tab_otherproducts = new Array();	  
      tab_otherproducts[0] = "../../images/tab_otherproducts.gif";
      tab_otherproducts[1] = "../../images/tab_otherproducts_on.gif";
      tab_otherproducts[2] = "../../images/tab_otherproducts_selected.gif";
       for(var i=0; i<tab_otherproducts.lenght; i++){
         preload_tab_object.src = tab_otherproducts[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 = 1;
var restore="subNavTraining";
var restoreTab="tab_training";
var timer = null;
var hoverTime=500;
var imagePath="../../images/";

	function setDefaultSubNav(subNavID,tabSelected,imgPath){
	restore=subNavID;
	if(tabSelected!=""){ 
	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";
			}
        }
    }
}