// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// Written by Dave André | http://www.daveandre.de
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------





// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// Set Global VARs
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

	var screenWidth											= screen.width;
	var screenHeight											= screen.height;
	
	var move													= 0;
	
	var div_startPosition										= 0;
	var div_endPosition											= 0;
	
	var startPos												= 0;
	var galeriePos												= 0;
	var teilnahmePos											= 0;
	var flyerPos												= 0;
	var impressumPos											= 0;
	
	var mirrorLeftPos											= 0;
	var mirrorRightPos											= 0;
	
	/*
	var data = "testVariable";
	eval("var temp_" + data + "=123;");
	alert(temp_testVariable);
	*/

// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// GET DIV-Positions 
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	
	function getYPosition(el) {
		y = el.offsetTop;
		if (!el.offsetParent) return y;
		else return (y+getYPosition(el.offsetParent));
	}
	
	function getXPosition(el) {
		x = el.offsetLeft;
		if (!el.offsetParent) return x;
		else return (x+getXPosition(el.offsetParent));
	}
	
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// INITIALIZE LAYOUT
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	
	function init() {
		
		menuPos												= (screenWidth - 840)/2;
		mPos												= (screenWidth - 348)/2;

		
		elPos												= (screenWidth - 1000)/2;
		
		
		startPos												= elPos;
		galeriePos											= screenWidth + elPos;
		speisenPos											= screenWidth*2 + elPos;
		//flyerPos												= screenWidth*3 + elPos;
		//impressumPos											= screenWidth*4 + elPos;
		
		document.getElementById('menu').style.left					= menuPos + 'px';
		document.getElementById('start').style.left					= startPos + 'px';
		document.getElementById('galerie').style.left					= galeriePos + 'px';
		document.getElementById('speisen').style.left				= speisenPos + 'px';
		document.getElementById('M').style.left						= mPos + 'px';
		
		document.getElementById("start").style.visibility 				= "visible";
		document.getElementById("galerie").style.visibility 			= "visible";
		document.getElementById("speisen").style.visibility 			= "visible";
		//document.getElementById('mirrorLeft').style.left				= mirrorLeftPos + 'px';
		//document.getElementById('mirrorRight').style.left				= mirrorRightPos + 'px';
		//document.getElementById('logo').style.left					= elPos + 'px';
		
		//document.getElementById('contentKonzept').style.left			= konzeptPos + 'px';
		//document.getElementById('contentDesign').style.left			= designPos + 'px';
		//document.getElementById('contentTeilnahme').style.left		= teilnahmePos + 'px';
		//document.getElementById('contentFlyer').style.left			= flyerPos + 'px';
		//document.getElementById('contentImpressum').style.left		= impressumPos + 'px';
	
		//document.getElementById('contactContent').style.left			= elPos + 'px';
		//document.getElementById('footerContent').style.left			= elPos + 'px';
		
		div_startPosition										= getXPosition(document.getElementById('mainContent'));
		div_endPosition										= 0;
		
		setIntX();

	}

// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// Switch Contents
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	
	function switchContent(contentName) {
		
		clearInterval(move);	
			
		document.getElementById("startActive").style.visibility 					= "hidden";
		document.getElementById("galerieActive").style.visibility 				= "hidden";
		document.getElementById("speisenActive").style.visibility 				= "hidden";
		document.getElementById("getraenkeActive").style.visibility 				= "hidden";
		document.getElementById("wochenkarteActive").style.visibility 			= "hidden";
		document.getElementById("kontaktActive").style.visibility 				= "hidden";
	
		if(contentName == 'start') {
			
			document.getElementById("startActive").style.visibility 				= "visible";
			document.getElementById("main").style.height 					= 800 + "px";
			
			div_startPosition											= getXPosition(document.getElementById('mainContent'));
			div_endPosition											= 0;
			setIntX();

		}
		
		if(contentName == 'galerie') {
			
			document.getElementById("galerieActive").style.visibility 			= "visible";
			document.getElementById("main").style.height 					= 1200 + "px";
			
			div_startPosition											= getXPosition(document.getElementById('mainContent'));
			div_endPosition											= screenWidth*-1;
			setIntX();

		}
		
		if(contentName == 'speisen') {
			
			document.getElementById("speisenActive").style.visibility 			= "visible";
			document.getElementById("main").style.height 					= 1200 + "px";
			
			div_startPosition											= getXPosition(document.getElementById('mainContent'));
			div_endPosition											= screenWidth*-2;
			setIntX();

		}
		
		if(contentName == 'getraenke') {
			
			document.getElementById("getraenkeActive").style.visibility 			= "visible";
			
			//div_startPosition											= getXPosition(document.getElementById('mainContent'));
			//div_endPosition											= screenWidth*-3;
			//setIntX();

		}
		
		if(contentName == 'wochenkarte') {
			
			document.getElementById("wochenkarteActive").style.visibility 		= "visible";
			
			//div_startPosition											= getXPosition(document.getElementById('mainContent'));
			//div_endPosition											= screenWidth*-4;
			//setIntX();

		}
		
		if(contentName == 'kontakt') {
			
			document.getElementById("kontaktActive").style.visibility 			= "visible";
			
			//div_startPosition											= getXPosition(document.getElementById('mainContent'));
			//div_endPosition											= screenWidth*-5;
			//setIntX();

		}
		
		if(contentName == 'impressum') {
			
			div_startPosition											= getXPosition(document.getElementById('mainContent'));
			div_endPosition											= screenWidth*-6;
			setIntX();

		}
		
	}
	
	function setIntX() {
	
		move 											=  window.setInterval("moveContentX()",10);
		
	}
	
	
	function moveContentX() {
		
		var xDiferenceStartDiv 										= div_endPosition - div_startPosition;
		div_startPosition 											= div_startPosition -  xDiferenceStartDiv/6*-1;
		document.getElementById('mainContent').style.left  				= (div_startPosition  + "px");
		
		
	}