// JavaScript Document

var myLoop;
var xTargetPos;
var xPos=0;
var overVisible=false;
var currentOverDiv="";
var footer;

var IE = false;
var IE7 = false;



// ----------------------------
// ONLOAD
// ----------------------------

onload = function () {
	//alert (navigator.appName +" xxxxx "+navigator.appVersion);
	
	if (navigator.appVersion.search("MSIE")!=-1) {
		//alert ("IE 7");	
		IE = false;
		IE7 = true;
	} else {
		// kleiner als IE 7
		//alert ("IE < 7");
		if (navigator.appName.search("Explorer")!=-1 && parseFloat(navigator.appVersion) < 4.1) {
			//alert (parseFloat(navigator.appVersion));
			IE = true;
			IE7 = false;
		} 
	}
	
	
	
	if (!window.Weite && document.body && document.body.offsetWidth) {
		Weite = Fensterweite();
		Hoehe = Fensterhoehe();
		//alert (Weite+"x"+Hoehe);
	}
	setDivSize();
	
	document.getElementById("preloader").style.visibility="hidden";

	//alert (document.getElementById("preloader"));
	
} // end ONLOAD


// ----------------------------
// ONRESIZE
// ----------------------------

onresize = function () {
	Weite = Fensterweite();
	Hoehe = Fensterhoehe();
	setDivSize();	
} // end RESIZE





// ----------------------------
// DIV WIDTH
// ----------------------------

function setDivSize () {
	//alert ("setDivSize()");
	
	footer = document.getElementById("footer");
	footer.style.position="fixed";
	footer.style.top=parseInt(Hoehe)-60+"px";
	

	
	document.getElementById("main").style.width=(7*Weite+100)+"px";
	document.getElementById("main").style.height=(Hoehe-30)+"px";
	
	

	

	document.getElementById("startContent").style.width=Weite+"px";
	//document.getElementById("startContent").style.border="2px solid blue";

	
	var divNum = document.getElementsByName("content").length;
	for (var i=0; i<divNum; i++) {
		document.getElementsByName("content")[i].style.width=Weite+"px";
		document.getElementsByName("content")[i].style.height=(Hoehe-100)+"px";
		//document.getElementsByName("content")[i].style.border="5px solid red";

	}
	
	
	//document.getElementById("startContent").style.border="5px solid yellow";
	document.getElementById("startContent").style.height=(Hoehe-100)+"px";

	
	// -------- CONTENT 1 HÖHE ----------------
	var divNum = document.getElementsByName("innerContent").length;
	for (var i=0; i<divNum; i++) {
		//document.getElementsByName("innerContent")[i].style.border="5px solid yellow";
		document.getElementsByName("innerContent")[i].style.height= (Hoehe-300)+"px";
	}	
	// -------- CONTENT 2 HÖHE ----------------
	var divNum = document.getElementsByName("innerContent2").length;
	for (var i=0; i<divNum; i++) {
		//document.getElementsByName("innerContent2")[i].style.border="5px solid yellow";
		document.getElementsByName("innerContent2")[i].style.height= (Hoehe-330)+"px";
	}
	
	
	
	
	
	var naviBox = document.getElementById("naviBox");
	naviBox.style.left = (Weite/2 - naviBox.offsetWidth/2)+"px";
	var footer = document.getElementById("footer");
	footer.style.left = (Weite/2 - footer.offsetWidth/2)+"px";
	
	
	
	// _______________________________ IE DIV SIZE ____________________________________
	
	if (IE) {

		//alert ("xxxxxxxxxxx");
		document.getElementById("Scrollbereich").style.height=Hoehe-150+"px";
		var scrollHeight = document.getElementById("Scrollbereich").offsetHeight;	
		document.getElementById("startContent").style.height = scrollHeight-100+"px";
		document.getElementById("startFrame").style.height = scrollHeight-80+"px";

		
		// -------- CONTENT 1 HÖHE ----------------
		var divNum = document.getElementsByName("innerContent").length;
		//alert (divNum);
		for (var i=0; i<divNum; i++) {
			document.getElementsByName("innerContent")[i].style.height=scrollHeight-100+"px";
		}
		
		// -------- CONTENT 2 HÖHE ----------------
		var divNum = document.getElementsByName("innerContent2").length;
		for (var i=0; i<divNum; i++) {
			document.getElementsByName("innerContent2")[i].style.height= scrollHeight-150+"px";
		}
		
		
		document.getElementById("main").style.height = 100+"px";
		document.getElementById("Inhalt").style.width=(7*Weite+100)+"px";

	} else if (IE7) {

		//alert ("xxxxxxxxxxx");
		//document.getElementById("Scrollbereich").style.height=Hoehe-150+"px";
		//var scrollHeight = document.getElementById("Scrollbereich").offsetHeight;	
		//document.getElementById("startContent").style.height = scrollHeight-100+"px";
		//document.getElementById("startFrame").style.height = scrollHeight-80+"px";

		
		// -------- CONTENT 1 HÖHE ----------------
		var divNum = document.getElementsByName("innerContent").length;
		//alert (divNum);
		for (var i=0; i<divNum; i++) {
			document.getElementsByName("innerContent")[i].style.height=(Hoehe-200)+"px";
		}
		
		// -------- CONTENT 2 HÖHE ----------------
		var divNum = document.getElementsByName("innerContent2").length;
		for (var i=0; i<divNum; i++) {
			document.getElementsByName("innerContent2")[i].style.height= (Hoehe-260)+"px";
		}
		
		
		//document.getElementById("main").style.height = 100+"px";
		//document.getElementById("Inhalt").style.width=(7*Weite+100)+"px";

	}
	
	
	
	
	
	
} // end SET DIV WIDTH





