var carousel;
                
// Get the image link from within its (parent) container.
function getImage(parent)
{
    var el = parent.firstChild;
            
    while (el)
    { // walk through till as long as there's an element
        if (el.nodeName.toUpperCase() == "IMG")
        { // found an image
            // flickr uses "_s" suffix for small, and "_m" for big
            // images respectively
            return el.src.replace(/_s\.jpg$/, "_m.jpg");
        }
        
        el = el.nextSibling;
    }
    
    return "";
}
        
YAHOO.util.Event.onDOMReady(function (ev)
{
    var el, item,
        spotlight   = YAHOO.util.Dom.get("spotlight"),
        carousel    = new YAHOO.widget.Carousel("container");
        
//	carousel.addItem('<img src="img/IMG_0001.jpg" alt="Screenshot 1" />');
	carousel.addItem('<img src="img/IMG_0002.jpg" alt="Screenshot 2" />');
	carousel.addItem('<img src="img/IMG_0003.jpg" alt="Screenshot 3" />');
	carousel.addItem('<img src="img/IMG_0004.jpg" alt="Screenshot 4" />');
	carousel.addItem('<img src="img/IMG_0005.jpg" alt="Screenshot 5" />');

	carousel.set("numVisible", 1);

    carousel.render(); // get ready for rendering the widget
    carousel.show();   // display the widget
            
    // display the first selected item in the spotlight
    item = carousel.getElementForItem(carousel.get("selectedItem"));
    if (item)
    {
        spotlight.innerHTML = "<img src=\"" + getImage(item) + "\">";
    }
               
    carousel.on("itemSelected", function (index)
    {
        // item has the reference to the Carousel's item
        item = carousel.getElementForItem(index);

        if (item)
        {
            spotlight.innerHTML = "<img src=\""+getImage(item)+"\">";
        }
    });
});