// JavaScript Document

(function($){
		
		$.fn.slider = function(option)
		{
			
			$this = $(this);
		// Variablen
			option = {
				auto:true,
				speed:5000
			}
		
		opt = $.extend($.fn.slider.option,option);
		
		// objects
		obj = {
				
				slider_body: $this.find(".slider_body"),
				infobox: $this.find(".slider_infoBox"),
				infobox_elemnts : $this.find(".slider_infoBox").find("h3,span,a"),
				navi_elements:	$this.find("#slide_navigation ").find("li")
			}	
		
	
		// Css Einstellungen
		obj.infobox.css("opacity",0.6)
		obj.slider_body.hide();
		
		obj.navi_elements.css("opacity",0.6)
		
		
		
		
	
		//
		
		
		/* ----------------------------------------------------------------------------------------
		*	loop
		*
		*	leitet eine Schleife ein.
		*/
		function loop()
		{
		
			if(!opt.auto){ return;}	// wenn auto deaktiviert ist, dann keine automatische Animation
			
			// wenn nicht
			blend()
			setTimeout(loop, opt.speed );

		} // loop Ende
		
		/* ----------------------------------------------------------------------------------------
		*	name: blend
		*	type: function
		*	führt die Slideeffekte durch
		*/
		function blend()
		{
			
			var current = obj.slider_body.filter(".current");
				current.find(".slider_infoBox").slideUp("slow"); // infobox Slideup
			    obj.navi_elements.filter(".current").removeClass("current");
			    current.fadeOut("slow")
						.removeClass("current");
						
			current = (current.next(".slider_body").length) ?
			current.next() : obj.slider_body.first();
			obj.navi_elements.filter('[rel="'+ current.attr("id")+'"]').addClass("current")
			current.fadeIn("slow").addClass("current");
			
			current.find(".slider_infoBox").delay(1000).slideDown("slow")
			
		}
		// Starten der Animation
		
		/* ----------------------------------------------------------------------------------------
		*	name: 
		*	type: click
		*	Navigation der Slider
		*/
		
		obj.navi_elements.not(".current").click(function()
		{
			obj.navi_elements.removeClass("current");
			
			opt.auto=false; // Animation stoppen
			
			var current= obj.slider_body.filter(".current")
							current.find(".slider_infoBox").slideUp("slow"); // infobox Slideup
			   				current.fadeOut("slow")
								.removeClass("current");
						
			current = obj.slider_body.filter('[id="'+$(this).attr("rel")+'"]')
										.fadeIn("slow").addClass("current")
									.find(".slider_infoBox").slideDown("slow"); // verstecken der infoBox
					
			$(this).addClass("current")
			
		
		})
	
		
		
		obj.slider_body.first().fadeIn("slow",function(){
			obj.navi_elements.filter('[rel="'+$(this).attr("id")+'"]').addClass("current");
			$(this).find(".slider_infoBox").slideDown("slow")
			setTimeout(loop, opt.speed );
		}).addClass("current");
 		} // fn.slider ENDE
	
	

})(jQuery)