/**
 * Image Fader
 * 
 * This Javascript file starts the slideshow with a fade
 * effect for every imagewrap element (one or more images)
 * in a given container.    
 *  
 * @author Nicolas Sell
 * @date 10-12-2009
 *     
 */   
  
 // When the document is ready and loaded
 jQuery(document).ready(function() {  
  // Wait before effect starts
  var waitBeforeFadeIn = 1000;
  
  if(location.href!="http://www.gildezipit.de/index.php?id=14") {
    if(jQuery('html').hasClass('ie6')) {
      // Umleiten weil alter Browser
      location.href = "http://www.gildezipit.de/index.php?id=14";
    }
  }    
  
  jQuery(this).wait(waitBeforeFadeIn, function() {
    // Calling the effect
    fadeTheImage();
  });    
  
  // Verschieben des Hauptfensters um 6px nach rechts im IE6
  jQuery('.ie6 #content_bottom').css('left', '6px');
    
});

  function fadeTheImage() {
  var fadeInTime = 1500;
  var fadeInTimeOut = 5000;
  var fadeInEffect = 'fade';
  var fadeInSpeed = 1500;
  var random = 'random';
   
  // FadeIn because the imagewraps are visibility: hidden    
  jQuery('#column_left .csc-textpic-imagewrap').fadeIn(fadeInTime, function() {
    //After FadeIn, starting the slideshow       
    jQuery('#column_left .csc-textpic-imagewrap').cycle({fx: fadeInEffect, timeout: fadeInTimeOut, speed: fadeInSpeed });
  });  
 }
