//Preload background images
pic1= new Image(615,291);
pic1.src="http://www.at-fachverlag.de/fileadmin/images/slider_pic_eli.jpg";

pic2= new Image(615,291);
pic2.src="http://www.at-fachverlag.de/fileadmin/images/slider_pic_pho.jpg";

pic3= new Image(615,291);
pic3.src="http://www.at-fachverlag.de/fileadmin/images/slider_pic_phobio.jpg";

pic4= new Image(615,291);
pic4.src="http://www.at-fachverlag.de/fileadmin/images/slider_pic_si.jpg";

pic5= new Image(615,291);
pic5.src="http://www.at-fachverlag.de/fileadmin/images/slider_pic_ht.jpg";


//Timer für Slider
var i = 2;
var active = 0;
var aktiv = window.setInterval("autom_slide()", 5000);


//Autom. Wechsel der Slides nach 5 Sekunden
function autom_slide(){

  if (active==0)
    {turn(i);}
  else
    {window.clearInterval(aktiv); aktiv=null;}
  
  i=i+1;  
  
  if (i > 5){
    i=1;
  }
}


//Slide überblenden
function turn(id){
  
    
    //vorherigen Slide ausblenden, neuen einblenden
    if( jQuery('#slide1').is(':visible') ) {
    
      var fadein=function fadein(){jQuery('#slide'+id).fadeIn(200);}
      
      jQuery('#slide1').fadeOut(200, fadein);  
    }
    
    if( jQuery('#slide2').is(':visible') ) {
    
      var fadein=function fadein(){jQuery('#slide'+id).fadeIn(200);}
      
      jQuery('#slide2').fadeOut(200, fadein);  
    }
    
    if( jQuery('#slide3').is(':visible') ) {
    
      var fadein=function fadein(){jQuery('#slide'+id).fadeIn(200);}
      
      jQuery('#slide3').fadeOut(200, fadein);  
    }
    
    if( jQuery('#slide4').is(':visible') ) {
    
      var fadein=function fadein(){jQuery('#slide'+id).fadeIn(200);}
      
      jQuery('#slide4').fadeOut(200, fadein);  
    }
    
    if( jQuery('#slide5').is(':visible') ) {
    
      var fadein=function fadein(){jQuery('#slide'+id).fadeIn(200);}
      
      jQuery('#slide5').fadeOut(200, fadein);  
    }
    //*******************************************

    
    //Hintergund der Buttons auf Ausgang
    jQuery('#slide_b1').css('background','#cccccc');
    jQuery('#slide_b2').css('background','#cccccc');
    jQuery('#slide_b3').css('background','#cccccc');
    jQuery('#slide_b4').css('background','#cccccc');
    jQuery('#slide_b5').css('background','#cccccc');
    
    //Akt. Button highlighten
    jQuery('#slide_b'+id).css('background','#aaaaaa');
    
    
}





  //Bei Start -> Button 1 gehighlighted
  jQuery('#slide_b1').css('background','#aaaaaa');
  
  
   //Autom. Wechsel der Slides deaktivieren
  function stop_man_turn (id){
  
    if (id==5){i=1;} else {i=id+1;}
    active = 0;
    window.clearInterval(aktiv); aktiv=null;
    //var aktiv = window.setInterval("autom_slide()", 5000);
  
  }


  //Hover �ber die Buttons
  var config1 = {    
     over: function() {active = 1;turn(1);}, // function = onMouseOver callback (REQUIRED)    
     timeout: 500, // number = milliseconds delay before onMouseOut    
     out: function() {stop_man_turn(1);} // function = onMouseOut callback (REQUIRED)    
  };
  
  var config2 = {    
     over: function() {active = 1;turn(2);}, // function = onMouseOver callback (REQUIRED)    
     timeout: 500, // number = milliseconds delay before onMouseOut    
     out: function() {stop_man_turn(2);}  // function = onMouseOut callback (REQUIRED)    
  };
  
  var config3 = {    
     over: function() {active = 1;turn(3);}, // function = onMouseOver callback (REQUIRED)    
     timeout: 500, // number = milliseconds delay before onMouseOut    
     out: function() {stop_man_turn(3);}  // function = onMouseOut callback (REQUIRED)    
  };
  
  var config4 = {    
     over: function() {active = 1;turn(4);}, // function = onMouseOver callback (REQUIRED)    
     timeout: 500, // number = milliseconds delay before onMouseOut    
     out: function() {stop_man_turn(4);}  // function = onMouseOut callback (REQUIRED)    
  };
  
  var config5 = {    
     over: function() {active = 1;turn(5);}, // function = onMouseOver callback (REQUIRED)    
     timeout: 500, // number = milliseconds delay before onMouseOut    
     out: function() {stop_man_turn(5);}  // function = onMouseOut callback (REQUIRED)    
  };

  jQuery("#slide_b1").hoverIntent( config1 );
  jQuery("#slide_b2").hoverIntent( config2 );
  jQuery("#slide_b3").hoverIntent( config3 );
  jQuery("#slide_b4").hoverIntent( config4 );
  jQuery("#slide_b5").hoverIntent( config5 );
  //******************************************************************************************