//==========================================================================================================
// 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;">&nbsp;</a>';
			}else{
				die_buttons +='<a href="#" id="direkt_'+der_iss_dran+'" onclick="direktwahl('+der_iss_dran+'); return false;">&nbsp;</a>';
			}
			der_iss_dran--;
		}
		die_buttons +='<div style="clear: both;"></div>';
		$p("teas_direktwahl").innerHTML=die_buttons;
		//-------------------------------------------------------
		
	//-----------------------------------------------------------
	// Ende Konfiguration Ÿbernehmen
	
		var direkt_1 = jQuery("#direkt_1").outerHeight();
		
		jQuery("#platzhalter").height(teaser_hoehe +direkt_1);
		
	// 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(){
	jQuery.easing.def = "easeInOutBack";
	// Pfeile sperren
	//-----------------------------------------------------------
	$p("teas_nachlinks").onclick=new Function("return false;");
	$p("teas_nachrechts").onclick=new Function('return false;');		
	//-----------------------------------------------------------
	
	// Vars sammeln
	//-----------------------------------------------------------
	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");
	//-----------------------------------------------------------
	
	// 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 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();');
			//-----------------------------------------------------------
			jQuery.easing.def = "easeInSine";
		});
		//-----------------------------------------------------------
	});
	//-----------------------------------------------------------
}
//==========================================================================================================
// Ende Pfeil nach rechts Funktion


//Pfeil nach links Funktion
//==========================================================================================================
function nachlinks(){
	jQuery.easing.def = "easeInOutBack";
	
	// 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");
	//-----------------------------------------------------------
	
		
	// 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 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)+")";
	         }
	//-----------------------------------------------------------

			
			
			// 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();');
			//-----------------------------------------------------------
jQuery.easing.def = "easeInSine";
		});
		//-----------------------------------------------------------
	});
	//-----------------------------------------------------------
}
//==========================================================================================================
//Ende Pfeil nach links Funktion


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

function vorzuruck_2(){
	jQuery("#teas_nachlinks, #teas_nachrechts").animate({opacity: 'toggle'}, 400);
	
	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
//==========================================================================================================
var direktwahl_frei = "ja";

function direktwahl(auswahl){
	if(direktwahl_frei != "nein"){
		direktwahl_frei = "nein";
		jQuery.easing.def = "easeInOutBack";
		// 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();');
				//-----------------------------------------------------------
				
				// Direktwahl wieder freigeben
				//-----------------------------------------------------------
				direktwahl_frei = "ja"; 
				//-----------------------------------------------------------
jQuery.easing.def = "easeInSine";
			});
			//-----------------------------------------------------------
		});
		//-----------------------------------------------------------
	}
}

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