var slideShowInterval = 5000;

$().ready(Init);

var timeOut;
var selLI;

function Init()
{    
    var items = $("#thumbsWrapper li");
    selLI = $("#thumbsWrapper li.selected");
                
    items.hover(function(){
       $(this).addClass("hover");
    },function(){
       $(this).removeClass("hover");        
    });
    
    items.click(selItem);
       
    $("#thumbsWrapper #btnNext").click(function(event){        
        var next = selLI.next();
        if(next.length == 0)
        {
            next = selLI.parent().find("li:first");
        }
        next.click();
    }); 
    $("#thumbsWrapper #btnPrev").click(function(){        
        var prev = selLI.prev();
        if(prev.length == 0)
        {
            prev = selLI.parent().find("li:last");
        }
        prev.click();
    });   
        
    timeOut = setTimeout("moveNext();",slideShowInterval);
    
    $("#selItemContent").hover(function(){
        clearTimeout(timeOut);
    },function(){
        timeOut = setTimeout("moveNext();",slideShowInterval);
    });
    
    selLI.click();
}

function moveNext()
{    
    var next = selLI.next();
    if(next.length == 0)
    {
        next = selLI.parent().find("li:first");
    }
    next.click();
}

function selItem()
{   
    clearTimeout(timeOut);
    $("#thumbsWrapper li.selected").removeClass("selected");    
    selLI = $(this).addClass("selected");
    
    $("#selItemContent").fadeOut("normal",function(){
        var img = selLI.find("img");
        var imgSrc = img.attr("src");    
        var hrefLink = img.next().attr("href");
        $("#highlights-panel #selImg").attr({src: imgSrc, alt: img.attr("alt")});    
        $("#highlights-panel #selTitle a").text(img.attr("alt")).attr("href",hrefLink);
        $("#highlights-panel #selAnchor").attr("href",hrefLink);
        $("#highlights-panel #selContent").text(img.attr("longdesc"));
        
        $("#selItemContent").fadeIn("slow",function(){
            clearTimeout(timeOut);            
            timeOut = setTimeout("moveNext();",slideShowInterval);
        });         
    }); 
}