

function refresh (showStyle){
    //get data from the HTML form
	var myForm = document.ImageForm;
	var	 index = myForm.Product.selectedIndex;
	var	 typeid  = myForm.Product[index].value;
        var      imagetype=myForm.Product[index].id;
	
	var	 index = myForm.Region.selectedIndex;
	var	 regionid = myForm.Region[index].value;
        var      rname=myForm.Region[index].id;

	var	 index = myForm.Year.selectedIndex;
	var	 year  = myForm.Year[index].value;

	var	 index = myForm.Week.selectedIndex;
	var	 week  = myForm.Week[index].value;

    //get the cuurent date from user computer
	
	 
	var cur_week = getCurrentWeek();
	var cur_year = getCurrentYear();  
	


//adjust year & week based on different HTML button
        var isNeedResetYearWeek =0;
	if(showStyle == "showNextWeek") {
                week++;	if(week > 52) { year++; week=1;	}
		isNeedResetYearWeek = 1;
	}
	if(showStyle == "showPrevWeek") {
		week--;  if(week <=0 ) { week=52; year--; }
		isNeedResetYearWeek = 1;
	}

	if(showStyle == "showNextYear") {
		year++;  
		isNeedResetYearWeek = 1;
	}

	if(showStyle == "showPrevYear") {
		year--;  
		isNeedResetYearWeek = 1;
	}


	var yrwk = year *100 + Math.round(week);
	var curYrwk = cur_year *100.0 + cur_week;

	
	if( yrwk < myForm.Year[1].value*100+1  || yrwk > curYrwk  ) {
		alert("Data requested is not available, please check: year=" +year+" week="+week);
		return ;
	}

	if(typeid == 0)		{	alert(" Please select a data type");	return;	};
	if(regionid == 0)	{	alert(" Please select a region");		return;	};
	if(year == 0)		{	alert(" Please select a year");		return;	};
	if(week == 0)		{	alert(" Please select a week");		return;	};

	var bNodata=0;
 	 
		if(imagetype == "DIFF_VTI_YEARLY" && (yrwk < 198235) )	bNodata =1;
		if(imagetype == "DIFF_VTI_WEEKLY"&& (yrwk <= 198135) ) bNodata =1;
		if(imagetype == "DVT" && (yrwk <= 198139) ) bNodata =1;

	if(  bNodata == 1){
		alert("data requested is not available for this week:  year=" +year+" week="+week);
		return ;
	}


	if( isNeedResetYearWeek  == 1) {
                //alert("reset "+year+" "+ week);
		for(i=0; i< myForm.Week.length; i++){
			if(myForm.Week[i].value == week)	{
				myForm.Week[i].selected = true;
				break;
			}
		}
		
		for(i=0; i<= myForm.Year.length; i++){
			if(myForm.Year[i].value == year)	{
				myForm.Year[i].selected = true;
				break;
			}
		}	
	}

	if( bNodata == 1){
		parent.MainImageFrame.document.writeln("<html><head></head><body><h2>" 
			+ "Sorry, the requested image is not available online.</h2>"
			+"</body></html>");
		parent.MainImageFrame.document.close();		
		return;
	}

        VH_showImages( rname,imagetype,typeid,year,week);
}


