/* 
 This code is licenced under LGPL v3 
  
 Author : Alexandre Stanislawski 
 */ 
  
 /** 
 fadeImages 
  
 Simple jQuery plugin that can transform a div containing images into a slideshow with a fade as a transition. 
  
 In :  
 - params : object containing the attributes :   
         - timeout : time before next transition 
         - fadeDuration : transition duration 
 */ 
 jQuery.fn.fadeImages = function(params){ 
         var config = {timeout:4000, fadeDuration:500}; 
     if (params) jQuery.extend(config, params); 
  
         this.each( 
                 function(){ 
                         jQthis = jQuery(this); 
                         jQthis.css({position:"relative", overflow:"hidden"}); 
                         var imgSet = jQthis.find("img"); 
                         imgSet.css({opacity:0, position:"absolute", top:0, left:0}); 
                         imgSet.first().css({opacity:1}); 
                         var current = 1; 
                         var total = imgSet.size(); 
          
                         setTimeout( 
                                 (function fade(){ 
                                         var nextIter = current+1; 
                                         if(nextIter>total){ 
                                                 nextIter=1; 
                                         } 
                  
                                         jQthis.find("img:nth-child("+current+")").animate({opacity:0},params.fadeDuration); 
                                         current = nextIter; 
                                         jQthis.find("img:nth-child("+nextIter+")").animate({opacity:1},params.fadeDuration, function(){  
                                                 setTimeout(fade,params.timeout); 
                                         }); 
                                 }), 
                                 params.timeout); 
         }); 
         return this; 
 };