// Dynamic Slideshow

jQuery.fn.dynamicSlideshow = function(attr) {
  attr = attr || {};
  attr.duration = attr.duration || 3000;
  function initSlider(container, img) {
    var curr = 1;
    setInterval( function(){
      if (curr == img.length) {
        curr = 0;
      }
      var i = new Image();
      $(i).load(function(){
        $(container).append(this);
        $(container).find('img:first').css({'z-index': 1});
        $(this).css({opacity: 0.0, 'z-index': 2}).animate({opacity: 1.0}, 1000, function() {
            $(container).find('img:first').remove();
          })
      }).attr('src', img[curr++]).css({position:'absolute',top:0,left:0,'z-index':8});
    }, attr.duration );
  };

  $(this).each(function(){
    var img = [];
    $(this).find("a").each(function(){
      img.push($(this).attr("href"));   
    });
    var j = new Image();
    var container = this;
    $(this).empty();
    $(j).attr('src', img[0]).css({position:'absolute',top:0,left:0,'z-index':0}).load(function(){
      $(container).append(this);
      initSlider(container, img);
    });
  });
}