$(document).ready(function(){

  fadeImages = new Array(
    "/img/homeFade3.jpg",
    "/img/homeFade4.jpg",
    "/img/homeFade5.jpg",
    "/img/homeFade6.jpg",
    "/img/homeFade7.jpg",
    "/img/homeFade8.jpg",
    "/img/homeFade1.jpg",
    "/img/homeFade2.jpg"
  );

  fadeImagesColors = new Array(
    "#ddd7d6",
    "#f7f7f7",
    "#96898a",
    "#f7f7f7"
  );
  
  menuColor = new Array(
    "#999999",
    "#999999",
    "#999999",    
    "#999999",
    "#999999",    
    "#999999",
    "#999999",
    "#999999",
    "#999999",
    "#999999"
  );


  var imageName = new Array();

  for(j=0;j<fadeImages.length;j++){
    imageName[j] = new Image();
    imageName[j].src = fadeImages[j];
  }

  i=0;
  
//#######==== schalter für animation AN/AUS |15.07.2011| ===#####
pause = false;

 //$('#video').click(function(){
    //$('#bg-fade').stop();
    //clearTimeout(timeout);  
    //pause = true;
    
    //$('video,audio').mediaelementplayer();
    
    //$(document).bind('cbox_open', function(){
      //mediaelementplayer();
    //});
    
  //});
        
  $(document).bind('cbox_closed', function(){
    pause = false;
    timeout = setTimeout(fade, 5000);
    
  });


  function fade(){

    if(!pause){

    $('#bg-fade').css({opacity: 1}).animate({opacity: 0}, 2000, 'swing', function(){
      clearTimeout(timeout);
      
      newColor = $(this).parent().css("backgroundColor");
      newMenuColor = $('ul#navlist li a').css('color');
      
//#### abfrage ob backgroundsize nicht geht -> <img> |14.06.2011|
      if(!Modernizr.backgroundsize){
        newImageIE = $(this).prev().attr("src");
        $(this).children().attr("src", newImageIE);
      }
      else{
        
        newImage = $(this).parent().css("backgroundImage");
        $(this).css("backgroundImage", newImage);
      }
      
      
      $(this).css("backgroundColor", newColor);
      
      
      $('ul#navlist li a').css('color',newMenuColor);
      $('ul#navlist li a.active').css('color','#d21034');
    
      $(this).css({opacity: 1});


      if(fadeImages[i] == undefined){
        i = 0;
        fadeImages[0];

      }


//#### abfrage ob backgroundsize nicht geht -> <img> |14.06.2011|
      if(!Modernizr.backgroundsize){
        $(this).prev().attr("src",fadeImages[i]);
      
      }else{
      
        $(this).parent().css("backgroundImage", "url('"+fadeImages[i]+"')");
      }
      
      $('ul#navlist li a').css('color',menuColor[i]);
      $('ul#navlist li a.active').css('color','#d21034');
      
      $(this).parent().css("backgroundColor", fadeImagesColors[i]);
      
      i++;

      timeout = setTimeout(fade, 7000);
    });
    }else{console.log('Fade AUS!');}
  }

  timeout = setTimeout(fade, 5000);

});