var id = '';
var clickTime = 0;

function logClick(e) {	
	var x = e.clientX;
	var y = e.clientY;

	if (document.documentElement != undefined&&document.documentElement.clientHeight != 0) {
    var w = document.documentElement.clientWidth != undefined ? document.documentElement.clientWidth : window.innerWidth;
	  var h = document.documentElement.clientHeight != undefined ? document.documentElement.clientHeight : window.innerHeight;
	  var scrollx = window.pageXOffset == undefined ? document.documentElement.scrollLeft : window.pageXOffset;
	  var scrolly = window.pageYOffset == undefined ? document.documentElement.scrollTop : window.pageYOffset;
  } else {
    var w = document.body.clientWidth != undefined ? document.body.clientWidth : window.innerWidth;
	  var h = document.body.clientHeight != undefined ? document.body.clientHeight : window.innerHeight;
	  var scrollx = window.pageXOffset == undefined ? document.body.scrollLeft : window.pageXOffset;
	  var scrolly = window.pageYOffset == undefined ? document.body.scrollTop : window.pageYOffset;
  }
	
	var realx = x + scrollx;
	var realy = y + scrolly;
	
	time = new Date();
	if (time.getTime() - clickTime < 1000) {
		return true;
	}
	clickTime = time.getTime();
	
	if(x>w||y>h) {
			return true;
	}   
  	var params = '&s='+id+'&x='+realx+'&y='+realy+'&w='+w;
  	(function($) { 
  		$.get('index.php?eID=heatmap_fe', {
  			s:id,
			x:realx,  
			y:realy,  
			w:w
  			
  		
  		}); 
	})(jQuery);
	return true;
}

function initHeatmap() {
  if(document.addEventListener){
		document.addEventListener('mousedown', logClick, false);
	} else if(document.attachEvent){
		document.attachEvent('onmousedown', logClick);
	}
}