<!-- All code and images Copyright 2007 iSlayer & Distorted Vista. -->
<!-- Code and images may not be re-used under any circumstances -->
<!-- Offenders will be prosocuted to the fullest extent of the law -->
<html xmlns:v>
<head>
<title>CPU Gauge</title>
<style>

v\:* {
    	behavior:url(#default#vml);
}
body {
    	text-align:center;
   	 margin:0;	
	border:none;
    	cursor:hand;
	background-image:url(blankdial1.png);
	width:121px;
	height:121px;

}

</style>

<script>
var needles;
System.Gadget.settingsUI = "Prefs.html";
System.Gadget.onSettingsClosed = updateSkin;
	
function updateSkin() {
	var newImage;
	var skin = System.Gadget.Settings.read("skinColor");
	if(skin == '') {
		System.Gadget.Settings.write("skinColor", "blue");
		skin = "blue";
	}
	if(skin == "blue"){
		dialCenter.src = "dial_cpu_blue.png";
		newImage = "needle_blue.png";
		percentage.style.color = "#0099FD";
	} else if(skin == "fire"){
		dialCenter.src = "dial_cpu_fire.png";
		newImage = "needle_fire.png";
		percentage.style.color = "#FF7E00";
	} else if(skin == "green"){
		dialCenter.src = "dial_cpu_green.png";
		newImage = "needle_green.png";
		percentage.style.color = "#92D100";
	} else if(skin == "orange"){
		dialCenter.src = "dial_cpu_orange.png";
		newImage = "needle_blue.png";
		percentage.style.color = "#FF6800";
	} else if(skin == "pink"){
		dialCenter.src = "dial_cpu_pink.png";
		newImage = "needle_pink.png";
		percentage.style.color = "#FF3FEF";
	} 

   	totalCpus = System.Machine.CPUs.count;
    	for (var i=0;i<totalCpus;i++){
		needles[i].src = newImage;
	}

}

function update(){
    totalCpus = System.Machine.CPUs.count;
	if(totalCpus > 16)
		totalCpus = 16;
	var totalUsage = 0;
	var text = '';
    	for (var i=0;i<totalCpus;i++){
		thisCpu = System.Machine.CPUs.item(i).usagePercentage;
		totalUsage += thisCpu 
	    	theUsage = thisCpu 
    		needles[i].Rotation = (theUsage - 50) * 2.45;
	}
    	theUsage = Math.round(totalUsage / totalCpus);

    	percentage.innerText = verifyUsage(theUsage) + "%";
    	setTimeout("update()",1000);
}

function setUpGadget() {
	needles = Array(needle0, needle1, needle2, needle3, needle4, needle5, needle6, needle7, needle8, needle9, needle10, needle11, needle12, needle13, needle14, needle15);
   	totalCpus = System.Machine.CPUs.count;
    	for (var i=0;i<totalCpus;i++){
		needles[i].style.display = "block";
	}
	updateSkin();
	update();
}



function verifyUsage(usage) {
    if(usage == null)
        return 0;
  
    if(usage < 0)
        return 0;

    if(usage > 100)
		return 100;

    return usage;
}

</script>
</head>

<body scroll="no" onLoad="setUpGadget();" dir="ltr">
	<v:image id="needle0" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle1" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle2" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle3" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle4" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle5" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle6" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle7" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle8" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle9" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle10" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle11" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle12" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle13" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle14" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<v:image id="needle15" src="needle_blue.png" style="display:none;position:absolute;z-index:2;width:73px;height:73px;left:24px;top:20px;"></v:image>
	<img id="dialCenter" src="dial_cpu.png" style='z-index:1;position:absolute;left:0px;top:0px;'>
	<div style='background-image:url(dial_outer2.png);z-index:4;position:absolute;left:0px;top:0px;width:115px;height:115px;'>
	<div id="percentage" style="font-size:13px;font-weight:bold;position:absolute;z-index:4;text-align:center;color:#ff6800;font-family:arial;top:75px;left:41px;width:40px;">100%</div>
	<img src="needle_dot.png" style='z-index:5;position:absolute;left:0px;top:0px;'>
</body>

</html>