function getMouseX(e) {
	var IE = document.all?true:false
	var tempX = 0
	if (IE) {
		tempX = event.clientX + document.body.scrollLeft;
	} else {
		tempX = e.pageX;
	}  
	if (tempX < 0){
		tempX = 0;
	}
	return tempX;
}
function getMouseY(e) {
	var IE = document.all?true:false
	var tempY = 0
	if (IE) {
		tempY = event.clientY + document.body.scrollTop
	} else {
		tempY = e.pageY
	}  
	if (tempY < 0){
		tempY = 0;
	}  
	return tempY;
}

function findPosX(obj){
	var curleft = 0;
	if(obj.offsetParent)
		while(1){
			curleft += obj.offsetLeft;
			if(!obj.offsetParent)
			break;
		obj = obj.offsetParent;
		}
	else if(obj.x)
		curleft += obj.x;
	return curleft;
}
	
function findPosY(obj){
	var curtop = 0;
	if(obj.offsetParent)
	while(1)
		{
		curtop += obj.offsetTop;
		if(!obj.offsetParent)
		break;
		obj = obj.offsetParent;
	}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
}

var holder = new Object();
holder.hh = document.getElementById('heat').offsetHeight;
holder.ww = document.getElementById('heat').offsetWidth;
holder.minx = findPosX(document.getElementById('heat'));
holder.miny = findPosY(document.getElementById('heat'));

window.document.onclick=function(e){
	
	var returner = "x="+(getMouseX(e)- holder.minx);
	returner += "&y="+(getMouseY(e)- holder.miny);
	returner += "&h="+holder.hh;
	returner += "&w="+holder.ww;
	
	var xmlhttp = false;
	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	xmlhttp.open("POST", "heatmap.php");
	xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	
	xmlhttp.send(returner);
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4) {
			//alert(xmlhttp.responseText);
		}
	}

}
/*
var anchors = document.getElementsByTagName("a");
var size = anchors.length;
for (var i = 0; i < size; i++) {
	anchors[i].loc = anchors[i].href;
	anchors[i].onclick = function(e) {
		this.href='javascript:void(0);';
		var returner = "x="+(getMouseX(e)- holder.minx);
		returner += "&y="+(getMouseY(e)- holder.miny);
		returner += "&h="+holder.hh;
		returner += "&w="+holder.ww;
		holder.loc = this.loc
		var xxx = false;
		if (!xxx && typeof XMLHttpRequest!='undefined') {
			xxx = new XMLHttpRequest();
		}
		xxx.open("POST", "heatmap.php");
		xxx.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xxx.send(returner);
		xxx.onreadystatechange=function() {
			if (xxx.readyState==4) {
				//alert(xxx.responseText);
				window.location = holder.loc;
			}
		}
	}
}
*/
function show_heatmap(){
	document.getElementById('heatmap').style.left = holder.minx;
	document.getElementById('heatmap').style.top = holder.miny;
	document.getElementById('heatmap').style.width = holder.ww;
	document.getElementById('heatmap').style.height = holder.hh;
	document.getElementById('heatmap').style.display='block';
}
function hide_heatmap(){
	document.getElementById('heatmap').style.display='none';
}