var forecastnum=1
// Browser variables
var forecastloaded=false;
var visiblelayer=-1;
var maximages=4;
var zIndex=1;
var Iopt = new Array();
var navstyle="<div>";
Iopt[0]= new selections('Iopt',0);
Iopt[1]= new selections('Iopt',0);
Iopt[2]= new selections('Iopt',0);
Iopt[3]= new selections('Iopt',0);
Iopt[4]= new selections('Iopt',0);
Iopt[5]= new selections('Iopt',0);
Iopt[6]= new selections('Iopt',0);
Iopt[7]= new selections('Iopt',7);
Iopt[8]= new selections('Iopt',8);
Iopt[9]= new selections('Iopt',9);

  function selections(prefix,rank){
         this.imageoff=new Image();                       // off image name
         this.imageoff.src="../siteimages/buttons/"+prefix+rank+"off"+".gif";                   
         this.imageon=new Image();                        // mouse over image name
         this.imageon.src="../siteimages/buttons/"+prefix+rank+"on"+".gif";
   }
                          

// Set the objects for overlays
var forecasts = new Array();
var loadimage;
var selectobj;
var misc2obj;
var currentobj;
var timeobj;
var ctimeobj;
var nofobj;
var controlobj;
var passobj
function init(mdiv,num){
	for (i=1;i<num+1;i++){
		
		forecasts[i]=new DynLayer(mdiv+i);
	}
	loadimage= new  DynLayer('loadimageDiv');
	selectobj= new  DynLayer('fhours');
 	misc2obj=  new  DynLayer("miscDiv2");
 	controlobj =new  DynLayer("controls");	
	currentobj =new  DynLayer("image0");
 	timeobj=new  DynLayer("fperiodDiv");		
	ctimeobj=new  DynLayer("periodDiv");		
 	nofobj=new  DynLayer("nofDiv");
	passobj=new DynLayer("passreport");
		


}

 function loadimages(mlayer,num){
  	if(!forecastloaded){
   	 	forecastloaded=true;	
		loadimage.show();
	  	for (var i=1;i<=num;i++){
	 	  	txt="<img src="+imagelist[i]+" width='"+imagewidth+" height='"+imageheight+"' border='0' usemap='#forecasts'>";
			forecasts[i].writelayer(txt,navstyle);
 		}
		loadimage.hide();
		visiblelayer=1;	
	}
	forecasts[1].show();
  	ShowControls();	
}

function ShowControls(){
 	if(maximages<1){
  		nofobj.show();
 	}
 	else{	
 		controlobj.show();
           	currentobj.hide();
             	ctimeobj.hide();
 		selectobj.show();
  		misc2obj.show();
	   	txt="<font color=##DD0050><b>Forecast Conditions</b></font> for<b> "+imagetime[1]+"</b>";
		timeobj.writelayer(txt,navstyle);
	       golocation();
       }        
 }

 function HideControls(){
	nofobj.hide();
	controlobj.hide();
	misc2obj.hide();
	forecasts[visiblelayer].hide();
	selectobj.hide();
	currentobj.show();
	ctimeobj.show();
       parent.topleft.golocation();	
 }	

function SetHour(mvalue){
    forecastnum=parseInt(mvalue);
    showForecast(forecastnum);
	   	txt="<font color=##DD0050><b>Forecast Conditions</b></font> for<b> "+imagetime[forecastnum]+"</b>";
		timeobj.writelayer(txt,navstyle);
    SetInit('fhours','selectforecast','forecasthour','optionlist',forecastnum,1);
 	
 }
 function showForecast(num){
        //alert(num);
  	currentobj.hide();
  	ShowOverLay(num);
 }
 function stepForecast(direction,maxforecasts){
  	if((forecastnum+direction)>maxforecasts || (forecastnum+direction)<1){
  		return;
  	}
  	else{
  		forecastnum=forecastnum+direction;
  		showForecast(forecastnum);
 	   	txt="<font color=##DD0050><b>Forecast Conditions</b></font> for<b> "+imagetime[forecastnum]+"</b>";
		timeobj.writelayer(txt);
     		SetInit('fhours','selectforecast','forecasthour','optionlist',forecastnum,1);
  	}
  }			
function ShowOverLay(num){
 //////////////////////////////////////////////////////////////////////////////////////////
 //	Purpose:	Hides or shows map overlay
 //	Pre:		Frames are hard coded and adhere to Clint's names
 //			Overlays exist
 //			All html files exist;
 //////////////////////////////////////////////////////////////////////////////////////////			
 // if all images are not off hide old image
       if(visiblelayer>-1){
           forecasts[visiblelayer].hide();
    	    zIndex--;
    	    //forecasts[visiblelayer].setzindex(zIndex);
 	}
 	
 // if valid selection show layer
  	zIndex++;
  	//alert("zindex "+zIndex);
       //forecasts[num].setzindex(zIndex);
       forecasts[num].show(); 	
 
	visiblelayer=num;	
 	
 }
function SwapImage(imagenum,mlayer,action,mdiv){
    ////////////////////////////////////////////////////////////////////////
    //     Purpose:        Swap menu selection images
    //     Pre:            Valid layers and images exist
    //                     Selection objects have been created 
    ///////////////////////////////////////////////////////////////////////        
  
	   if(isNav4){
                 var obj=eval("document."+mdiv+".document."+mlayer+imagenum);
	   }
  	   else if(isIE4){
                 var obj=eval("document.all."+mlayer+imagenum);
  
           }
 	else if(isIE5){	
		var obj=document.getElementById(mlayer+imagenum+"ID");
	}
	else if(isNav6){
		var obj=document.getElementById(mlayer+imagenum+"ID");
	}
	   if(action == 0){
           	obj.src=Iopt[imagenum].imageoff.src;
    	   }
           else{
                obj.src=Iopt[imagenum].imageon.src;
           }
    }
  function SetInit(mlayer,formname,optname,moptions,mselected,startindex){
	 if(isNav4){
	 	var obj=eval("document."+mlayer+".document."+formname+"."+optname);
	 }
	 else if(isIE4){
	 	var obj=eval("document.all."+formname+"."+optname);
	 }
	else if(isIE5){	
		tobj=document.getElementById(mlayer);		
		var tagarray=tobj.getElementsByTagName('select');
		obj=tagarray[0];
	}
	else if(isNav6){
		tobj=document.getElementById(mlayer);

		var tagarray=tobj.getElementsByTagName('select');
		
		obj=tagarray[0];

	}
	 var optlist=eval(moptions);
	 obj.options.length=0;
 
 // Set up new list
 	for(var i=0;i<optlist.length;i++){
	 	obj.options[i]=new Option(optlist[i][0],optlist[i][1])
	 }
 // Set Selected         
 	obj.options[mselected-1].selected=true;
 	//forecastnum=0;
 }							

function SetCurrentOff(lyr,frm,opt){
	 if(isNav4){
		x=eval("document."+lyr+".document."+frm+"."+opt);
	 }
	 else if(isIE4){
		x=eval("document.all."+frm+"."+opt);
	 }
	else if(isIE5){	
		x=document.getElementById(opt+"ID");
	}
	else if(isNav6){
		x=document.getElementById(opt+"ID");
	}
	x.checked=false;
  }													
  function golocation(){
       parent.main.location.href="../additional/forecastdisclaimer.html";
  }