var timeId;
var curX;
var curY;

jQuery(document).ready(function(){

	// Track mouse movement
	$('*').mousemove(function(e){
		curX = e.pageX;
		curY = e.pageY;
//	   	$('#Dev').html('x: ' + curX);
	});


	/* Set Mouseover for Areas */
	$('#SecDiagramMap area').hover(
		function(){
			// Work out which area we are over
			var id = $(this).attr('id');
			var chunks = id.split("_");
			var index = chunks[2];
			
			$('#SD_Popup').html($('#SDContent' + index).html());
			$('#SD_Popup').show();
			
			timeId = setInterval('SD_UpdatePosition()',100);
		},
		function(){
			$('#SD_Popup').hide();
			clearInterval(timeId);
		}
	);
							
});

function SD_UpdatePosition(){
	//$('#Dev').html(curX + " / " + curY);
	$('#SD_Popup').css({'left' : (curX + 10) + "px", 'top' : (curY + 10) + "px"});
}