/// <reference path="jquery-1.3.1.min.js"/>

$(document).ready(function() {

    $('.slideshow-link:first').children("img").addClass("selected")

    $(".slideshow-link").live("click", function() {
        var selectedSlideId = $(this).attr("id");

        swapImage(selectedSlideId);

        // cancel the timer
        $(document).stopTime("timer");

        $(".slideshow-link img").removeClass("selected");
        $(this).children("img").addClass("selected");

        return false;
    });

    function swapImage(selectedSlideId) {
        $("#feature-swap").fadeOut("slow", function() {
            var newSlide = $(selectedSlideId).html();
            $("#feature-swap").html(newSlide);
            $("#feature-swap").fadeIn("slow");
        });
    }

    $("#feature-thumbs li img").live("mouseover", function() {
        $(this).addClass("hover");
    });

    $("#feature-thumbs li img").live("mouseout", function() {
        $(this).removeClass("hover");
    });

    $(document).everyTime("5s", "timer", function() {
        var linkList = $("#feature-thumbs li a");

        var selectedLink;
        var found = false;

        linkList.each(function() {
            if (found) {
                selectedLink = $(this);
                return false;
            }
            if ($(this).children("img").hasClass("selected")) {
                found = true;
            }
        });

        if (selectedLink == null) {
            selectedLink = linkList[0];
        }

        var selectedSlideId = $(selectedLink).attr("id")

        swapImage(selectedSlideId);

        $(".slideshow-link img").removeClass("selected");
        $(selectedLink).children("img").addClass("selected");
    });

})