var xOffset, yOffset, tempX = 0, tempY = 0, IE = document.all?true:false;
function guardar(url) {
	var xmlDoc = null ;
	if (typeof window.ActiveXObject !== 'undefined' ) {
		xmlDoc = new ActiveXObject('Microsoft.XMLHTTP');
	} else {
		xmlDoc = new XMLHttpRequest();
	}
	xmlDoc.open( 'GET', url, true );
	xmlDoc.send( null );
}
function findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		while (obj.offsetParent) {
			curleft += obj.offsetLeft;
			obj = obj.offsetParent;
		}
	} else if (obj.x) {
		curleft += obj.x;
	}
	return curleft;
}
function findPosY(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		while (obj.offsetParent) {
			curtop += obj.offsetTop;
			obj = obj.offsetParent;
		}
	} else if (obj.y) {
		curtop += obj.y;
	}
	return curtop;
}
function getMouseXY(e) {
	if (IE) {
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
	} else {
		tempX = Event.pointerX(e);
		tempY = Event.pointerY(e);
	}
	tempX-=xOffset;
	tempY-=yOffset;
	var url='/click.map?x='+tempX+'&y='+tempY;
	guardar(url);
	return true;
}
function setupClickMapping() {
  var firstElement = $('header');
  xOffset=findPosX(firstElement);
  yOffset=findPosY(firstElement);
  if (IE) { 
  	var marginLeftExplorer = parseInt(document.getElementsByTagName('body')[0].style.marginLeft);
  	var marginTopExplorer = parseInt(document.getElementsByTagName('body')[0].style.marginTop);
  	if (isNaN(marginLeftExplorer)) {marginLeftExplorer=10;}
  	if (isNaN(marginTopExplorer)) {marginTopExplorer=15;}
  	xOffset=xOffset+marginLeftExplorer;
  	yOffset=yOffset+marginTopExplorer;
  }
  if (!IE) { document.onmousedown = getMouseXY; }
}
Event.observe(window, 'load', setupClickMapping);