// JavaScript Document

05	 
06	$(document).ready(function(){
07	    /*
08	    *Beim starten alle DIV's ausblenden bis auf das mit gesetztem TAG "active"
09	    */
10	    $(".slider").children().hide();
11	    $(".active").show();
12	     
13	     
14	    /*
15	    * Funktion beim Anklicken auf den rechten Pfeil zum weiterschalten auf das
16	    * nächste DIV
17	    */
18	    $("#rightarrow").click(function(event){
19	         
20	        var $current = $(".active"); //Div das active geschaltet ist
21	        var $next = $current.next(); //folgendes div von active
22	        var $first = $(".slider :first-child");
23	        //console.log($first);  #debug
24	        //console.log($current); #debug
25	        //console.log($next.length); #debug
26	         
27	        /*
28	        *Wenn das Ende der Divs erreicht ist, wird das Sliden
29	        *beendet
30	        */
31	        if($next.length != 0){
32	            $current.removeClass("active");
33	            $next.addClass("active");
34	            $current.toggle("slide",{direction:"left"},"medium");
35	            $next.delay(500).toggle("slide",{direction:"right"},"medium"); 
36	        }
37	         
38	                     
39	    })//Ende rightarrow Funktion
40	     
41	     
42	    $("#leftarrow").click(function(event){
43	        var $current = $(".active"); //Div das active geschaltet ist
44	        var $prev = $current.prev(); //folgendes div von active
45	        var $last = $(".slider :last-child");
46	        //console.log($first);  #debug
47	        //console.log($current); #debug
48	        //console.log($next.length); #debug
49	         
50	        /*
51	        *Wenn das Ende der Divs erreicht ist funktioniert das
52	        *Sliden nicht mehr
53	        */
54	        if($prev.length != 0){
55	            $current.removeClass("active");
56	            $prev.addClass("active");
57	            $current.toggle("slide",{direction:"right"},"medium");
58	            $prev.delay(100).toggle("slide",{direction:"left"},"medium");
59	        }
60	         
61	    }) //Ende leftarrow Funktion
62	})//Ende document Funktion