/// <reference path="jquery-1.4.1-vsdoc.js" />

var currentTab = null;
var currentSlide = null;
var index = 0;

$(document).ready(function() {
    $(".carouselTab").click(function() {
        //var carouselTabImageSrc = $(this).children().children("img").attr("src").replace("65", "423").replace("50", "299");
        //$("#slideArea").children().attr("src", carouselTabImageSrc);
        if (currentSlide != null)
            currentSlide.fadeOut(2000);
        index = parseInt($(this).attr("index"));
        currentSlide = $("#imgSlide" + index);
        currentSlide.fadeIn(2000);
        if (currentTab != null) {
            currentTab.attr("selected", "false");
            currentTab.css("background-color", "#0090c2");
            currentTab.css("color", "white");
        }
        currentTab = $(this);
        $(this).attr("selected", "true");
        currentTab.css("background-color", "white");
        currentTab.css("color", "#0090c2");
    });

    $(".carouselTab").hover(function() {
        if ($(this).attr("selected") != "true")
            $(this).animate({
                backgroundColor: 'white', color: '#0090c2'
            }, 700);

    }, function() {
        if ($(this).attr("selected") != "true")
            $(this).animate({
                backgroundColor: '#0090c2', color: 'white'
            }, 700);
    });

    $(".carouselTab").eq(index).click();
    setInterval("NextSlide();", 12000);
});

function NextSlide() {
    if (index < 3)
        index++;
    else index = 0;
    $(".carouselTab").eq(index).click();
}