// JavaScript Document
/**
 * You must create the carousel after the page is loaded since it is
 * dependent on an HTML element (in this case 'dhtml-carousel'.) See the
 * HTML code below.
 **/

var carousel; // for ease of debugging; globals generally not a good idea
var pageLoad = function() 
{
    carousel = new YAHOO.extension.Carousel("dhtml-carousel", 
        {
            numVisible:        4,
            animationSpeed:    0.25,
            scrollInc:         3,
            navMargin:         30,
            revealAmount:      20,
            size:              39,
            wrap:              true,
            prevElement:       "prev-arrow",
            nextElement:       "next-arrow",
            loadInitHandler:   loadInitialItems,
            loadNextHandler:   loadNextItems,
            loadPrevHandler:   loadPrevItems,
            prevButtonStateHandler:   handlePrevButtonState
        }
    );
};

YAHOO.util.Event.addListener(window, 'load', pageLoad);