var directory = "/data/dtc/HRH/vx/";

 
 
function setOptions(chosen) {
var selbox2 = document.myform.variable;


selbox2.options.length = 0;
if (chosen == " ") {
selbox2.options[selbox2.options.length] = new Option(' Please select Plot Type first',' ');
}

selbox2.options[selbox2.options.length] = new Option(' -- ','');
selbox2.options[selbox2.options.length] = new Option('Along Track','ALTK');
selbox2.options[selbox2.options.length] = new Option('Cross Track','CRTK');
selbox2.options[selbox2.options.length] = new Option('Track','TKER');
selbox2.options[selbox2.options.length] = new Option('Intensity','WDER');


} // end function setOptions

function setVar (choose) {
var plot = document.myform.plottype.options[document.myform.plottype.selectedIndex].value;
var selbox2 = document.myform.variable;


} //end function setVar



function viewPlot (){
var model1 =document.getElementById('model1').value;
var model2 =document.getElementById('model2').value;

var modeldir =document.getElementById('modeldir').value;
var plot = document.myform.plottype.options[document.myform.plottype.selectedIndex].value;
var agg = document.myform.agg.options[document.myform.agg.selectedIndex].value;
var variable = document.myform.variable.options[document.myform.variable.selectedIndex].value;


if (plot == "box_plots"){
	
	var viewBoxPlots = agg + "/" +  modeldir + "/" + plot + "/" + model1 + model2 + variable;

   if (variable =="TKER") {
document.getElementById('boxview').innerHTML = (
"<h1>Raw</h1> <a href='" +  directory + viewBoxPlots + "_raw_bplot.png'><img src='" + directory + viewBoxPlots  + "_raw_bplot.png'  width='800' height ='618'/></a><br />" +
"<h1>Difference</h1><a href='" +  directory + viewBoxPlots + "_diff_bplot.png'><img src='" + directory + viewBoxPlots  + "_diff_bplot.png'  width='800' height ='618'/></a>");
   }
   
   else {
document.getElementById('boxview').innerHTML = (
  "<h1>Raw </h1> <a href='" +  directory + viewBoxPlots + "_raw_bplot.png'><img src='" + directory + viewBoxPlots  + "_raw_bplot.png'  width='800' height ='618'/></a><br />" +
  "<h1>Absolute </h1> <a href='" +  directory + viewBoxPlots + "_abs_bplot.png'><img src='" + directory + viewBoxPlots  + "_abs_bplot.png'  width='800' height ='618'/></a> <br />" + 
"<h1>Difference  </h1> <a href='" +  directory + viewBoxPlots + "_diff_bplot.png'><img src='" + directory + viewBoxPlots  + "_diff_bplot.png'  width='800' height ='618'/></a>" );
   }
	
}
else if (plot == "line_plot"){
		var viewLinePlot1 = agg + "/" +  modeldir + "/" + plot + "/OCD5_" + model1 + variable +"_ss_line.png";
		var viewLinePlot2 = agg + "/" +  modeldir + "/" + plot + "/OCD5_" + model2 + variable +"_ss_line.png";
		document.getElementById('boxview').innerHTML = ( 
			"<h1>" +  model1 + " Skill Scores</h1> <a href='" +  directory + viewLinePlot1 + "'><img src='" + directory + viewLinePlot1 + "' width='800' height ='618' /></a><br />" +
			"<h1>" +  model2 + " Skill Scores</h1> <a href='" +  directory + viewLinePlot2 + "'><img src='" + directory + viewLinePlot2 + "' width='800' height ='618' /></a><br />");
		
		
		
}


}