window.onload = loadComparisonData;

var targetDivOne ="EnergyComparisonGraphOne";
var targetDivTwo ="EnergyComparisonGraphTwo";

xmlUrl = "/Flash/BeaufortCourt/Data/Renewables.xml";
xslUrl = "/Flash/BeaufortCourt/Data/Comparison.xsl";


xmlCallBack = SelectAndTransform;

var showGraphTwo = false;


function loadComparisonData(){

	window.status = "Loading Renewables Data...";
	
	ShowLoadingMessage(targetDivOne);

	if (showGraphTwo){
		ShowLoadingMessage(targetDivTwo);
	}


	
	loadxml();
	loadxsl();

}


function SelectAndTransform(){

		
	transform(GetSelected("yearA"), GetSelected("yearB"), GetSelected("dataTypeOne"), targetDivOne);	
	
	if (showGraphTwo){
		transform(GetSelected("yearA"), GetSelected("yearB"), GetSelected("dataTypeTwo"), targetDivTwo);	
	}

	window.status = "Done";
	
}

function toggleSecond(){

	showGraphTwo = !showGraphTwo;

	if (showGraphTwo){
		document.getElementById("ToggleGraphTwo").innerHTML ='<a href="#" onclick="toggleSecond();"><img src="/images/BeaufortCourt/buttons/hidegraph2.gif" align="absmiddle"></a>&nbsp;<a href="#" onclick="toggleSecond();">Hide Second Graph</a>';
		showDiv("GraphaAndControlTwo");
		
	}else{
		document.getElementById("ToggleGraphTwo").innerHTML ='<a href="#" onclick="toggleSecond();"><img src="/images/BeaufortCourt/buttons/graph2.gif" align="absmiddle"></a>&nbsp;<a href="#" onclick="toggleSecond();">Show Second Graph</a>';
		hideDiv("GraphaAndControlTwo");
		
	}

	SelectAndTransform();


}



function transform(yearA, yearB, dataType, targetDiv){

	if (xmlDoc != null && xslDoc != null){


		var tagYearA = FindVariableByName("yearA");
		var tagYearB = FindVariableByName("yearB");
		var tagDataType = FindVariableByName("dataType");

		tagYearA.setAttribute("select", yearA);
		tagYearB.setAttribute("select", yearB);

		tagDataType.setAttribute("select", "'" + dataType + "'");


		var transformedDoc = transformDomDoc(xmlDoc, xslDoc);

		setDiv(transformedDoc, targetDiv);
		
  	}
}