function dge(elem){
	return document.getElementById(elem);
}

String.prototype.trim = function () {
	return this.replace(/^\s+/g, '').replace(/\s+$/g, '');
}

///////////////////////////////////////////////////////////////////////

function gEBTN(xml, tag){

	var r;
	try{
			//Das sollte normalerweise gehen
			//r = xml.getElementsByTagName(tag)[0].firstChild.nodeValue;
		
			
			// geht aber im FF nicht: http://forum.de.selfhtml.org/archiv/2008/3/t168370/
			// Also die Gecko Engine ist die einzige Engine die nodeValues von XML files bei 4096 aufteilt. 
			// Und dies wohl aus Performance-Gründen. 
			// MozDev Bug Link: https://bugzilla.mozilla.org/show_bug.cgi?id=194231
			r = '';
			var len = xml.getElementsByTagName(tag)[0].childNodes.length;
			for(var i=0; i<len; i++){
				r = r + xml.getElementsByTagName(tag)[0].childNodes[i].nodeValue;
			}
		} catch (e) {
		r = '';
	}
	return r;

}

///////////////////////////////////////////////////////////////////////

function closeBild(){
	dge('shadeEinzelBild').style.display = 'none';
	dge('divEinzelBild').style.display = 'none';
}

///////////////////////////////////////////////////////////////////////

function picbox(pic){
		
	//pic = 'http://www.zaunpfahl.de/zp_fraun_350.jpg';
	//pic = 'http://veimages.gsfc.nasa.gov/2429/globe_east_2048.jpg';
	
	var x,y;
	if (self.innerHeight) // all except Explorer
	{
		x = self.innerWidth;
		y = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
		// Explorer 6 Strict Mode
	{
		x = document.documentElement.clientWidth;
		y = document.documentElement.clientHeight;
	}
	else if (document.body) // other Explorers
	{
		x = document.body.clientWidth;
		y = document.body.clientHeight;
	}
	
	///////////////
	
		// Hintergrundabdeckung
		// gibt es das Div schon?
		if(!dge('picboxdiv')){
			
			var div = document.createElement("div");
			div.setAttribute('id', 'picboxdiv');
			document.body.appendChild(div);
			
		}
		
		var div = dge('picboxdiv');
		div.style.position = 'fixed';
		if(BrowserDetect.browser=='Explorer' && BrowserDetect.version < 7){
			div.style.position = 'absolute';
		}
		div.style.display  = 'block';
		div.style.top      = 0;
		div.style.left     = 0;
		div.style.height   = '100%';
		div.style.width    = '100%';
		div.style.backgroundColor = '#001100';
		div.style.cursor = "pointer";
		div.style.opacity = 0.75;
		div.style.filter = "alpha(opacity=75)";
		div.setAttribute('title', 'click');
		div.onclick = function() {
			dge('picboxdiv').style.display = 'none';
			dge('picboxinnerdiv').style.display = 'none';
		}
		// Hintergrundabdeckung Ende
		
		
		if(!dge('picboxinnerdiv')){
			
			var iDiv = document.createElement("div");
			iDiv.setAttribute('id', 'picboxinnerdiv');
			document.body.appendChild(iDiv);
			
		}	
			
		var iDiv = dge('picboxinnerdiv');
		iDiv.setAttribute('id', 'picboxinnerdiv');
		iDiv.style.display  = 'block';
		iDiv.style.position = 'fixed';
		if(BrowserDetect.browser=='Explorer' && BrowserDetect.version < 7){
			iDiv.style.position = 'absolute';
		}			
				
		iDiv.setAttribute('title', 'click');
		iDiv.style.backgroundColor   = '#FFFFFF';
		iDiv.style.backgroundImage   = 'url(img/loading.gif)';
		iDiv.style.backgroundPosition  = 'center';
		iDiv.style.backgroundRepeat = 'no-repeat';
		iDiv.style.padding   = '10px';
		iDiv.onclick = div.onclick;
		iDiv.innerHTML = '&nbsp;';
		var h = 300;
		var w = 400;
		iDiv.style.top      = y/2 - h/2 - 10 + 'px';
		iDiv.style.left     = x/2 - w/2 - 10 + 'px';
		iDiv.style.width    = w + 'px';
		iDiv.style.height   = h + 'px';
		iDiv.style.cursor = "pointer";
	
	///////////////
	
	var myAjax = new Ajax();
	myAjax.params += "&b=picbox";
	myAjax.params += "&pic=" + pic;
	myAjax.params += "&x=" + x;
	myAjax.params += "&y=" + y;
	myAjax.onSuccess = function(txt,xml) 
	{
		
		var w = gEBTN(xml, 'w');
		var h = gEBTN(xml, 'h');
		var picURL = gEBTN(xml, 'picURL');
		
		iDiv.style.top      = y/2 - h/2 - 10 + 'px';
		iDiv.style.left     = x/2 - w/2 - 10 + 'px';
		iDiv.innerHTML 		= '';
		iDiv.style.width    = w + 'px';
		iDiv.style.height   = h + 'px';
		
		var img = document.createElement("img");
		img.setAttribute('id', 'picboximg');
		img.setAttribute('src', picURL);
		
		img.setAttribute('width', w);
		img.setAttribute('height', h);
		img.setAttribute('title', 'click');
		img.style.cursor = "pointer";
		img.style.border = '1px solid #000000';
		iDiv.appendChild(img);
		
	}
	myAjax.doRequest();
	return false;

}