function showTooltip(imageID, width, height)
{
	h=document.createElement("span");
	h.id="btc";
	h.setAttribute("id","btc");
	h.style.position="absolute";
	document.getElementsByTagName("body")[0].appendChild(h);
		
	h.style.top=0;
	h.style.left=0;
	h.style.width="100%";
	h.style.height="1000px";
	h.style.position="aboslute";
	h.style.backgroundColor="black";
	
	h.style.filter="alpha(opacity=80)";
	h.style.MozOpacity="0.8";
	h.style.opacity="0.8";
		
	
	layer=document.createElement("span");
	layer.id="btc";
	layer.setAttribute("id","piclayer");
	layer.style.position="absolute";
	document.getElementsByTagName("body")[0].appendChild(layer);
	
	layer.style.top=0;
	layer.style.position="absolute";
	layer.style.left="50%";
	

	http_request = false;

    if (window.XMLHttpRequest) { // Mozilla, Safari,...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // zu dieser Zeile siehe weiter unten
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Ende :( Kann keine XMLHTTP-Instanz erzeugen');
            return false;
        }
        
        http_request.onreadystatechange = function() {updateImageLayer(width, height);};
        http_request.open('GET', 'cms/elements/files_thumbnail/ajax.php?id=' + imageID + '&width=' + width + '&height=' + height, true);
        http_request.send(null);
}

 
function windowHeight ()
{
	var test1 = document.body.scrollHeight;
	var test2 = document.body.offsetHeight
	
	if (test1 > test2) // all but Explorer Mac
	{
		return document.body.scrollHeight;
	}
	else // Explorer Mac;
	     //would also work in Explorer 6 Strict, Mozilla and Safari
	{
		return document.body.offsetHeight;
	}
}


    function updateImageLayer(width, height)
    {
        if (http_request.readyState == 4)
        {
            if (http_request.status == 200)
            {
	            document.getElementById("piclayer").innerHTML = "" + http_request.responseText + "";
	            
	          	          	
            }
            else
            {
                alert('Bei dem Request ist ein Problem aufgetreten.');
            }
       }
       else
       {
			document.getElementById("piclayer").innerHTML = "<br><br><br><br><br><br><br><div style='background-color: white; text-align: center; position: absolute; left: -" + (width/2) + "px; width: " + width + "px; height: " + height + "px' id='layerpic'><br><br><img src='cms/elements/files_thumbnail/template/images/loading.gif' /><br></div>";       	
		}
	}

function closeImageLayer ()
{
	document.getElementById("btc").style.display='none';
	document.getElementById("piclayer").style.display='none';
}