// ----------------------------
// GOTO
// ----------------------------

function goto (aMultiplicator) {
	
	var divWidth = Weite;
	
	if (IE) {
		//alert(aMultiplicator);
		if (xPos<500) {
			document.getElementById("Scrollbereich").scrollLeft = divWidth;	
			xPos=divWidth;
		}
		
		
		xTargetPos = parseInt (aMultiplicator)*divWidth+100;	
		
		if (xTargetPos==0) {
			document.getElementById("Scrollbereich").scrollLeft = 0;
			xPos=0;
		} else {
			myLoop = window.setInterval ("move()", 50);
		}
		
		/*
		document.getElementById("Scrollbereich").scrollLeft=500;
		alert (document.getElementById("Scrollbereich").scrollLeft);
		*/
		/*
		if (xPos<500) {
			document.getElementById("Scrollbereich").scrollTo(divWidth,0);	
			xPos=divWidth;
		}
		
		xTargetPos = parseInt (aMultiplicator)*divWidth;	
		
		if (xTargetPos==0) {
			document.getElementById("Scrollbereich").scrollTo(0,0);
			xPos=0;
		} else {
			myLoop = window.setInterval ("move()", 50);
		}
		*/
		
	} else {
	
		if (xPos<500) {
			window.scrollTo(divWidth,0);	
			xPos=divWidth;
		}
		
		xTargetPos = parseInt (aMultiplicator)*divWidth;	
		
		if (xTargetPos==0) {
			window.scrollTo(0,0);
			xPos=0;
		} else {
			myLoop = window.setInterval ("move()", 50);
		}
	}
	
} // end GOTO
	



// ----------------------------
// MOVE
// ----------------------------

function move () {
	xPos = xTargetPos*0.1 + xPos*0.9;
	var dist = xTargetPos-xPos;
	
	if (Math.abs(dist)<20) {
		xPos = xTargetPos;
		window.clearInterval(myLoop);
	}
	if (IE) {
		document.getElementById("Scrollbereich").scrollLeft = xPos;
	} else {
		window.scrollTo(xPos,0);
	}
} // end MOVE





// ----------------------------
// HIDE / SHOW SUB NAVI STUFF
// ----------------------------

function Overall (aOpenDiv) {
	var openDiv = aOpenDiv;
	//alert ("overall");
	document.getElementById("Newsletter").style.visibility="hidden";
	document.getElementById("Impressum").style.visibility="hidden";
	document.getElementById("Links").style.visibility="hidden";
	
	
	if (overVisible) {
		if (currentOverDiv == openDiv) {
			overVisible=false;
		} else {
			currentOverDiv=openDiv;
		}
	} else {
		overVisible=true;
		currentOverDiv=openDiv;
	
	}
	
	if (overVisible) {
		var theDiv = document.getElementById(openDiv);
		var divX = (Weite/2)-(parseInt(theDiv.offsetWidth)/2);
		var divY = (Hoehe/2)-(parseInt(theDiv.offsetHeight)/2);
		theDiv.style.left = divX+"px";	
		theDiv.style.top = divY+"px";
		theDiv.style.visibility="visible";	

	} else {
		document.getElementById(openDiv).style.visibility="hidden";
	}
	
} // end OVERALL







// * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
// * * * * * * * * * * * * * * * * * * FENSTERGRÖSSE * * * * * * * * * * * * * * * * * * *
// * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *




function Fensterweite () {
  	if (window.innerWidth) {
    	return window.innerWidth;
  	} else if (document.documentElement) {
        return document.documentElement.offsetWidth;
	}  else if (document.body && document.body.offsetWidth) {
    	return document.body.clientWidth;
  	} else {
    	return 600;
  	}
} // FENSTERWEITE

function Fensterhoehe () {
	
	if (window.innerHeight) {
    	return window.innerHeight;
  	} else if (document.documentElement) {
        return document.documentElement.offsetHeight;
	} else if (document.body && document.body.offsetHeight) {
		return document.body.clientHeight;
  	} else {
    	return 600;
  	}
	
} // FENSTERHOEHE





// * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
// * * * * * * * * * * * * * * * * * * BILDER POPUPS * * * * * * * * * * * * * * * * * * *
// * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

function popup (adress, xSize, ySize, title) {
    meinFenster=window.open ("functions/popup.php?image="+adress+"&title="+title, "", "width="+xSize+",height="+ySize+",resizable=yes,scrolling=yes, scrollbars=yes, menubar=no");
} // end image



function popClip (clip, xSize, ySize) {
	    clipFenster=window.open ("functions/flowplayer/clips.php?clip="+clip, "", "width="+xSize+",height="+ySize+",resizable=yes,scrolling=yes, scrollbars=yes, menubar=no");

    //clipFenster=window.open ("functions/flowplayer/html/clips.php?clip="+clip, "", "width="+xSize+",height="+ySize+",resizable=yes,scrolling=yes, scrollbars=yes, menubar=no");
} // end image