//==========================================================================================================
// Image-Teaser by plentySupport 
//==========================================================================================================

// DocumentReady Function
// ==========================================================================================================
jQuery(document).ready(function() {

	// Funktion zum Einblenden der Pfeile zuweisen
	//-----------------------------------------------------------
	if(teas_anzahl>1){
		jQuery("#teaser_main").mouseenter(function()
				{
					vorzuruck();
				})
				.mouseleave(function()
				{
					vorzuruck_2();
				});
	}
	//-----------------------------------------------------------
	// Ende Funktion zum Einblenden der Pfeile zuweisen
	
	
	// Konfiguration Ÿbernehmen
	//-----------------------------------------------------------
		
		// Hšhe Ÿbernehemen
		//-------------------------------------------------------
		jQuery(".teaser_link, #teas_nachrechts, #teas_nachlinks, #teaser_main, #platzhalter").height(teaser_hoehe);
		jQuery("#teas_direktwahl").css("margin-top", teaser_hoehe);
		//-------------------------------------------------------
		
		// Breite Ÿbernehemen
		//-------------------------------------------------------
		jQuery(".teaser_link, #teaser_main, #platzhalter, #teas_direktwahl").width(teaser_breite);
		var teaser_breite_zahl= teaser_breite.replace('px', '');
		var slider_breite = teaser_breite_zahl*3;
		jQuery("#slider_doc").width(slider_breite+"px");
		//-------------------------------------------------------
		
		// Startmargin fŸr Slider vergeben
		//-------------------------------------------------------
		if(teas_anzahl>1){
			jQuery("#slider_doc").css("margin-left", "-"+teaser_breite);
		}else{
			jQuery("#slider_doc").css("margin-left", "0px");
		}
		//-------------------------------------------------------
		
		// Ecken abrunden?
		//-------------------------------------------------------
		if(teas_ecken_runden=="0"){
			jQuery(".teas_round_corners").css("display", "none");
		}
		//-------------------------------------------------------
		
		// Links und HintergrŸnde fŸr Startposition zuteilen
		//-------------------------------------------------------
		if(teas_anzahl>1){
			$p("link_teas_1").href=eval('link_teas_'+teas_anzahl);
			$p("link_teas_2").href=eval('link_teas_'+1);
			$p("link_teas_3").href=eval('link_teas_'+2);
			
			$p("link_teas_1").style.backgroundImage="url("+eval('img_teas_'+teas_anzahl)+")";
			$p("link_teas_2").style.backgroundImage="url("+eval('img_teas_'+1)+")";
			$p("link_teas_3").style.backgroundImage="url("+eval('img_teas_'+2)+")";
			

		}else{
			$p("link_teas_1").href=eval('link_teas_'+1);
			$p("link_teas_1").style.backgroundImage="url("+eval('img_teas_'+1)+")";
		}
		//-------------------------------------------------------
		
		// Bewegungs-Geschwindigkeit und Timeouts Ÿbernehmen
		//-------------------------------------------------------
		if(teas_bewegung == "0" || teas_bewegung==""){
			teas_bewegung = 800;
		}
		if(teaser_timeout_mouseout==""){
			teaser_timeout_mouseout ="0";
		}
		if(teaser_timeout == "0" || teaser_timeout==""){
			teaser_timeout = "20s";
		}
		//-------------------------------------------------------
		
		// Direktwahlbuttons Generieren (float:right daher rŸckwŠrts)
		//-------------------------------------------------------
		var die_buttons = "";
		var der_iss_dran = teas_anzahl;
		for (var i = 0; i < teas_anzahl; i++){
			if(der_iss_dran =="1"){
				die_buttons +='<a href="#" id="direkt_'+der_iss_dran+'" class="jetzt_dran" onclick="direktwahl('+der_iss_dran+'); return false;">'+der_iss_dran+'</a>';
			}else{
				die_buttons +='<a href="#" id="direkt_'+der_iss_dran+'" onclick="direktwahl('+der_iss_dran+'); return false;">'+der_iss_dran+'</a>';
			}
			der_iss_dran--;
		}
		die_buttons +='<div style="clear: both;"></div>';
		$p("teas_direktwahl").innerHTML=die_buttons;
		//-------------------------------------------------------
		
	//-----------------------------------------------------------
	// Ende Konfiguration Ÿbernehmen
		
		
	// Timer erstmalig beginnen
	//-----------------------------------------------------------
		jQuery(document).everyTime(teaser_timeout, "teas_intervall", function() {
			nachrechts();
			}, 0);
	//-----------------------------------------------------------
	// Ende Timer erstmalig beginnen
});
//==========================================================================================================
// Ende DocumentReady Function


// Variable Werte
//==========================================================================================================
var aktuellepos = 1;
//==========================================================================================================
// Ende variable Werte




