var showcase = {
    numSlides: 3,
    currentIndex: 0,
    nextLink: null,
    previousLink: null,
    classNames: [],
    imagePath: 'images/slides/',
    init: function()
    {
        showcase.previousLink = $('#previous a');
        showcase.nextLink     = $('#next a');
        showcase.classNames = ['#slides li.first', '#slides li.middle', '#slides li.last'];
        showcase.currentIndex = 2;
        showcase.setHandlers();
    },
    setHandlers: function()
    {
        $(showcase.previousLink).click(function()
        {
            showcase.previous();
            return false;
        });
        $(showcase.nextLink).click(function()
        {
            showcase.next();
            return false;
        });
    },
    previous: function()
    {
        for(var i=showcase.numSlides-1; i >= 0; i--)
        {              
            showcase.currentIndex = (showcase.currentIndex <= 0)? ((slides.length-1) + showcase.currentIndex)  : showcase.currentIndex -1; 
            showcase.setWebsite(showcase.classNames[i], showcase.currentIndex);           
        }
    },
    next: function()
    {
        for(var i=0; i < showcase.numSlides; i++)
        {            
            showcase.currentIndex = (showcase.currentIndex < (slides.length-1))? showcase.currentIndex +1 : 0;
            showcase.setWebsite(showcase.classNames[i], showcase.currentIndex);
        }
    },
    setWebsite: function(elementId, index)
    {
        //alert(index);
        $(elementId + ' img').hide();
        $(elementId + ' h3').html(slides[index].title);
        $(elementId + ' p').html(slides[index].desc);
        $(elementId + ' img').attr('src', showcase.imagePath + slides[index].image);
        $(elementId + ' img').fadeIn('slow');
        //showcase.debug();
    },
    debug: function(state)
    {
        
        var debugHtml = $('#debugHtml');
        if(state === false)
        {
            $('#debug').css('display', 'none');
        }
        else
        {
            debugHtml.html('<p>currentIndex:' + showcase.currentIndex + '</p>' + 
            '<p>Number of Slides:' + slides.length + '</p>');
        }
    }
}




$(document).ready(function()
{
    showcase.init();
    showcase.debug(false);
});