﻿var I;
	var current=0;
	
	$(document).ready(function() {drawMarkers();
		$("#whatlink,#close").click(function() {$("#what").slideToggle();});
		/*$("#seeusermap").click(function() {$("#usermap").toggle();GUnload();loadgmap();});
		$("#seeusermap").toggle(function() {$("h1").html("Visible Energy Members");$("#seeusermap").html(" View Map World Emissions");}, 
			function() {$("h1").html("World CO<sub>2</sub> Emissions");$("#seeusermap").html(" View Map of VE Members");});*/
	});
	
	$(document).unload(function() {GUnload()});
	
	function moveRandom() 
	{
		var x = (xscale * data[current][2]) + xoffset - 2;
		var y = (yscale * data[current][1]) + yoffset - 2;
		$("#crosshairs").animate({top:y, left:x},500,"swing",info(current));
		
		current++;
		
		if (current>data.length) current = 0;
		
	}
	
	function setAmount() 
	{
		$("#country").html(data[current][0]);
		$("#statamt").html(data[current][3]);
		current++;
		if (current = data.length) current=0;
	}
	
	var xoffset = 425;
	var xscale = 2.352;
	var yoffset = 214;
	var yscale = -2.35;
	
	function drawMarkers()
	{
		for (var i=0; i<data.length; i++)	// data.length
		{
			var newimg = document.createElement("img");
			newimg.setAttribute("src","images/crosshairs.gif");
			newimg.className = "marker";
			var x = (xscale * data[i][2]) + xoffset;
			var y = (yscale * data[i][1]) + yoffset;
			newimg.style.top = y + "px";
			newimg.style.left = x + "px";
			newimg.setAttribute("ID","m" + i);
			newimg.setAttribute("alt",data[i][0]);
			newimg.onmouseover = new Function("show(" + i + ");");
			
			
			document.getElementById("globalmap").appendChild(newimg);
		
		}
		$("#crosshairs").css({top:(yscale * data[0][1]) + yoffset - 2, left:(xscale * data[0][2]) + xoffset - 2}).show();
		moveRandom();
		startMoving();
	}
	
	function startMoving() {I = self.setInterval("moveRandom()",4000);}
	
	function show(marker)
	{
		self.clearInterval(I);
		$("#crosshairs").css({top:(yscale * data[marker][1]) + yoffset - 2, left:(xscale * data[marker][2]) + xoffset - 2});
		info(marker);
		startMoving();
	}
	
	function info(m) {
		$("#country").html(data[m][0]);
		$("#population").html(data[m][3]);
		$("#statamt").html(data[m][6]);
	}
