

function refresh(zoom_ID){

	var myForm = document.ImageForm;
	var	 index = myForm.Product.selectedIndex;
	var	 typeid  = myForm.Product[index].value;
	
	var	 index = myForm.Region.selectedIndex;
	var	 regionid = myForm.Region[index].value;

	if(typeid == 0)		{		alert("Please select a data type");	return;	};
	if(regionid == 0)	{		alert("Please select a region");		return;	};
	


	baseurl = getVHrootURL(); 
	 
 
	//image
	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 imagetype = imagetypes[typeid-1];
 

	var img_file1,img_file2,img_file3 ;
	var img_url1, img_url2,bimg_url1, bimg_url2;
	var Img_ext=".png";

	var rname = regionnames[regionid-1];
        var regionTitle = getRegionLongName(rname);
        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;
	}

		

		

//alert("	imagetype ="+imagetype +"\n rname="+rname +" regionTitle ="+regionTitle );

		
			if(imagetype == "VHI") {
				img_file1 =  "VHI" + Img_ext;
				img_file2 =  "VHI_Pyear" + Img_ext;
				 
			}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 + "/current/" + rname +"_";
		img_url1 = picturepath + img_file1;
		img_url2 = picturepath + img_file2;
                img_url3 = picturepath +  img_file3;

		var picturepathBig   = baseurl + "/current/" + 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();
         

	if(zoom_ID == 0) return;
}


function zoom_in(){
	if(currentImage_zoomlevel <=3) {
		currentImage_zoomlevel++;
		parent.MainImageFrame.document.image1.height *= 1.5;
		if(parent.MainImageFrame.document.image2.height != "")
			parent.MainImageFrame.document.image2.height *= 1.5;
		if(parent.MainImageFrame.document.image3.height != "")
			parent.MainImageFrame.document.image3.height *= 1.5;
	}
}
function zoom_out(){
	if(currentImage_zoomlevel > -3) {
		currentImage_zoomlevel--;
		parent.MainImageFrame.document.image1.height /= 1.5;
		if(parent.MainImageFrame.document.image2.height != "")
			parent.MainImageFrame.document.image2.height /= 1.5;
		if(parent.MainImageFrame.document.image3.height != "")
			parent.MainImageFrame.document.image3.height /= 1.5;
	}
	 
	 
}

function showBigImage(ImgURL){
  winConfig = "toolbar=1,location=1,menubar=1,status=1,scrollbars=1,resizable=1";
  winWidth=500;winHeight=400;
  if(winWidth != '')  winConfig += ", width=" + winWidth;
  if(winHeight != '') winConfig += ", height=" + winHeight ;
	alert(ImgURL);
  w = window.open("index.html", "");
  w.focus();
  
}


function createForm(rname, imagetype){

	var list_names =["Product","Region"];
	var len= list_names.length;
	var s="" ;
	for (var i=0; i< len; i++){
		s =  s +"<td><SELECT NAME='" + list_names[i] +"'> "
		if( i == 0)	s =  s +ImageTypeList(imagetype);
		if( i == 1)	s =  s +RegionList(rname);
		s =  s +"</SELECT></td>";
	}
	s =  s +"<td><INPUT onclick='refresh(0);return true;' type=button value='Refresh'></td>"; 
	s =  s +"<td><INPUT onclick='zoom_in();return true;' type=button value='ZoomIn'></td>"; 
	s =  s +"<td><INPUT onclick='zoom_out();return true;' type=button value='ZoomOut'></td>"; 
		 
	 
	document.writeln(s);
	return(s);
}

function ShowVHCurrentImage(rname, imagetype){

	document.writeln("<form name='ImageForm'><table border=0 bgcolor='#DDDDFF'><tr>");
			var s=  createForm(rname, imagetype);
	document.writeln("</tr></table></form>");

	
}
var currentImage_zoomlevel =0;
 
	
	 
 

