$(function() {
	var jQ = $;
	jQ("#Map").mouseover(function(event) { showInfo('infodisplay',event); });
	jQ("#Map").mouseout(function() { hideInfo('infodisplay'); });
	
	jQ("#Map area").each(function() {
		var infotext = jQ(this).attr("title");
		jQ(this).mouseover(function() { jQ("#infodisplay").html(infotext); }); 
	});
});

var theLayer = 'none';

document.onmousemove = setInfo;

var usingIE = $.browser.msie; // browser check

function setInfo(activity) {  // activity = event, used by non IE / Netscape based browsers.

	if (theLayer != 'none') {
		//theHeight = document.getElementById(theLayer).offsetHeight;
		layerObj = $("#"+theLayer);
		theHeight = layerObj[0].offsetHeight;
		//theWidth = layerObj[0].offsetWidth;
		
		if(usingIE) {
			//$("#debug_info").html(
			//	"x:"+window.event.x+", y:"+window.event.y+", height: "+theHeight+"<br/>offx:"+window.event.offsetX+", scy:"+window.event.offsetY
			//);
			pointerX = window.event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
			pointerY = window.event.clientY + document.body.scrollTop + document.documentElement.scrollTop;
			layerObj.css("left",pointerX);//document.getElementById(theLayer).style.left = pointerX-15;
			layerObj.css("top",pointerY-70);//document.getElementById(theLayer).style.top = pointerY-theHeight+65;
			
			//theWidth = window.event.srcElement.cycleW;
		}
		
		else {
			pointerX = activity.pageX - 48; checkX = activity.clientX;
			pointerY = activity.pageY - 45; checkY = activity.clientY;
			layerObj.css("left",pointerX);// was just pointerX
			layerObj.css("top",(pointerY-Math.round(theHeight/2.5)));//document.getElementById(theLayer).style.top = pointerY-theHeight;
			
			theWidth = activity.target.offsetWidth;
		}
    }
}

function showInfo(layerID, activity) {
	theLayer = layerID;
	setInfo(activity);
	$('#'+layerID).show();
}

function hideInfo(layerID) {
	theLayer = 'none';
	$('#'+layerID).hide();
}