/* ***********************************************
*** Konflikte mit anderen Frameworks vermeiden ***
*********************************************** */
var wb = jQuery.noConflict();

/* **************
*** Verpacken ***
************** */
;(function(wb){
	
	/* *********************************
	*** Funktion fuer die Navigation ***
	********************************* */
	wb.fn.wechselbilder = function()
	{
		/* *****************************************
		*** Pruefen ob ein Element vorhanden ist ***
		***************************************** */
		if (!wb('.wechselbild').length){ // Ist ein Element vorhanden
			return; // Wenn nicht, beenden
		}
		
		/* **************
		*** Variablen ***
		************** */
		var speed = 5000;
		var fadespeed = 2000;
		
		/* ***************
		*** Funktionen ***
		*************** */
		rotate = function(element)
		{
			// Either the next /first <li>.
			var $next_li = wb(element).next('li').length ? wb(element).next('li') : wb('#teaserbild_startseite li:first');
	
			// Continue.
			function doIt() {
				rotate($next_li);
			}
	
			// Fade out <li>.
			wb(element).fadeOut(fadespeed);
	
			// Show next <li>.
			wb($next_li).fadeIn(fadespeed, function()
			{
				// Slight delay.
				setTimeout(doIt, speed);
			});
		}
		
		rotate('#teaserbild_startseite li:visible:first');
	}
	
	/* **************
	*** Los gehts ***
	************** */
	wb(document).ready(function(){
		/* *** Initialisieren *** */
		wb.fn.wechselbilder();
	});
	
})(jQuery);