/*
    jqDrum 1.00 (c) 2009 leemon
    ---------------------------
    
    * html:
    
        <div id="my_id" class="drum>
            <a href="..."><img src="..."></a>
            ....
        </div>
    
    
    * init script:
    
        $("#my_id").jqDrum({delay: 3000});
    
    
    * css:
    
    div.drum {
        position:relative;
        height:350px;
        display:none;
    }

    div.drum a {
        display: block;
        position:absolute;
        top:0;
        left:0;
        z-index:8;
    }

    div.drum a.active {
        z-index:10;
    }

    div.drum a.last-active {
        z-index:9;
    }
    
    
    * enjoy! .)
*/

(function($)
{
    $.fn.jqDrum = function(options)
    {
        var opt = $.extend({}, $.fn.jqDrum.defaults, options);
        
        return this.each(function()
        {
            $this = $(this);
            setInterval("$.fn.jqDrum.rotate($this)", opt.interval);
            $("A:first", $this).css({display:"block"});
            $this.show();
        });
    };
    
    $.fn.jqDrum.rotate = function($drum)
    {
        var $active = $("A.drum-active", $drum);
        
        if ($active.length == 0) $active = $("A:first", $drum);

        var $next = $active.next().length ? $active.next() : $("A:first", $drum);

        $active.addClass("last-drum-active");

        $next.css({display:"block", opacity: 0.0})
            .addClass("drum-active")
            .animate({opacity: 1.0}, 500, function() {
                $active.removeClass('drum-active last-drum-active');
            });
    };
    
    $.fn.jqDrum.defaults = 
    {
        interval: 2000
    };
})(jQuery);