function VH_showImages( rname,imagetype,typeid,year,week){
        var	regionTitle = getRegionLongName(rname);
	var baseurl = getVHrootURL(); 
 
	 
	var regionnames = ["World","NorthAmerica","SouthAmerica","Africa","Europe","Asia","Australia", "USA", "Mexico",
			 "Argentina","Brazil","SouthAfrica","Rusia","China","India","Ukraine"];

	var imagetypes =["VHI","VHchangeWeekly","VHchangeYearly","VCI-TCI","SMN","SMT","FireRisk","VH_DIVISION","DroughtRisk", 
			"ModerateDroughtChange","ExtremeDroughtChange","MalariaRisk"];
        var NumberOfimages=[2,1,1,2,1,1,1,3,1,4,4,3];
	 
        var subfolder,Img_ext, yearweekPrevious_ext;
        if(year == -1) {
             subfolder="current";
             Img_ext= ".png";
             yearweekPrevious_ext="_Pyear.png"; 
        }else{
            subfolder=year;
                 var sWeek = "" + week;
                 if (week <= 9)  sWeek=  '0' +week;
                  yearweek =  year   + sWeek;
             yearweekPrevious_ext =  "_"+ (year-1)   + sWeek +".png";
             Img_ext= "_"+yearweek + ".png";
        }

	var colorbar= getColorBarURL(imagetype );


        var img_file1,img_file2,img_file3 ;
	var img_url1, img_url2,bimg_url1, bimg_url2;
	 

	 
	
        var prodTitles= getLongTitleOfDataType(imagetype);
	var prodTitle =prodTitles[0];
	var prodTitle2=prodTitles[1];
	var prodTitle3=prodTitles[2];


	if(	imagetype == "VH_DIVISION" && rname != "USA"){
		alert(" Vegetation Health by Climate Division Map is available for USA only.");
		return;
	}
	
	if(	imagetype == "MalariaRisk" && rname != "Africa"){
		alert(" Malaria Risk Map is available for Africa only.");
		return;
	}

			if(imagetype == "VHI") {
				img_file1 =  "VHI" + Img_ext;
				img_file2 =  "";   
				 
			}else if(imagetype == "VCI-TCI") {
				img_file1 =  "VCI" + Img_ext;
				img_file2 =  "TCI" + Img_ext;
			}else if(imagetype == "VH_DIVISION") {
				img_file1 =  "VHI_DIVISION" + Img_ext;
				img_file2 =  "VCI_DIVISION" + Img_ext;
				img_file3 =  "TCI_DIVISION" + Img_ext;

			}else if(imagetype == "MalariaRisk") {
				img_file1 =  "MalariaRisk_VHI" + Img_ext;
				img_file2 =  "MalariaRisk_VCI" + Img_ext;
				img_file3 =  "MalariaRisk_TCI" + Img_ext;
			}else{
				img_file1 =   imagetype + Img_ext;
			}
			
                var picturepath   = baseurl + "/"+ subfolder +"/" + rname +"_";
		img_url1 = picturepath + img_file1;
		img_url2 = picturepath + img_file2;
                img_url3 = picturepath +  img_file3;

                if(imagetype == "VHI") {
                     img_file2 = rname+ "_VHI"+yearweekPrevious_ext; 
                    if (year == -1){		
                        img_url2=baseurl + "/current/"+img_file2;
                    }else{	 
                        img_url2=baseurl + "/"+ (year-1) +"/"+img_file2;
                    }
                }

		var picturepathBig   = baseurl + "/"+ subfolder +"/" + rname+ "Big_" ;
		bimg_url1 = picturepathBig   + img_file1;
		bimg_url2 = picturepathBig   + img_file2;
		bimg_url3 = picturepathBig   + img_file3;
		
		
	var colorbar = getColorBarURL(imagetype);
	var thisWeek = getCurrentWeek();
	var thisYear = getCurrentYear();
	 
	parent.MainImageFrame.document.writeln("<html><meta http-equiv='Pragma' content='no-cache'><head>\n<link rel='stylesheet' href='http://www.star.nesdis.noaa.gov/star/global/css/position.css'>\n<link rel='stylesheet' href='http://www.star.nesdis.noaa.gov/star/global/css/main.css'></head><body bgcolor='#ffffff'>\n"
//	"<script language='javascript' src='./js/enlargeImage.js'></script>"
	+	"<div style='background-color: #ffffff; padding: 0px 10px; border: 1px solid #666666; display: table;'>");


	var title1 = "<h3>"+ regionTitle +" - "+ prodTitle +"</h3>";
	var title2 = "<h3>"+  prodTitle2 +"</h3>";
	var title3 = "<h3>"+  prodTitle3 +"</h3>";

	var img1 =  "<img src='"+img_url1 + "' name='image1' alt='"+ regionTitle +" "+ prodTitle +" file="+ img_url1+"'>";
	var img2 =  "<img src='"+img_url2 + "' name='image2' alt='"+ regionTitle +" "+ prodTitle +" file="+ img_url2+"'>";
	var img3 =  "<img src='"+img_url3 + "' name='image3' alt='"+ regionTitle +" "+ prodTitle +" file="+ img_url3+"'>";
	
	if (rname == "World") {
	  	img1 = "<a href='"+ bimg_url1 +"' target='_blank'>" + img1 +"</a>" ;
		img2 = "<a href='"+ bimg_url2 +"' target='_blank'>" + img2 +"</a>" ;
		img3 = "<a href='"+ bimg_url3 +"' target='_blank'>" + img3 +"</a>" ;
	}


	var s= "<table border='0' cellspacing='0' cellpadding='0' style='margin-top: 1px;'>";
	s+= "<tr><td colspan='2' style='text-align: center;'>" + title1 +"</td></tr>";

	if(NumberOfimages[typeid-1] == 1) {	
		s+= "<tr><td>" +img1 +"</td></tr>";
	}


	if(NumberOfimages[typeid-1] == 2) {
		s+= "<tr><td>" +img1 +"</td>";
		s+= "    <td>" +img2 +"</td></tr>";

	}	 
	
	if(NumberOfimages[typeid-1] == 3) {
		s+= "<tr><td>" +img1 +"</td></tr>";
		s+= "<tr><td colspan='2' style='text-align: center;'>" + title2 +"</td></tr>";
		s+= "<tr><td>" +img2 +"</td></tr>";
		s+= "<tr><td colspan='2' style='text-align: center;'>" + title3 +"</td></tr>";
		s+= "<tr><td>" +img3 +"</td></tr>";
	}

	if(NumberOfimages[typeid-1] == 4) { //show 2x2 panels for 'ModerateDroughtChange' or 'ExtremeDroughtChange'
		var prodTitles = ["In 1 Week","In 4 Weeks","In 8 Weeks","In 52 Weeks"];
		var imagenames = ["In1Week","In4Weeks","In8Weeks","In52Weeks"];	
		var imgs = [" "," "," "," "];
                for (var i=0; i<4; i++){ 
			 
		    img_url= picturepath + imagetype +imagenames[i] + Img_ext;
		    imgs[i] = "<img src='"+img_url + "' name='image'"+i +" alt='"+ regionTitle +" " +prodTitles[i] +" file="+ img_url+"'>";	
		    prodTitles[i]= "<br>(Change " +	 prodTitles[i] + ")<br>&nbsp;"	
		}
		
		s+= "<tr><td>" ;

		s+= "<table border=1 frame='border' style='text-align: center;  '>";
		
		s+= "<tr><td >"+ imgs[0]+ prodTitles[0] + "</td>";
		s+=     "<td >"+ imgs[1]+ prodTitles[1] + "</td></tr>";
		
		s+= "<tr><td >"+ imgs[2]+ prodTitles[2] + "</td>";
		s+=     "<td >"+ imgs[3]+ prodTitles[3] + "</td></tr>";
		 
		

		s+= "</tabe>";
		s+= "</td></tr>";
	}
	
	s+= "</table>";
	if(colorbar != "") s += "<img src='"+colorbar +"' alt='color bar, file=" + colorbar +"'> <br>";


	if( imagetype == 'ModerateDroughtChange' || imagetype == 'ExtremeDroughtChange') {
		colorbar = "../VH_colorbars/bar_DroughtChange_long.png";
		s+= "<img src='"+colorbar +"' alt='color bar (detail), file=" + colorbar +"'> <br>";
	}

	parent.MainImageFrame.document.writeln(	s );





	if (rname == "World") 
		parent.MainImageFrame.document.writeln("<p>Click this image once to expand it;<br>"
		+ "Click on the expand image to review maximum resolution.</p>");
	 
	if(	imagetype != "Malariarisk") {
	        parent.MainImageFrame.document.writeln("<p>"
		+ "Note: For the area without vegetation (desert, high mountains, etc.), "
		+ "the displayed indices characterize surface conditions.</p>");
	}

	parent.MainImageFrame.document.writeln("<p>"
	+ "*** Data source: GVI-x derived vegetation indices; 'week' defined here is based on 'day of the year', i.e. week 1 covers day-of-the-year 1 to 7.<br>"
        + "*** (Images will be updated on Thursday in 2009.)<br></p>");

	parent.MainImageFrame.document.writeln("</div></body></html>");
	parent.MainImageFrame.document.close();		





}




