/**
 * 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;
         
  jQuery(this).wait(waitBeforeFadeIn, function() {
    // Calling the effect
    fadeTheImage();
  });    
 });
 
 
 function fadeTheImage() {
  var fadeInTime = 1500;
  var fadeInTimeOut = 5000;
  var fadeInEffect = 'fade';
  var fadeInSpeed = 1500;
   
  // FadeIn because the imagewraps are visibility: hidden    
  jQuery('#imagetop .csc-textpic-imagewrap, #imagebottom .csc-textpic-imagewrap, #content_image .csc-textpic-imagewrap').fadeIn(fadeInTime, function() {
    //After FadeIn, starting the slideshow       
    jQuery('#imagetop .csc-textpic-imagewrap, #imagebottom .csc-textpic-imagewrap, #content_image .csc-textpic-imagewrap').cycle({fx: fadeInEffect, timeout: fadeInTimeOut, speed: fadeInSpeed});
  });  
 }