// Pfeil nach rechts Funktion
//==========================================================================================================
function nachrechts(){
	
	// Pfeile sperren
	//-----------------------------------------------------------
	$p("teas_nachlinks").onclick=new Function("return false;");
	$p("teas_nachrechts").onclick=new Function('return false;');		
	//-----------------------------------------------------------
	
	// Vars sammeln
	//-----------------------------------------------------------
	jQuery.easing.def ="easeInOutQuad";
	var teaser_breite_zahl= teaser_breite.replace('px', '');
	var machdas= teaser_breite_zahl*2;
	//-----------------------------------------------------------
	
	// Aktuelle Position ŸberprŸfen und neu bestimmen
	//-----------------------------------------------------------
	if(aktuellepos >= teas_anzahl){
		aktuellepos =1;
	}else{
		aktuellepos++;
	}
	var vorher = aktuellepos-1;
	var nachher = aktuellepos+1;
	//-----------------------------------------------------------
	
	// Klassen an Buttons verŠndern
	//-----------------------------------------------------------
	jQuery(".jetzt_dran").attr("class", "");
	jQuery("#direkt_"+aktuellepos).attr("class", "jetzt_dran");
	//-----------------------------------------------------------
	
	// Link 1 fŸr nŠchsten Slide vorbereiten
	//-----------------------------------------------------------
	if(aktuellepos == 1){
		$p("link_teas_1").href=eval('link_teas_'+teas_anzahl);
		$p("link_teas_1").style.backgroundImage="url("+eval('img_teas_'+teas_anzahl)+")";
	}else{
		$p("link_teas_1").href=eval('link_teas_'+vorher);
		$p("link_teas_1").style.backgroundImage="url("+eval('img_teas_'+vorher)+")";
	}
	//-----------------------------------------------------------
	
	// Slide durchfŸhren
	//-----------------------------------------------------------
	jQuery("#slider_doc").animate({ marginLeft: "-"+machdas}, teas_bewegung );
	//-----------------------------------------------------------
	
	// Timeout fŸr Folgeaktion (Bewegung + 5ms)
	//-----------------------------------------------------------
	var teas_timen = teas_bewegung+5;
	jQuery(document).oneTime(teas_timen, "teas_afterMoove_R", function() {
		
		jQuery("#slider_doc").stop(); // Fix gegen sprŸnge
		
		// Mittleren Link(2) anpassen
		//-----------------------------------------------------------
		$p("link_teas_2").href=eval('link_teas_'+aktuellepos);
		$p("link_teas_2").style.backgroundImage="url("+eval('img_teas_'+aktuellepos)+")";
		//-----------------------------------------------------------
		
		// Wieder in Ausgangsstellung (link 2) springen
		//-----------------------------------------------------------
		jQuery("#slider_doc").css("margin-left", "-"+teaser_breite);
		//$p('slider_doc').style.marginLeft="-"+teaser_breite+"px";
		//-----------------------------------------------------------
		
		// Timeout fŸr Folgeaktion (Bugfix)
		//-----------------------------------------------------------
		jQuery(document).oneTime(10, "teas_afterMoove_R_B", function() {
			
			// Nochmal in Ausgansstellung springen (Bugfix)
			//-----------------------------------------------------------
			jQuery("#slider_doc").css("margin-left", "-"+teaser_breite);
			//$p('slider_doc').style.marginLeft="-"+teaser_breite+"px";
			//-----------------------------------------------------------
			
			// Link 3 fŸr nŠchsten Slide vorbereiten
			//-----------------------------------------------------------
			if(aktuellepos >= teas_anzahl){
				$p("link_teas_3").href=eval('link_teas_'+1);
				$p("link_teas_3").style.backgroundImage="url("+eval('img_teas_'+1)+")";
			}else{
				$p("link_teas_3").href=eval('link_teas_'+nachher);
				$p("link_teas_3").style.backgroundImage="url("+eval('img_teas_'+nachher)+")";
			
			}
			//-----------------------------------------------------------
			
			// Pfeile wieder freigeben
			//-----------------------------------------------------------
			$p("teas_nachlinks").onclick=new Function("nachlinks();");
			$p("teas_nachrechts").onclick=new Function('nachrechts();');
			//-----------------------------------------------------------
		});
		//-----------------------------------------------------------
	});
	//-----------------------------------------------------------
}
//==========================================================================================================
// Ende Pfeil nach rechts Funktion


