function iniimg()
{
	//initialisiert die Anzeige und das Vorausladen der Bilder
	inislides();
	
	var l=preloadArray.length;

	if (l>0)
	{
			var MeinTag=""; //leeren Tag initialisiern
		for (i=0;i<l; i++)
		{
		
			var MeinImg=preloadArray[i];
			
		
				z=MeinImg.length;
				var MeinBild="./files/"+MeinImg.substring(2, z);
			
			
			MeinTag=MeinTag + "<img src=\""+MeinBild+"\" class=\"preloadimg\" \/>";
			
			
		}

		document.getElementById("preloader").innerHTML=MeinTag;
	
	}
	
}




function inislides()
{
	// initialisiert - auf den Standard-Seiten - das Einblenden des Hauptbildes


	var MeinDiv="imgcont" + String(vTyp);
	

var	vDauer=1.0;

			new Effect.Appear(MeinDiv, { duration: vDauer });
		
}


////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////
// Skripte für durch Klick auf Thumbnails auzuwechselnde Bilder sowie ggf. Vergrößerung

function getimg(vIMG, vBig)
{
		// initiert den Wechsel des Haupt-Bildes
		
		//zunächst wird der Tag mit der Adresse des neuen Bildes und gegebenenfalls dem Vergrößerungs-Link generiert
		l=vIMG.length;
		var MeinBild="./files/"+vIMG.substring(2, l);
		var MeinScriptTag="";
			if (vBig)
			{
				var MeinGrossBild="./files/dibelius/img/b_"+vIMG.substring(2, l);
				MeinScriptTag= "class=\"clickable\" onmouseup=\"getBigimg('"+MeinGrossBild+"');\"  ";
			}
	MeinTag="<div id=\"imgcont"+vTyp+"\" style=\"display:none;\" "+MeinScriptTag+" ><img src=\""+MeinBild+"\"  alt=\"ausgechseltes Bild\" class=\"centerimg_1\"  />";
		if (vBig)
		{
			MeinTag=MeinTag + "<div id=\"enlarge_link\"><img src=\"./files/dibelius/big_btn.gif\" id=\"bigbtn\"/></div>";
		}
//MeinTag=MeinTag + "<script type=\"text/javascript\">// <![CDATA[ inislides(); // ]]> </script>";

MeinTag=MeinTag +"</div>";
// Das aktuelle Bild wird ausgeblendet

fadeimg();
}


function fadeimg()
{

	// blendet das aktuelle Hauptbild aus, 
	// danach wird die Funktion changeimg ausgelöst
	new Effect.Fade('imgcont'+vTyp, { duration: 0.5  ,afterFinish: changeimg});
}

function changeimg()
{
	

	// ersetzt den Inhalt des aktuellen Imagecontainers mit dem in getimg neu generierten Tag
vid="mainimage" +vTyp;
		document.getElementById(vid).innerHTML=MeinTag;
	inislides();
	
	
}
function showimg()
{
	
	alert("showimg");
window.clearInterval(warten);
	var MeinDiv="imgcont" + String(vTyp);
	

var	vDauer=1.0;

			new Effect.Appear(MeinDiv, { duration: vDauer });
		
}

function getBigimg(vIMG)
{
	MeinTag="<div id=\"overlayImgCont\" ><div id=\"overLogo\"><img src=\"files/dibelius/Logo.gif\" id=\"dibelius_Logo\" alt=\"dibelius - Logo\" /></div><div id=\"ladehinweis\">Bild wird geladen...</div><div id=\"bigImgCont\" onmousedown=\"closeOverlay();\" class=\"clickable\" style=\"display:none;\"><img src=\""+vIMG+"\" id=\"overlayImg\" /><div id=\"ovwerlayClose\" class=\"clickable\" onmousedown=\"closeOverlay();\" ><img src=\"./files/dibelius/close_btn.gif\" id=\"closebtn\"/></div></div></div>"; 


//MeinTag="<div id=\"overlayImgCont\" ><div id=\"ladehinweis\">Bild wird geladen...</div><div id=\"bigImgCont\" onmousedown=\"closeOverlay();\" class=\"clickable\" style=\"display:none;\"><img src=\""+vIMG+"\" id=\"overlayImg\" /><div id=\"ovwerlayClose\" class=\"clickable\" onmousedown=\"closeOverlay();\" ><img src=\"./files/dibelius/close_btn.gif\" id=\"closebtn\"/></div></div></div>"; 


		document.getElementById("overlay").innerHTML=MeinTag;
		
		var pagesize=getPageSize();
		var pagescroll=getPageScroll();



		if (navigator.userAgent.search("MSIE")>=0)
		{
			window.scrollTo(0, 0);


}


		document.getElementById("overlay").style.visibility="visible";
	document.getElementById("overlaycontainer").style.visibility="visible";
		var	vDauer=0.4;

var MeinOverlay="overlaycontainer";
var MeinImg="bigImgCont";
							new Effect.Appear(MeinOverlay, {fps:30,transition:Effect.Transitions.sinoidal,duration: 0.2});
						new Effect.Appear(MeinImg, {fps:30,delay:0.1,duration:vDauer,transition:Effect.Transitions.sinoidal,queue: 'end'});
							
							
}

////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////
// Overlay-Funktionen

function closeOverlay()
{
	MeinDiv="overlaycontainer";
		new Effect.Fade(MeinDiv, { duration: 0.3  ,afterFinish: killoverlay});
		

}
function killoverlay()
{
	MeinTag="";
		document.getElementById("overlaycontainer").style.visibility="hidden";
//	document.getElementById("overlay").style.visibility="hidden";
		document.getElementById("overlay").innerHTML=MeinTag;
}
////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////

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

