(function($){
  $.fn.carrousel = function(speed, delay){
  
    var element = this;
    speed = (speed) ? speed : 500;
    delay = (delay) ? delay : 1000;
    
    //set all on top
    $("img", element).css("position", "absolute")
    
    //first, hde all images
    $("img", element).hide();
    
    //set first element to show
    var current_element = 0;
    
    function show_current()
    {
      //fade out all images
      $("img", element).fadeOut(speed);
      
      //fade in current img
      $($("img", element)[current_element]).fadeIn(speed);
      
      if(current_element == ($("img", element).length-1))
      {
        current_element = 0
      }
      else
      {
        current_element++
      }
      
      setTimeout(show_current, delay+speed)
      
    }
    show_current();
  
  };
})(jQuery);

