
function showImg(){
	if((theSatImageNames.length > 0) && (theImageNames.length > 0)){

		if(theImageNames.length === theSatImageNames.length) {
			var radarIm= theImageNames.pop(); 
			var satIm= theSatImageNames.pop();
			var rDate=radarIm.substring(18,30);
			doDate.doTimeStamp(rDate);
			
		}
			if (document.getElementById && document.createElement) {
				if (!document.getElementById('latest-radar')) {
				return;
				}
				var radarRef = document.getElementById('latest-radar'); 
				var rLink= document.createElement('a');
				rLink.setAttribute('href', '/products/national_radar_sat.loop.shtml');
				rLink.setAttribute('title', 'Link to National radar animation');
				var satRef = document.getElementById('latest-sat'); 
				var Rim=document.createElement('img');
				Rim.setAttribute('src', radarIm);
				Rim.setAttribute('width', '512px');
				Rim.setAttribute('height', '512px');
				rLink.appendChild(Rim);
				radarRef.appendChild(rLink);
				var Sim=document.createElement('img');
				Sim.setAttribute('src', satIm);
				satRef.appendChild(Sim);
		}
	}
}
		
window.onLoad=addEvent(window, 'load', showImg );//onLoad mixed case for IE

function addEvent(obj,evt,fn){
	if(obj.addEventListener)
		obj.addEventListener(evt, fn, false);
	else if(obj.attachEvent)
		obj.attachEvent('on' + evt,fn);
}

var doDate = {
    doTimeStamp: function(dateString){
	      var pattern=/\d{12}/ ;	
          if(dateString.match(pattern)){
          var year=parseInt(dateString.substring(0, 4), 10 );
          var month=parseInt(dateString.substring(4, 6)-1, 10); 
          var day=parseInt(dateString.substring(6, 8),10);
          var hours=parseInt(dateString.substring(8, 10),10); //+1 if radr output process requires fudge
          var minutes=parseInt(dateString.substring(10, 12),10);
          //return 
          doDate.timeZones(year, month, day, hours, minutes);
          }
          else{ return false; }
    },

    pad: function(val, len) {
        val = String(val);
	    len = len || 2;
	    while (val.length < len) val = "0" + val;
	    return val;
    },
		
		
    timeZones: function (year, month, day, hours, minutes){
	    var utc= Date.UTC(year, month, day, hours, minutes); //==ms
        var tz=[['WST',8],['WDT',9],['CST',9.5],['CDT',10.5],['EST',10],['EDT',11]];
   
        var html ='<h3>Latest national radar image processed at:</h3>\n<div id="timezones">\n';
        var thisTz='';
   
        for(var i=0;i<tz.length;i++){
	        thisTZ = utc + tz[i][1]*3600000; 
            thisTZ = new Date(thisTZ); //==> local time
      	    //format
	        var thisDay = doDate.getDayName(thisTZ); 
		    var thisMonth = doDate.getMonthName(thisTZ);
	        var thisDate = thisTZ.getUTCDate();
	        var thisYear = thisTZ.getFullYear();
	        var thisHours = thisTZ.getUTCHours();
	        var thisMinutes = thisTZ.getUTCMinutes();
		    thisMinutes = doDate.pad(thisMinutes, 2)
		 
	        var thisTime= doDate.ampm(thisHours, thisMinutes);
	         html += '<p class=\"lt\"><span class=\"time\">'+  thisTime + '</span> ' + '<span class=\"tz\">' + tz[i][0] + '</span> '  + '<span class=\"day\">'+ thisDay + '</span> ' + '<span class=\"date\">'+ thisDate + ' ' + thisMonth +  ' ' + year + '</span></p>\n';
        }
				
			html +='</div>\n';
				 
		    if(document.getElementById('insertTZ')){
		        var tzhtml = document.getElementById('insertTZ').innerHTML = html;
		    }
    },

    getDayName: function(thisDate){
        var week = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
        var dayName = thisDate.getUTCDay();
        dayName = week[dayName];
        return dayName;
    },

    getMonthName: function(thisDate){
        var months = ["January","February","March","April","May","June","July","August","September","October","November","December"];
        var monthName = thisDate.getUTCMonth();
        monthName = months[monthName];
        return monthName;
    },
	
    ampm: function(hour, mins){
        var ap = "am";
        if (hour   > 11) { ap = "pm";        }
        if (hour   > 12) { hour = hour - 12; }
        if (hour   == 0) { hour = 12;        }
  	    mins= ':' + mins;
	      var time = hour  + mins + ' ' + ap;
	      return time;
    }
   
} //doDate
