/**
 * this class uses jQuery
 *
 * fades through all child elements
 *
 * $Id: show.js,v 1.3 2009/05/28 22:10:25 gschwart Exp $
 */
function Show (els, options)
{
    var self = this;
    
    // initialize counters
    self.show_index = 0;
    self.box_index  = 0;
    
    // separate Show boxes into objects
    self.boxes = new Array();
    $(els).each(function (i, box_el) {
        self.boxes.push(new Box(self, box_el));
    });
    
    // handle options
    self.options = options || {};
    var default_options = {
        animation_length       : 1000,
        animation_pause_length : 1000
    };
    for( var opt in default_options )
    {
        if( typeof(self.options[opt]) == "undefined" )
        {
            self.options[opt] = default_options[opt];
        }
    }
    
    self.get_next_show_element = function ()
    {
        var result = self.show_elements[self.show_index];
        
        self.show_index++;
        if( self.show_index == self.show_elements.length )
        {
            self.show_index = 0;
        }
        
        return result;
    }
    
    self.get_next_box = function ()
    {
        var result = self.boxes[self.box_index];
        
        self.box_index++;
        if( self.box_index == self.boxes.length )
        {
            self.box_index = 0;
        }
        
        return result;
    }
    
    /**
     * find a box, and fade out whatever is there while fading in the next show_element
     */
    self.show = function ()
    {
        var box = self.get_next_box();
        
        box.show(
            self.get_next_show_element(),
            function () {
                setTimeout(
                    function() {
                        self.show();
                    },
                    self.options.animation_pause_length
                );
            }
        )
    }
    
    $(document).ready(function() {
        // use the first show_element in the first box for width/height
        self.item_height = $(self.boxes[0].el).children().eq(0).outerHeight(true);
        self.item_width  = $(self.boxes[0].el).children().eq(0).outerWidth(true);
        
        // extract all show_elements from all Shows
        // set some css options for Shows and show_elements
        // remove all show_elements from the DOM
        self.show_elements = new Array();
        $(self.boxes).each(function () {
            $(this.el).children().each(function(i, show_element) {
                $(show_element).css({
                    position : 'absolute',
                    opacity  : 0
                });
                
                self.show_elements.push(show_element);
                $(show_element).remove();
            });
            
            $(this.el).css({
                'position' : 'relative',
                'overflow' : 'hidden',
                'width'    : self.item_width,
                'height'   : self.item_height
            });
        });
        
        // initialize each Show with a show_element
        $(self.boxes).each(function (i, box) {
            box.show_without_animation(self.get_next_show_element());
        });
        
        // start Show
        setTimeout(
            function() {
                self.show();
            },
            self.options.animation_pause_length
        );
    });
}

/**
 * Show - the Show that this Box is a part of
 * el   - the DOM element which this Box represents
 */
function Box (Show, el)
{
    var self = this;
    
    self.parent = Show;
    self.el     = el;
    
    self.showing = null;
    self.fading  = null;
    
    self.show = function (el, callback)
    {
        if( self.showing )
        {
            self.fading = self.showing;
            
            $(self.fading).animate(
                {opacity: 0},
                self.parent.options.animation_length,
                'linear',
                function ()
                {
                    $(self.fading).remove();
                }
            );
        }
        
        self.showing = el;
        $(self.el).append(self.showing);
        
        $(self.showing).animate(
            {opacity: 1},
            self.parent.options.animation_length,
            'linear',
            callback
        );
    }
    
    self.show_without_animation = function (el)
    {
        if( self.showing )
        {
            self.fading = self.showing;
            $(self.fading).css({ opacity : 0 });
            $(self.fading).remove();
        }
        
        self.showing = el;
        $(self.el).append(self.showing);
        $(self.showing).css({ opacity : 1 });
    }
}


/*
 * $Log: show.js,v $
 * Revision 1.3  2009/05/28 22:10:25  gschwart
 *
 * Revision 1.2  2009/05/28 22:08:59  gschwart
 * added log stuff
 *
 */