// Funktionen für Rollovereffekte im Menü
function menrollover(vid)
{
var	vtyp="";
	if (vid.search("hm")>=0){vtyp="hm_"}
	
	var MeinImg="files/dibelius/" +vtyp+ "MenArrow.gif";
		document.getElementById(vid).src=MeinImg;
}

function menrollout(vid)
{
	
var	vtyp="";
	if (vid.search("hm")>=0){vtyp="hm_"}
	
	var MeinImg="files/dibelius/" +vtyp+ "MenArrow_n.gif";
	
	document.getElementById(vid).src=MeinImg;
}
////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////

function menrolloverR(vid)
{
var	vtyp="";
//	if (vid.search("hm")>=0){vtyp="hm_"}
	
	var MeinImg="files/dibelius/" +vtyp+ "MenArrow.gif";
		document.getElementById(vid).src=MeinImg;
}
////////////////////////////////////////////////////////////////

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

function ref_menrolloverR(vid)
{
var	vtyp="";
//	if (vid.search("hm")>=0){vtyp="hm_"}
	
	var MeinImg="files/dibelius/" +vtyp+ "MenArrow.gif";
		document.getElementById(vid).src=MeinImg;
}
////////////////////////////////////////////////////////////////
function ref_menrollout(vid)
{
	
var	vtyp="";
	if (vid.search("hm")>=0){vtyp="hm_"}
	
	var MeinImg="files/dibelius/" +vtyp+ "MenArrow_n.gif";
	
	document.getElementById(vid).src=MeinImg;
}
////////////////////////////////////////////////////////////////

// TEST!!!!!! für Navi mit fettenPfeilen

function menrolloverF(vid)
{
var	vtyp="";
	if (vid.search("hm")>=0){vtyp="hm_"}
	
	var MeinImg="files/dibelius/" +vtyp+ "MenArrow_f.gif";
		document.getElementById(vid).src=MeinImg;
}

function menrolloutF(vid)
{
	
var	vtyp="";
	if (vid.search("hm")>=0){vtyp="hm_"}
	
	var MeinImg="files/dibelius/" +vtyp+ "MenArrow_n.gif";
	
	document.getElementById(vid).src=MeinImg;
}
////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////
function fftest(vpfad)
{
/*

//	überprüft, ob als Browser Safari 2 oder niedriger oder die Windows-Version von Safari verwendet wird
	var n=Number(navigator.userAgent.charAt(60));

	var saf2=((navigator.userAgent.search("AppleWebKit")>=0) && ((n<5)||(navigator.appVersion.search("Windows")>=0) ) );
	
	if (saf2)
	{
	// in diesem Fall muss die Seitenhöhe manuell gesetzt werden

var	MyTag="\<link rel=\"stylesheet\" name = \"safaristyle\" href=\"" + vpfad+ "files/dibelius/mainS2.css\" type =\"text\/css\"\>";

			document.write(MyTag);
	}
	
	// überprüft die Monitorauflösung
	
	var MeineHoehe=screen.availHeight;



if (MeineHoehe<=768)
{
	var	MyTag="\<link rel=\"stylesheet\" name = \"kleinstyle\" href=\"" + vpfad+ "files/dibelius/small.css\" type =\"text\/css\"\>";

				document.write(MyTag);

}
*/

}
////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////
//Verschiedene Funktionen

function hideme(elem)
{
	// verbirgt das in elem übergebene Element
	document.getElementById(elem).style.visibility= 'hidden';
	document.getElementById(elem).style.width = '1px';
	document.getElementById(elem).style.overflow = 'hidden';
}

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

//Funktionen für die Harvester-sichere Anzeige von Mailadressen

function mailad() 
{ 

	DieAdresse="\<a href=mailto:"; 
DieAdresse= DieAdresse +"info\@"; 
DieAdresse= DieAdresse+"dibelius-architekten.de\>"; 
document.write(DieAdresse); 
}

function schreibmail()
 {  DerMailText="info\@";
DerMailText  = DerMailText  +"dibelius-architekten.de";
 document.write(DerMailText);  
} 



      function linkende()      {      
	DerTag="\<\/a\>";
       document.write(DerTag); 
     }
	////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////
	
	// Funktionen für Formulare
function formbutton()

{
	var MeinText='<input type="hidden" name="form_submitted"  value="form_submitted" />',
	
	
MeinText=MeinText +	'<a href="#" style="height: 17px; width: 76px; color:#fff;" onclick="document.form1.submit();" onmouseover="m_rollover(this);"  onmouseout="m_rollout(this);" id="a_submitbtn">',

MeinText=MeinText +'<img src="img/submitbtn.gif" id="img_submitbtn"  />&nbsp;</a>';

 document.write(MeinText);
	
}

function killvalue(vdef,velem)
{
if (velem.value==vdef)
{
		velem.value="";
	}
}

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

// getPageSize()
// Taken from Lightbox.js

// Returns array with page width, height and window width, height
// Core code from - quirksmode.com
// Edit for Firefox by pHaez
//
function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	
//	console.log(self.innerWidth);
//	console.log(document.documentElement.clientWidth);

	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

//	console.log("xScroll " + xScroll)
//	console.log("windowWidth " + windowWidth)

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
//	console.log("pageWidth " + pageWidth)

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

// -----------------------------------------------------------------------------------
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.com
//
function getPageScroll(){

	var xScroll, yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}

	arrayPageScroll = new Array(xScroll,yScroll) 
	return arrayPageScroll;
}

// -----------------------------------------------------------------------------------
// -----------------------------------------------------------------------------------