//Pfeil nach links Funktion
//==========================================================================================================
function nachlinks(){
	
	jQuery.easing.def ="easeInOutQuad";
	
	// Pfeile sperren
	//-----------------------------------------------------------
	$p("teas_nachlinks").onclick=new Function("return false;");
	$p("teas_nachrechts").onclick=new Function('return false;');		
	//-----------------------------------------------------------
	
	// Aktuelle Position ŸberprŸfen und neu bestimmen
	//-----------------------------------------------------------
	if(aktuellepos <= 1){
		aktuellepos =teas_anzahl;
	}else{
		aktuellepos--;
	}
	var vorher = aktuellepos-1;
	var nachher = aktuellepos+1;
	//-----------------------------------------------------------
	
	// Klassen an Buttons verŠndern
	//-----------------------------------------------------------
	jQuery(".jetzt_dran").attr("class", "");
	jQuery("#direkt_"+aktuellepos).attr("class", "jetzt_dran");
	//-----------------------------------------------------------
	
	// Link 3 fŸr nŠchsten Slide vorbereiten
	//-----------------------------------------------------------
	if(aktuellepos == teas_anzahl){
		$p("link_teas_3").href=eval('link_teas_'+1);
		$p("link_teas_3").style.backgroundImage="url("+eval('img_teas_'+1)+")";
		
	}else{
		$p("link_teas_3").href=eval('link_teas_'+nachher);
		$p("link_teas_3").style.backgroundImage="url("+eval('img_teas_'+nachher)+")";
	}
	//-----------------------------------------------------------
	
	// Slide durchfŸhren
	//-----------------------------------------------------------
	jQuery("#slider_doc").animate({ marginLeft: "0px"}, teas_bewegung );
	//-----------------------------------------------------------
	
	// Timeout fŸr Folgeaktion (Bewegung + 5ms)
	//-----------------------------------------------------------
	var teas_timen = teas_bewegung+5;
	jQuery(document).oneTime(teas_timen, "teas_afterMoove_L", function() {
		
		jQuery("#slider_doc").stop(); // Fix gegen sprŸnge
	
		// Mittleren Link(2) anpassen
		//-----------------------------------------------------------
		$p("link_teas_2").href=eval('link_teas_'+aktuellepos);
		$p("link_teas_2").style.backgroundImage="url("+eval('img_teas_'+aktuellepos)+")";
		//-----------------------------------------------------------
		
		// Wieder in Ausgangsstellung (link 2) springen
		//-----------------------------------------------------------
		jQuery("#slider_doc").css("margin-left", "-"+teaser_breite);
		//-----------------------------------------------------------
		
		// Timeout fŸr Folgeaktion (Bugfix)
		//-----------------------------------------------------------
		jQuery(document).oneTime(10, "teas_afterMoove_L_B", function() {
		
			// Nochmal in Ausgansstellung springen (Bugfix)
			//-----------------------------------------------------------
			jQuery("#slider_doc").css("margin-left", "-"+teaser_breite);
			//$p('slider_doc').style.marginLeft="-"+teaser_breite+"px";
			//-----------------------------------------------------------
			
			// Link 1 fŸr nŠchsten Slide vorbereiten
			//-----------------------------------------------------------
			if(aktuellepos <= 1){
				$p("link_teas_1").href=eval('link_teas_'+teas_anzahl);
				$p("link_teas_1").style.backgroundImage="url("+eval('img_teas_'+teas_anzahl)+")";
			}else{
				$p("link_teas_1").href=eval('link_teas_'+vorher);
				$p("link_teas_1").style.backgroundImage="url("+eval('img_teas_'+vorher)+")";
			
			}
			//-----------------------------------------------------------
			
			// Pfeile wieder freigeben
			//-----------------------------------------------------------
			$p("teas_nachlinks").onclick=new Function("nachlinks();");
			$p("teas_nachrechts").onclick=new Function('nachrechts();');
			//-----------------------------------------------------------
		});
		//-----------------------------------------------------------
	});
	//-----------------------------------------------------------
}
//==========================================================================================================
//Ende Pfeil nach links Funktion


// Vor/ZŸrrŸk-Auswahl ein/ausblenden
//==========================================================================================================
function vorzuruck(){
	jQuery("#teas_nachlinks, #teas_nachrechts").animate({opacity: 'toggle'}, 'slow');
	jQuery(document).stopTime("teas_intervall");
}

function vorzuruck_2(){
	jQuery("#teas_nachlinks, #teas_nachrechts").animate({opacity: 'toggle'}, 'slow');
	
	if(teaser_timeout_mouseout !="0"){
		jQuery(document).oneTime(teaser_timeout_mouseout, "teas_mouseout", function() {
			nachrechts();
			});
	}
	
	jQuery(document).everyTime(teaser_timeout, "teas_intervall", function() {
		nachrechts();
		}, 0);
	
}
//==========================================================================================================
// Ende Vor/ZŸrrŸk-Auswahl ein/ausblenden



