// JavaScript Document

	function clickSlide(slide){
		/* tab ist zu */
		if (activeTab == "none") {
			showContent();
			changeContent(slide);
			activeTab = slide;
			
		/* tab ist offen */
		}else{
			if (activeTab == slide) {		
				document.getElementById("gallery_tab_button_zu").style.display = "none";
				document.getElementById("gallery_tab_button_auf").style.display = "block";
				document.getElementById("header_tab_button_zu").style.display = "none";
				document.getElementById("header_tab_button_auf").style.display = "block";
				hideContent();
				activeTab = "none";
			}else{
				changeContent(slide);
				activeTab = slide;
			}
		}
	}
	
	function changeContent (slide) {
		if(slide == 'tab1') {
			document.getElementById('contentTab_inhalt1').style.display = 'block';
			document.getElementById('contentTab_inhalt2').style.display = 'none';
			
			document.getElementById("header_tab_button_zu").style.display = "block";
			document.getElementById("header_tab_button_auf").style.display = "none";
			document.getElementById("gallery_tab_button_zu").style.display = "none";
			document.getElementById("gallery_tab_button_auf").style.display = "block";
		}
		
		if (slide == 'tab2') {		
			document.getElementById('contentTab_inhalt1').style.display = 'none';
			document.getElementById('contentTab_inhalt2').style.display = 'block';
			
			document.getElementById("gallery_tab_button_zu").style.display = "block";
			document.getElementById("gallery_tab_button_auf").style.display = "none";
			document.getElementById("header_tab_button_zu").style.display = "none";
			document.getElementById("header_tab_button_auf").style.display = "block";
		}
	}
	
	function hideContent()
	{
		new Effect.Move(document.getElementById("contentTab_inner"),{ x: 0, y: 91, mode: "absolute", queue: "end", duration: 0.4});
		document.getElementById("gallery_tab_button_zu").style.display = "none";
		document.getElementById("gallery_tab_button_auf").style.display = "block";
		document.getElementById("header_tab_button_zu").style.display = "none";
		document.getElementById("header_tab_button_auf").style.display = "block";
		activeTab = "none";
	}
	
	function showContent()
	{
		new Effect.Move(document.getElementById("contentTab_inner"),{ x: 0, y: 0, mode: "absolute", queue: "end", duration: 0.4});
	}

	
	setTimeout('hideContent()',7000);
		
	
	var c = 0; // NavigationsVariable die den aktuellen Standpunkt des Sliders speichert
	var angeboteId;
	
	var activeTab = "tab1";
	
	
	function moveContentNext(){
		
		//alert("next");
		//clearInterval(timerPerid);
		
		if( (c+1) < contentPages )
		{	
			
			var AngeboteDots = new Array();
			AngeboteDots = angeboteButtons.getElementsByTagName('img');
			c++;
			for ( var i = 0 ; i<AngeboteDots.length ; i++ ){
			  if( i == c )
			  {
				AngeboteDots[i].src = Punkt_aktiv;
			  }
			  else
			  {
				AngeboteDots[i].src = Punkt_passiv;
			  }
			}
			//echoData.innerHTML += c+", ";
			
			/*
			//if( c > contentPages ) c = 0;
			angeboteId = "angebotId" + c;
			$(angeboteId).src = "fileadmin/site_img/angebot_kreis.jpg";
			c++;
			angeboteId = "angebotId" + c;
			$(angeboteId).src = "fileadmin/site_img/angebot_kreis_aktiv.jpg";
			*/
			//var getShowroomPos = $('showroom').offsetLeft;
			//var newShowroomPos = ( contentWidth*c ) + (getShowroomPos-20);
			//echoData.innerHTML = c;
			//echoData.innerHTML = (c+1) + " / " + contentPages;
			new Effect.Morph($('showroom'), { style: 'margin-left:' + contentWidth*c + 'px', duration: slidespeed, transition: Effect.Transitions.sinoidal, mode: 'relative' });
		} else {
			stopAutoMove();
			//timerPerid = startAutoMove("prev", stillstehen);
			moveContentPrev();
			timerPerid = startAutoMove("prev", stillstehen);
		}
		
	}
	function moveContentPrev(){
		
		if( c < contentPages && c > 0 ) //2 > 0
		{	
			var AngeboteDots = new Array();
			AngeboteDots = angeboteButtons.getElementsByTagName('img');
			c--;
			for ( var i = 0 ; i<AngeboteDots.length ; i++ ){
			  if( i == c )
			  {
				AngeboteDots[i].src = Punkt_aktiv;
			  }
			  else
			  {
				AngeboteDots[i].src = Punkt_passiv;
			  }
			}
			//echoData.innerHTML += c+", ";
			/*
			angeboteId = "angebotId" + c;
			$(angeboteId).src = "fileadmin/site_img/angebot_kreis.jpg";
			c--;
			angeboteId = "angebotId" + c;
			$(angeboteId).src = "fileadmin/site_img/angebot_kreis_aktiv.jpg";
			*/
			
			//var getShowroomPos = $('showroom').offsetLeft;
			//alert(getShowroomPos);
			//var newShowroomPos =  (getShowroomPos-20) - ( contentWidth*c );
			//alert(contentWidth*c);
			//echoData.innerHTML = c;
			//echoData.innerHTML = (c+1) + " / " + contentPages;
			new Effect.Morph($('showroom'), { style: 'margin-left:' + contentWidth*c + 'px', duration: slidespeed, transition: Effect.Transitions.sinoidal, mode: 'relative' });
		} else {
			stopAutoMove();
			c = 0;
			//timerPerid = startAutoMove("next",stillstehen);
			moveContentNext();
			timerPerid = startAutoMove("next", stillstehen);
		}
		
	}
	function moveContent(showroomPos,element)
	{
		new Effect.Morph($('showroom'), { style: 'margin-left:' + showroomPos + 'px', duration: slidespeed, transition: Effect.Transitions.sinoidal, mode: 'relative' });
		for( var i = 0; i < contentPages; i++ )
		{
			var angebote = "angebotId" + i;
			if( angebote != element )
			$(angebote).src = Punkt_passiv;
		}
		$(element).src = Punkt_aktiv;

	}
	
	function moveContentNext_manuell(){
		if( (c+1) < contentPages ){
			stopAutoMove();
			moveContentNext();
			timerPerid = startAutoMove("next",stillstehen);
		}
	}
	function moveContentPrev_manuell(){
		if( c < contentPages && c > 0  ){
			stopAutoMove();
			moveContentPrev();
			timerPerid = startAutoMove("prev",stillstehen);
		}
	}
	
	
	
	function moveContentGoTo(angebotPos){
		AngebotID = angebotPos/contentWidth;
		//echoData.innerHTML = "angebotId"+AngebotID;
		stopAutoMove();			
		for( var i = 0; i < angeboteButtons.getElementsByTagName('img').length; i++ )
		{
			angeboteButtons.getElementsByTagName('img')[i].src = Punkt_passiv;		
		}
		angeboteButtons.getElementsByTagName('img')[AngebotID].src = Punkt_aktiv;	
		c = AngebotID;
		//echoData.innerHTML = AngebotID;
		//echoData.innerHTML = (AngebotID+1) + " / " + contentPages;
		new Effect.Morph($('showroom'), { style: 'margin-left:' + angebotPos + 'px', duration: slidespeed, transition: Effect.Transitions.sinoidal, mode: 'relative' });
		
		if( c < contentPages && c > 0 ) //2 > 0
		{ timerPerid = startAutoMove("next",stillstehen); }
		else
		{ timerPerid = startAutoMove("prev",stillstehen); }
		
	}
	
	function startAutoMove(dir, wait){
		//echoData.innerHTML = "GESTARTET";
		//echoData.innerHTML = (c+1) + " / " + contentPages;
		if( dir == "next" )
		{ 
			return window.setInterval("moveContentNext()",wait);
		}
		else
		{	
			return window.setInterval("moveContentPrev()",wait);
		}
	}
	function stopAutoMove(){
		//echoData.innerHTML = "GESTOPPT";
		return clearInterval(timerPerid);
	}