var graphValues = new Array(
	new Array(66.5,75.9,85.4,95.0,104.4,114.0,123.4,133.0,142.3,151.6,160.9,170.9,179.6,190.2,199.5),
	new Array(57.2,59.9,65.3,70.9,76.5,81.9,87.5,93.1,99.8,106.4,113.1,119.7,126.4,133.0,190.2),
	new Array(50.5,51.9,53.2,57.2,61.2,65.2,69.2,73.2,77.1,81.1,85.1,89.1,93.1,126.4,179.6),
	new Array(45.2,46.6,47.6,49.9,52.4,54.8,57.3,59.9,61.4,63.2,64.8,66.5,89.1,119.7,170.9),
	new Array(39.9,41.2,42.0,44.4,46.6,48.8,50.9,53.2,55.5,57.7,59.9,64.8,85.1,113.1,160.9),
	new Array(33.3,35.0,36.4,38.8,41.2,43.2,44.8,46.6,49.9,53.2,57.7,63.2,81.1,106.4,151.6),
	new Array(26.6,28.7,30.9,33.4,35.9,38.2,39.9,42.6,46.6,49.9,55.5,61.5,77.1,99.8,142.3),
	new Array(20.0,22.6,25.3,27.9,30.6,33.3,35.9,40.0,42.6,46.6,53.2,59.9,73.2,93.1,133.0),
	new Array(19.0,21.5,23.9,26.2,28.3,29.9,33.3,35.9,39.9,44.8,50.9,57.3,69.2,87.5,123.4),
	new Array(18.1,20.3,22.6,24.6,26.2,26.6,29.9,33.3,38.2,43.2,48.8,54.8,65.2,81.9,114.0),
	new Array(17.2,19.3,21.3,22.9,23.9,26.2,28.3,30.6,35.9,41.2,46.6,52.4,61.2,76.5,104.4),
	new Array(16.1,18.2,20.0,21.3,22.9,24.6,26.2,27.9,33.4,38.8,44.4,49.9,57.2,70.9,95.0),
	new Array(15.2,17.0,18.6,20.0,21.3,22.6,23.9,25.3,30.9,36.4,42.0,47.6,53.2,65.3,85.4),
	new Array(14.2,16.0,17.0,18.2,19.3,20.3,21.5,22.6,28.7,35.0,41.2,46.6,51.9,59.9,75.9),
	new Array(13.3,14.2,15.2,16.1,17.2,18.1,19.0,20.0,26.6,33.3,39.9,45.2,50.5,57.2,66.5)
);
function DrawHotspots(){
	for(var i=0; i<graphValues.length; i++){
		for(var j=0; j<graphValues[i].length; j++){
//			document.write(graphValues[i][j]);
			document.write('<a title="Calculate Quote" onclick="javascript:ClickHotspot(this, ' + graphValues[i][j] + ')" onmouseover="javascript:RollOverHotspot(this, ' + graphValues[i][j] + ');" onmouseout="javascript:RollOffHotspot(this);"><img class="hotspotOff" src="images/clear.gif" width="30" height="30" border="0" /></a>')
		}
	}
}
var flagHotspotOn = false;
function RollOverHotspot(aHotspot, selectedValue){
	var img = aHotspot.getElementsByTagName("img");
	for(var i=0; i < img.length; i++){
		img[i].src = "images/hotspot-over.gif";
	}
	if(!flagHotspotOn) CalculateQuote(selectedValue);
}
function RollOffHotspot(aHotspot){
	var img = aHotspot.getElementsByTagName("img");
	for(var i = 0; i < img.length; i++){
		img[i].src = "images/clear.gif";
	}
	if(!flagHotspotOn) document.getElementById("CalcResult").innerHTML = "0";
}
function ClickHotspot(aHotspot, selectedValue){
	var img = aHotspot.getElementsByTagName("img");
	for(var i = 0; i < img.length; i++){
		if(img[i].className == "hotspotOn"){
			img[i].className = "hotspotOff";
			flagHotspotOn = false;
		}else{
			ResetHotspots();
			var sqFeet = document.getElementById("CalcSqFeet").value;
			if(sqFeet == ""){
				alert("Please enter size in sq feet");
				document.getElementById("CalcSqFeet").focus();
			}else{
				img[i].className = "hotspotOn";
				flagHotspotOn = true;
				CalculateQuote(selectedValue);
			}
		}
	}
}
function ResetHotspots(){
	var container = document.getElementById("CalcGraph");
	var img = container.getElementsByTagName("img");
	for (var i = 0; i < img.length; i++) {
		img[i].className = "hotspotOff";
	}
	flagHotspotOn = false;
}
function CalculateQuote(multiplier){
	var sqFeet = document.getElementById("CalcSqFeet").value;
	if(sqFeet != ""){
		var result = Math.round(sqFeet*multiplier);
		document.getElementById("CalcResult").innerHTML = FormatNumber(result);
		document.getElementById("CalcMultiplier").innerHTML = multiplier;
	}	
}
function FormatNumber(num) {
	var arr = new Array('0'), i=0; 
	while(num > 0){
		arr[i] = '' + num%1000;
		num = Math.floor(num/1000);
		i++;
	}
	arr = arr.reverse();
	for (var i in arr) if (i > 0) //padding zeros
	while(arr[i].length<3) arr[i] = '0' + arr[i];
	return arr.join();
}