// Direktwahlbuttons
//==========================================================================================================
function direktwahl(auswahl){
	jQuery.easing.def ="easeInOutQuad";
	
	// Slide Vorbereiten (Richtung und Bild)
	//-----------------------------------------------------------
	if(aktuellepos == auswahl){
		return false;
	}else if(aktuellepos < auswahl){
		$p("link_teas_3").href=eval('link_teas_'+auswahl);
		$p("link_teas_3").style.backgroundImage="url("+eval('img_teas_'+auswahl)+")";
		var teaser_breite_zahl= teaser_breite.replace('px', '');
		var machdas= teaser_breite_zahl*2;
		var machdas= machdas*-1;
	}else{
		$p("link_teas_1").href=eval('link_teas_'+auswahl);
		$p("link_teas_1").style.backgroundImage="url("+eval('img_teas_'+auswahl)+")";
		var machdas= 0;
	}
	//-----------------------------------------------------------

	// Timer neu setzen
	//-----------------------------------------------------------
	jQuery(document).stopTime("teas_intervall");
	jQuery(document).everyTime(teaser_timeout, "teas_intervall", function() {
		nachrechts();
		}, 0);
	//-----------------------------------------------------------
	
	// Pfeile sperren
	//-----------------------------------------------------------
	$p("teas_nachlinks").onclick=new Function("return false;");
	$p("teas_nachrechts").onclick=new Function('return false;');
	//-----------------------------------------------------------
	
	// Slide durchfŸhren
	//-----------------------------------------------------------
	jQuery("#slider_doc").animate({ marginLeft: ""+machdas}, teas_bewegung );
	//-----------------------------------------------------------
	
	// Auswahl Ÿbernehmen und Vars bilden
	//-----------------------------------------------------------
	aktuellepos = auswahl;
	var vorher = aktuellepos-1;
	var nachher = aktuellepos+1;
	//-----------------------------------------------------------
	
	// Klassen an Buttons verŠndern
	//-----------------------------------------------------------
	jQuery(".jetzt_dran").attr("class", "");
	jQuery("#direkt_"+aktuellepos).attr("class", "jetzt_dran");
	//-----------------------------------------------------------
	
	// Timeout fŸr Folgeaktion (Bewegung + 5ms)
	//-----------------------------------------------------------
	var teas_timen = teas_bewegung+5;
	jQuery(document).oneTime(teas_timen, function() {
		
		jQuery("#slider_doc").stop(); // Fix gegen sprŸnge
		
		// Mittleren Link(2) anpassen
		//-----------------------------------------------------------
		$p("link_teas_2").href=eval('link_teas_'+aktuellepos);
		$p("link_teas_2").style.backgroundImage="url("+eval('img_teas_'+aktuellepos)+")";
		//-----------------------------------------------------------
		
		// Wieder in Ausgangsstellung (link 2) springen
		//-----------------------------------------------------------
		
		jQuery("#slider_doc").css("margin-left", "-"+teaser_breite);
		//-----------------------------------------------------------
		
		// Timeout fŸr Folgeaktion (Bugfix)
		//-----------------------------------------------------------
		jQuery(document).oneTime(10, function() {
		//-----------------------------------------------------------
			
			// Nochmal in Ausgansstellung springen (Bugfix)
			//-----------------------------------------------------------
			jQuery("#slider_doc").css("margin-left", "-"+teaser_breite);
			//$p('slider_doc').style.marginLeft="-"+teaser_breite+"px";
			//-----------------------------------------------------------
			
			// Link 1 fŸr nŠchsten Slide vorbereiten
			//-----------------------------------------------------------
			if(aktuellepos == 1){
				$p("link_teas_1").href=eval('link_teas_'+teas_anzahl);
				$p("link_teas_1").style.backgroundImage="url("+eval('img_teas_'+teas_anzahl)+")";
			}else{
				$p("link_teas_1").href=eval('link_teas_'+vorher);
				$p("link_teas_1").style.backgroundImage="url("+eval('img_teas_'+vorher)+")";
			
			}
			//-----------------------------------------------------------
			
			// Link 3 fŸr nŠchsten Slide vorbereiten
			//-----------------------------------------------------------
			if(aktuellepos == teas_anzahl){
				$p("link_teas_3").href=eval('link_teas_'+1);
				$p("link_teas_3").style.backgroundImage="url("+eval('img_teas_'+1)+")";
			}else{
				$p("link_teas_3").href=eval('link_teas_'+nachher);
				$p("link_teas_3").style.backgroundImage="url("+eval('img_teas_'+nachher)+")";
			
			}
			//-----------------------------------------------------------
			
			// Pfeile wieder freigeben
			//-----------------------------------------------------------
			$p("teas_nachlinks").onclick=new Function("nachlinks();");
			$p("teas_nachrechts").onclick=new Function('nachrechts();');
			//-----------------------------------------------------------
		});
		//-----------------------------------------------------------
	});
	//-----------------------------------------------------------
}

//==========================================================================================================
//Ende Direktwahlbuttons