var intervall 			= new Array();
	var bildgroesse			= new Array();
	var leistegroesse		= new Array();
	var ende 						= new Array();
	var startlight			= new Array();
	var linkeseite			= new Array();
	var bild;
	var temporaer				= new Array();
	var speed, vari;	
	var defaultgroesse 	= new Array(200,200);	
	var filter 					= new Array(0.0,0);		
	var groessezaehler 	= 0;
	var ajaxstatus			= 0;
	var offsetBild			= new Array(20,20);
	var fadenBildWert		= new Array(0.0,0);	
	var fadenstatus 		= 0;
	var fadenEnde				= new Array(1.0,100);
	var nextPreBild			= new Array();
	var nextBildNr;
	var initDivIsReady	= false;
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// GETSEITENGROESSE
	//
	function getSeitengroesse(){		
		
		if(typeof window.pageYOffset == "number") {
  		scrolledX = window.pageXOffset;
      scrolledY = window.pageYOffset;
    }else if(typeof document.body.scrollTop == "number") {      	
  		scrolledX = document.body.scrollLeft;
			scrolledY = document.body.scrollTop;
		}		
		if (self.innerHeight){		
			innerX = self.innerWidth;
			innerY = self.innerHeight;
		}else if (document.documentElement && document.documentElement.clientHeight){		
			innerX = document.documentElement.clientWidth;
			innerY = document.documentElement.clientHeight;
		}else if (document.body){		
			innerX = document.body.clientWidth;
			innerY = document.body.clientHeight;		
		}
		
		scrolledY = document.documentElement.scrollTop;
		
		if( window.innerHeight && window.scrollMaxY ){		
			pageHeight = window.innerHeight + window.scrollMaxY;
		}else if( document.body.scrollHeight > document.body.offsetHeight ){
			pageHeight = document.body.scrollHeight;
		}else{ 
			pageHeight = document.body.offsetHeight + document.body.offsetTop; 
		}
		
		//return new Array((scrolledX+innerX),(scrolledY+innerY),scrolledY);		
		return new Array((scrolledX+innerX),pageHeight,scrolledY);		
	}
	
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// INITA
	//	
	function initA(){	
		if (!document.getElementsByTagName){ return; }		
		var verweis = document.getElementsByTagName("a");
			
		for (var i=0; i<verweis.length; i++){
			if (verweis[i].getAttribute("href") && (verweis[i].getAttribute("rel") == "sopLayerPopup"))
				verweis[i].onclick = function () {showPopup(this); return false;}		
		}
		
		tempClear = new Image();
		tempClear.src = ptp+'images/_clear.gif';
		
		initDiv();			
	}
	
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// INITDIV
	//
	function initDiv(){
		
		var bodygroesse = getSeitengroesse();		
		
		if(!initDivIsReady){
		
			var koerper = document.getElementsByTagName("body").item(0);
			
			// Erzeuge DIV-Dontainer über komplett BODY
			var hintergrund 									= document.createElement("div");
			hintergrund.setAttribute('id','sichtschutz',0);		
			hintergrund.style.display 				= 'none';
			hintergrund.style.position 				= 'absolute';
			hintergrund.style.top 						= '0';
			hintergrund.style.left 						= '0';
			hintergrund.style.zIndex 					= '50';
	 		hintergrund.style.width 					= '100%';
	 		hintergrund.style.backgroundColor = '#fff'; 		 		
			hintergrund.style.height 					= (bodygroesse[1]+'px');
			document.getElementsByTagName("body").item(0).insertBefore(hintergrund, document.getElementsByTagName("body").item(0).firstChild);				
			
			// Erzeuge DIV-Container zum Anzeigen des Bildes - Anfangsgröße 200x200
			var rahmen 												= document.createElement("div");
			rahmen.setAttribute('id','bilderrahmen',0);		
			rahmen.style.display 							= 'none';		
			rahmen.style.position 						= 'absolute';
			
			rahmen.style.width 								= defaultgroesse[0]+'px';
			rahmen.style.height 							= defaultgroesse[1]+'px';		
			rahmen.style.top 									= (20+(parseInt(bodygroesse[2])))+'px';
			rahmen.style.left 								= ((parseInt(bodygroesse[0])-200)/2)+'px';
			rahmen.style.border								= 'solid 1px #a0a0a0';		
			rahmen.style.zIndex 							= '52'; 		
	 		rahmen.style.backgroundColor 			= '#fff'; 		
			document.getElementsByTagName("body").item(0).insertBefore(rahmen, document.getElementsByTagName("body").item(0).firstChild);				
			
			// Erzeuge DIV-Container für Loading-Bild
			var loadingbild										= document.createElement("div");
			loadingbild.setAttribute('id','loading',0);		
			loadingbild.style.display 				= 'none';	
			loadingbild.style.position 				= 'absolute';	
			loadingbild.style.padding 				= '10px';	
			loadingbild.style.backgroundColor	= '#fff';
			loadingbild.style.zIndex 					= '60'; 		
			loadingbild.style.top 						= (100+(parseInt(bodygroesse[2])))+'px';			
			loadingbild.style.left 						= (((parseInt(bodygroesse[0])-200)/2)+(parseInt(defaultgroesse[0])/2)-16)+'px';			
			loadingbild.innerHTML							= '<img src="'+ptp+'images/loading.gif" width="16" height="16" border="0">';
			document.getElementsByTagName("body").item(0).insertBefore(loadingbild, document.getElementsByTagName("body").item(0).firstChild);				
			
			// Erzeuge DIV-Container für Menüleiste
			var mele													= document.createElement("div");
			mele.setAttribute('id','menueleiste',0);		
			mele.style.display 								= 'none';	
			mele.style.position 							= 'absolute';			
			mele.style.backgroundColor				= '#F1F1F9';
			mele.style.zIndex 								= '51'; 	
			mele.style.border									= 'solid 1px #a0a0a0';		
			mele.style.height									= '30px';						
			document.getElementsByTagName("body").item(0).insertBefore(mele, document.getElementsByTagName("body").item(0).firstChild);
			
			initDivIsReady = true;
		}else{
			rahmen														= document.getElementById('bilderrahmen');
			rahmen.style.top 									= (20+(parseInt(bodygroesse[2])))+'px';
			
			hintergr													= document.getElementById('sichtschutz');
			hintergr.style.height 						= (bodygroesse[1]+'px');
			
			
		}			
	}
	
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// HINTERGRUNDFADEN
	//	
	function hintergrundFaden(what,richtung){				
		what.style.filter = "Alpha(opacity="+parseInt(filter[1])+")";
 		what.style.MozOpacity	= filter[0];
 		what.style.opacity = filter[0];
 		richt			= richtung;
 		if(richtung == 1){
 			filter[0] += 0.1;
 			filter[1] += 10; 			
 		}else{
 			filter[0] -= 0.1;
 			filter[1] -= 10;
 		}
 		
 		if(filter[0] <= 0.8 && filter[0]>=0.0){
 			newwhat = what; 		
 			window.setTimeout("hintergrundFaden(newwhat,richt)",1);
 		}else{
 			
 			if(richtung == 1) 	 			
 				getAjaxData('groesse',1);
 			else{ 				
 				document.getElementById('sichtschutz').style.display = 'none';
 				document.getElementById('bilderrahmen').style.display = 'none';				
 				document.getElementById('menueleiste').style.display = 'none';				
 				resetAlles();
 			}
 		}
	}
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// SHOWFLAG
	//
	function showFlag(what){
		if(what == 'weiter'){
			temp = document.getElementById('vor');
			temp.style.left = (parseInt(bildgroesse[0])-42)+"px";
		}else{
			temp = document.getElementById('zurueck');
			temp.style.left = "0px";
		}
		temp.style.top	= '200px';		
		
		if(temp.style.display == 'none'){
			temp.style.display = 'block';			
			if(what=='weiter') temp.innerHTML = '<a href="#" onclick="nextBild(3);return false;"><img src="'+ptp+'images/weiter.gif" width="34" height="87" border="0"></a>'; else temp.innerHTML = '<a href="#" onclick="nextBild(4);return false;"><img src="'+ptp+'images/zurueck.gif" width="34" height="87" border="0"></a>';
		}else{
			temp.style.display = 'none';			
		}
	}
	
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// FADENFUNKTION
	//
	function fadenfunktion(t) {
  	return Math.sin(t*2.0*3.1415);
  }
  
  
  // ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// RESETALLES
	//
	function resetAlles() {	
		
		what = document.getElementById('contentbild');		
		what.src = ptp+'images/_clear.gif';		
		what.style.filter 		= "Alpha(opacity=100)";
 		what.style.MozOpacity	= 1;  	
 		what.style.opacity		= 1;  	
 		
 		what2 = document.getElementById('schliessen');
 		what2.innerHTML = '';		
 		what2.style.display = 'none';
 		 	
 		defaultgroesse[0] = parseInt(bildgroesse[0]);
 		defaultgroesse[1] = parseInt(bildgroesse[1]);

 		document.getElementById('vor').style.display = 'none';
 		document.getElementById('zurueck').style.display = 'none';
 		document.getElementById('vorA').innerHTML = '';
 		document.getElementById('zurueckA').innerHTML = '';
 		
		intervall 			= new Array();
		ende 						= new Array();
		startlight			= new Array();
		linkeseite			= new Array();
		temporaer				= new Array();
		filter 					= new Array(0.0,0);		
		groessezaehler 	= 0;
		ajaxstatus			= 0;
		fadenBildWert		= new Array(0.0,0);	
		fadenstatus 		= 0;
		fadenEnde				= new Array(1.0,100);
		
		if(nextBildNr != '' && typeof(nextBildNr)!='undefined'){			
			getAjaxData('groesse',nextBildNr);
		}
		nextBildNr			= '';
	}
  
  // ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// CLOSEBILD
	//
	function closeBild() {
		filter[0] -= 0.1;
 		filter[1] -= 10;
		hintergrundFaden(document.getElementById('sichtschutz'),0);	  	
  }
	
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// FADENBILD
	//
	function fadenBild(what,nr){
		if(nr==0){
			fadenBildWert[0] -= 0.04;
			fadenBildWert[1] -= 4;
		}else{
			fadenBildWert[0] += 0.04;
			fadenBildWert[1] += 4;
		}
		
		what = document.getElementById(what);		
		what.style.filter = "Alpha(opacity="+(parseInt(fadenBildWert[1]))+")";
 		what.style.MozOpacity	= fadenBildWert[0];
 		what.style.opacity		= fadenBildWert[0];
 		
 		if(nr == 0){
 			if(fadenBildWert[0] < 0.0){			
 				window.clearInterval(intervall['c']);	
 				resetAlles();
 			}
 		}else{
			if(fadenBildWert[0] > 1.0){			
				window.clearInterval(intervall['b']);			
				fadenstatus++;
				if(fadenstatus == 1){
					temp = document.getElementById('schliessen');
					temp.style.top 	= '20px';
					temp.style.left = (parseInt(bildgroesse[0])-32)+"px";
					//temp.innerHTML = '<a href="#" onclick="closeBild();return false;"><img src="'+ptp+'/../global/images/products/popup/close.gif" width="30" height="30" border="0" alt="Bild schließen" title="Bild schließen"></a>';
					temp.innerHTML = '';
					fadenBildWert[0] = 0.0;
					fadenBildWert[1] = 0;
					intervall['b']	= window.setInterval('fadenBild("schliessen",1);', 1);
				}else if(fadenstatus == 2){
					getAjaxData('weiter',2);								
				}
			}
		}
	}
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// NEXTBILD
	//
	function nextBild(nr){
		nextBildNr 			= nr;
		document.getElementById('menueleiste').style.display = 'none';
		intervall['c']	= window.setInterval('fadenBild("contentbild",0);', 1);		
	}
	
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// GETPICTURE
	//
	function getPicture(){		
		ausgabe 	= '<div style="position:absolute;">';		
		ausgabe +=  '<div id="schliessen" style="position:absolute;filter:Alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;"></div><div id="vor" style="display:none;position:absolute;z-Index:55;"></div><div id="zurueck" style="display:none;position:absolute;"></div><div id="uebersicht" style="position:absolute;filter:Alpha(opacity=0);-moz-opacity:0.0;opacity:0.0"></div>';
		ausgabe +=  '<div id="zurueckA" style="position:absolute;top:95px;"></div><div id="vorA" style="position:absolute;top:95px;"></div>';
		ausgabe +=  '<div style="padding:'+parseInt(offsetBild[0]/2)+'px"><img id="contentbild" style="filter:Alpha(opacity=0);-moz-opacity:0.0;opacity:0.0" src="'+bild+'" border="0"></div>';
		ausgabe +=  '</div>';
		document.getElementById('bilderrahmen').innerHTML = ausgabe;
		intervall['b']	= window.setInterval('fadenBild("contentbild",1);', 1);
	}
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// DIVGROESSEAENDERN
	//	
	function divGroesseAendern(what,richtung){	
		if(what=='m')
			linkerpunkt = document.getElementById('menueleiste');		
		else
			linkerpunkt = document.getElementById('bilderrahmen');		
		
		speed 			= speed + vari*fadenfunktion(temporaer);
    temporaer 	= Math.min(temporaer + vari*speed, 1.0);
    posX = posY = 0;
    whatnext 		= what;
    
    if(what=='m'){
    	posY 	= (1.0-temporaer)*leistegroesse[0] + temporaer*leistegroesse[1];			
			document.getElementById('menueleiste').style.top = posY+"px";
			if(temporaer >= 1.0){
				window.clearInterval(intervall['m']);
			}
					
    }else{    
			if(richtung=='1'){						
				posX 	= (1.0-temporaer)*startlight[0] + temporaer*ende[0];
				leftX = (1.0-temporaer)*linkeseite[0] + temporaer*linkeseite[1];
				document.getElementById('bilderrahmen').style.width = posX+"px";
				document.getElementById('bilderrahmen').style.left 	= leftX+"px";
				
				if(temporaer >= 1.0){
					window.clearInterval(intervall['x']);				
					temporaer				= 0.0;
					speed 					= 0.1;
					vari 						= 0.06;		
					intervall['y']	= window.setInterval('divGroesseAendern(whatnext,0);', 1);				
				}
			}else{
				posY 	= (1.0-temporaer)*startlight[1] + temporaer*ende[1];			
				document.getElementById('bilderrahmen').style.height = posY+"px";
				if(temporaer >= 1.0){
					window.clearInterval(intervall['y']);
					getPicture();			
				}
			}	
		}
	}
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// MAKETIMESTAMP
	//	
	function makeTimestamp(){
		jetzt 	= new Date();
		sekunde = jetzt.getSeconds();
		minute	= jetzt.getMinutes();
		stunde	= jetzt.getHours();
		tag		= jetzt.getDate();
		monat	= jetzt.getMonth();
		timestring = monat+"."+tag+stunde+minute+sekunde;		
		return timestring;
	}
	
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// RESIZEPOPUP
	//	
	function resizePopUp(){
		intervall['x'] = window.setInterval('divGroesseAendern("p",1);', 1);				
	}
	
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// GETAJAXDATA
	//			
	function getAjaxData(what,stat){			
		document.getElementById('loading').style.display = 'block';
		document.getElementById('bilderrahmen').style.display = 'block';					
		
		if (window.XMLHttpRequest) { 
			http = new XMLHttpRequest();
		} else if (window.ActiveXObject) { // IE
			http = new ActiveXObject("Microsoft.XMLHTTP");
		}	
		if(stat == 3 || stat == 4){
			if(stat == 3) bild = nextPreBild[1]; else bild = nextPreBild[0];
			stat = 1;			
		}
		//alert("PreBild:"+nextPreBild);
		ajaxstatus = stat;
		parameter = 'mod='+what+'&time='+makeTimestamp()+'&pic='+bild+'&ptr='+ptp;;	
		//alert(parameter);
		http.onreadystatechange = getRequestContent;
		http.open('POST', ptp+'js/ajax.php', true);
		http.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
    http.setRequestHeader( 'Content-length', parameter.length );      
    http.send(parameter);
	}
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// SHOWMENUELEISTE
	//		
	function showMenueLeiste(){
		bra	 	= document.getElementById('bilderrahmen');
		teto	= parseInt(Math.ceil(bra.style.top.replace(/px/,""))) + parseInt(Math.ceil(bra.style.height.replace(/px/,"")));
		tele	= parseInt(Math.ceil(bra.style.left.replace(/px/,"")));
		
		what = document.getElementById('menueleiste');
		leistegroesse[0] 	= teto-30;
		leistegroesse[1] 	= teto;
		what.style.top 		= leistegroesse[0]+"px";
		what.style.left 	= tele+"px";
		what.style.width 	= parseInt(bra.style.width.replace(/px/,""))+'px';
		what.style.display = 'block';
		what.innerHTML = '<div style="padding:4px 10px;font-family:Verdana,Arial;font-size:11px;"><div style="float:left;font-size:10px;">&copy; P.E.R GmbH</div><div style="float:right;"><a href="#" onclick="closeBild();return false;" style="font-size:10px;color:#404040;">Close</a></div><div style="clear:both;height:1px;"></div></div>';
		
		temporaer				= 0.0;		
		intervall['m'] 	= window.setInterval('divGroesseAendern("m",1);', 1);		
	}
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// GETREQUESTCONTENT
	//		
	function getRequestContent() {
		if (http.readyState == 4) {
			if (http.status == 200) {
				ergebnis 	= http.responseText;
				if(ajaxstatus == 1){
					ajaxstatus = 0;
					if(ergebnis.toString().indexOf('::')==-1)
						alert("Fehler: Groesse des Bildes nicht ermittelbar");
					else{	
						//alert(ergebnis);						
						groessen = ergebnis.split('::');						
						bildgroesse[0] = parseInt(groessen[0]) + offsetBild[0];
						bildgroesse[1] = parseInt(groessen[1]) + offsetBild[1];
											
						startlight[0]	= defaultgroesse[0];		
						ende[0]		= bildgroesse[0];
						startlight[1]	= defaultgroesse[1];
						ende[1]		= bildgroesse[1];		
						
						
						//alert("--> Start[0]: "+startlight[0]+" - Ende[0]: "+ende[0]+"\nStart[1]: "+startlight[1]+" - Ende[1]: "+ende[1]);
						
						li = parseInt(document.getElementById('bilderrahmen').style.left.replace(/px/,""));
						linkeseite[0] = parseInt(li);
						linkeseite[1] = parseInt(li)-((bildgroesse[0]-defaultgroesse[0])/2);
						if(startlight[0]==ende[0] && startlight[1]==ende[1] ){							
							getPicture();
						}else{						
							window.setTimeout("resizePopUp()",600);
						}
							
						return true;
					}
				}else if(ajaxstatus == 2){
					
					if(ergebnis!=""){
						temp = ergebnis.split(":::");
						linkes_bild = temp[0];
						rechtes_bild = temp[1];
						//alert(ergebnis);
						
						if(linkes_bild!=""){	
										
							// onmouseover="showFlag(\'zurueck\')" onmouseout="showFlag(\'zurueck\')"										
							document.getElementById('zurueckA').innerHTML = '<a href="#" onfocus="this.blur();" onclick="nextBild(4);return false;"><img src="'+ptp+'images/_clear.gif" width="'+((bildgroesse[0]/2)-10)+'" height="'+(parseInt(bildgroesse[1])-95)+'" border="0"></a>';
							nextPreBild[0] = linkes_bild;
							showFlag('zurueck');
						}	
						//alert(rechtes_bild);					
						if(rechtes_bild!=""){						
							
							t = document.getElementById('vorA');							
							// onmouseover="showFlag(\'weiter\')" onmouseout="showFlag(\'weiter\')"
							t.innerHTML = '<a href="#"  onfocus="this.blur();" onclick="nextBild(3);return false;"><img src="'+ptp+'images/_clear.gif" width="'+((bildgroesse[0]/2)-10)+'" height="'+(parseInt(bildgroesse[1])-95)+'" border="0"></a>';
							t.style.left = ((bildgroesse[0]/2)+10)+'px';							
							nextPreBild[1] = rechtes_bild;
							showFlag('weiter');
						}
					}
					
					document.getElementById('loading').style.display = 'none';
					showMenueLeiste();
				}						
			} else {
				alert('There was a problem with the request.');
			}
		}
	}	
	
	
	// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// SHOWPOPUP
	//		
	function showPopup(what){		
		temporaer			= 0.0;
		speed 				= 0.3;
		vari 					= 0.03;		
		bild = what;
		
		hintergrund = document.getElementById('sichtschutz');
		hintergrund.style.display = 'block';		
		hintergrundFaden(hintergrund,'1');				
	}