/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


var slideShow;

jQuery.fn.slideShow = function(options) {
    var s = new SlideShow(jQuery(this), options);
    slideShow = s;
    s.init();
}

var SlideShow = function(container, opt) {
    
    var c = container;
    var options = jQuery.extend({
        speed : 1000,
        delay : 6000
    }, opt);

    this.init = function() {
    
        if (c.find("li").length <= 1) return;
    
        // hide all images
        c.find("li").css({
            opacity:0.0
        });
        // show first image
        c.find("li:first").css({
            opacity:1.0
        }).addClass('show');
        //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
        setInterval(function() {
            if (slideShow) slideShow.gallery();
        }, options.delay);
    }

    this.gallery = function() {

        //if no lis have the show class, grab the first image
        var current = (c.find('li.show')?  jQuery('li.show', c) : jQuery('li:first', c));

        //Get next image, if it reached the end of the slideshow, rotate it back to the first image
        var next = ((current.next().length) ? current.next() : jQuery('li:first', c));

        //Get next image caption
//        var caption = next.find('img').attr('rel');

        //Set the fade in effect for the next image, show class has higher z-index
        next.css({
            opacity: 0.0
        })
        .addClass('show')
        .animate({
            opacity: 1.0
        }, options.speed);

        //Hide the current image
        current.animate({
            opacity: 0.0
        }, options.speed)
        .removeClass('show');

//        //Set the opacity to 0 and height to 1px
//        $('#gallery .caption').animate({
//            opacity: 0.0
//        }, {
//            queue:false,
//            duration:0
//        }).animate({
//            height: '1px'
//        }, {
//            queue:true,
//            duration:300
//        });
//
//        //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
//        $('#gallery .caption').animate({
//            opacity: 0.7
//        },100 ).animate({
//            height: '100px'
//        },500 );
//
//        //Display the content
//        $('#gallery .content').html(caption);  

    }
}