/***********
          *
          * Code written by Raphael Rupprecht 2009
          * Raphael.Rupprecht@gmail.com
          *
          * Using JQuery
          ************/

          var imgChangeTime = 10000;   // sollte >= 3000 sein
          var fadeInOutTime = 2000;
          var div1Visible = true;
          var div2Visible = true;
          var img1 = "img/slider_images/1.png";
          var img2 = "img/slider_images/2.png";
          var img3 = "img/slider_images/3.png";
		  var img4 = "img/slider_images/4.png";
		  var img5 = "img/slider_images/5.png";
          var img6 = "img/slider_images/6.png";
		  var img7 = "img/slider_images/7.png";		  
          var imgArray = [img1, img2, img3, img4, img5, img6, img7];
          var i = 1; // da die ersten beiden images schon gesetzt sind (also array[0] und array[1]

          function slider_init(){
              var div1 = document.getElementById("slider_div1");
              var div2 = document.getElementById("slider_div2");
              div1.style.backgroundImage = "url("+img1+")";
              div2.style.backgroundImage = "url("+img2+")";

              setInterval("div1Handler()", imgChangeTime); // endlosschleife, die alle imgChangeTime ms den div1Hanler() aufruft
          }
          function div1Handler(){
              if(div1Visible == true){
                    div1Visible = false;
                    if(i==imgArray.length-1){
                        i = 0;
                    }else{
                        i++;
                    }
                    $("div#slider_div1").fadeOut(fadeInOutTime);
					
					/*, function(){
						$("div.bannerText2").show("fast");//css("display","block");
					});*/
		
                    setTimeout("setBgImage('slider_div1')", (fadeInOutTime+500));     // man kann hier nicht einfach mit "+img4+" übergeben!			
              }
              else{
                    div1Visible = true;
                    if(i==imgArray.length-1){
                        i = 0;
                    }else{
                        i++;
                    }
					//$("div.bannerText2").css("display","none");
                    
					$("div#slider_div1").fadeIn(fadeInOutTime);
					
                    setTimeout("setBgImage('slider_div2')", (fadeInOutTime+500));     // man kann hier nicht einfach mit "+img4+" übergeben!										
              }
          }
          function setBgImage(div){
              var imgURL = imgArray[i];
              document.getElementById(div).style.backgroundImage = "url("+imgURL+")";
          }