var xOffset,yOffset;
var tempX = 0;
var tempY = 0;

var q = new Querystring();
var showMap = q.get("heatmap");

var IE = document.all?true:false
if (!IE) {
	document.captureEvents(Event.MOUSEMOVE)
}
document.onmousedown = getMouseXY;

function initOffsets()
{
	var firstElement=document.getElementsByTagName('body')[0].childNodes[1];
	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;
	}
}

function Querystring(qs) { 
	this.params = new Object()
	this.get=Querystring_get
	
	if (qs == null)
		qs=location.search.substring(1,location.search.length)

	if (qs.length == 0) return

	qs = qs.replace(/\+/g, ' ')
	var args = qs.split('&')
	
	for (var i=0;i<args.length;i++) {
		var value;
		var pair = args[i].split('=')
		var name = unescape(pair[0]).toLowerCase();

		if (pair.length == 2)
			value = unescape(pair[1]);
		else
			value = name;
		
		this.params[name] = value.toLowerCase();
	}
}

function Querystring_get(key, default_) {
	if (default_ == null) default_ = null;
	
	var value=this.params[key.toLowerCase()];
	if (value==null) value=default_;
	
	return value
}

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;
	}
    try
    {
	    if (clickContainer)
	    {
	        var cont = document.getElementById(clickContainer);
	        curleft+=cont.offsetLeft;
	    }
	} catch (e)
	{
	}

	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) {
	initOffsets();
	if (IE) {
		tempX = event.clientX + document.body.scrollLeft
		tempY = event.clientY + document.body.scrollTop
	} else {
		tempX = e.pageX
		tempY = e.pageY
	}
	tempX-=xOffset;
	tempY-=yOffset;
	var url='http://heatmapcollector.i-ventions.de/CollectClick.aspx?x='+tempX+'&y='+tempY; /*Your URL here*/
	if ((showMap != null) && (showMap != ""))
	{
	} else {
	    guardar(url);
	}
	return true;
}
function guardar(url){
    var img = document.createElement("img");
    img.style.width = "1px";
    img.style.height = "1px";
    img.src = url;
}

if ((showMap != null) && (showMap != ""))
{
    var xOffs = 0;
    try
    {
        if (clickContainer != null)
	    {
	        var cont = document.getElementById(clickContainer);
	        xOffs+=cont.offsetLeft;
	    }
	} catch (e)
	{
	}

    var intens = q.get("i");
    if (intens == "")
    {
        intens = "10";
    }

    var img = document.createElement("img");
    img.src="http://heatmapcollector.i-ventions.de/DrawMap.aspx?i="+intens;
    img.style.top="0px";//yOffset+"px";
    img.style.left=xOffs+"px";//xOffset+"px";
    img.style.zIndex="99";
    img.Id="heatmap";
    img.style.position="absolute";
        
    var opacity=70;
    img.style.opacity = "."+opacity; 
    img.style.filter = "Alpha(opacity="+opacity+", style=0)"; 
    document.body.appendChild(img);
}