﻿
/*** 
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/
$.fn.slideshow = function (options) {
    var defaults = {
        transition: 1300,
        pause: 5000
    };
    var opts = $.extend({}, defaults, options);
    return this.each(function () {
        var $this = $(this);
        setInterval(function () { slideSwitch($this, $this.find('img.active'), opts); }, opts.pause);
    });

    function slideSwitch($ss, $active, opts) {
        if ($active.length == 0) $active = $ss.find('img:last');

        // use this to pull the images in the order they appear in the markup
        var $next = $active.next().length ? $active.next() : $ss.find('img:first');

        $active.addClass('last-active');

        $next.css({ opacity: 0.0 }).addClass('active')
            .animate({ opacity: 1.0 }, opts.transition, function () { $active.removeClass('active last-active'); });
        
    }
}
