var sliderImageCount = 0;
var currentSliderImage = 0;
var sliderTimeout = 5000;
var sliderInterval;
$(document).ready(function () {
    $(".slider-item").not(":first").hide();
    $(".slider-thumb:first").addClass("active");
    $("#slider").find(".slider-item").each(function () {
        $(this).css("z-index", 90 - sliderImageCount);
        sliderImageCount += 1;
    });

    $("#slider").mouseover(function () {
        clearInterval(sliderInterval);
    });
    $("#slider").mouseout(function () {
        sliderInterval = setInterval("RotateSlider();", sliderTimeout);
    });
    $(".slider-thumb").mouseover(function () {
        var current = $(this);
        var index = $(this).index(".slider-thumb");
        //alert(index);
        $(".slider-item").css("z-index", 98);
        $(".slider-item").eq(index).css("z-index", 99);
        $(".slider-item").eq(index).show();
        $(".slider-thumb").removeClass("active");
        $(".slider-thumb").eq(index).addClass("active");
        currentSliderImage = index;
    });


    sliderInterval = setInterval("RotateSlider();", sliderTimeout);

});

function RotateSlider() {
    var nextSliderImage = currentSliderImage + 1;
    if (nextSliderImage >= sliderImageCount)
        nextSliderImage = 0;
    // set z-indexes
    $(".slider-item").eq(currentSliderImage).css("z-index", 99);
    $(".slider-item").eq(nextSliderImage).css("z-index", 98);

    $(".slider-item").eq(nextSliderImage).fadeIn(750);
    $(".slider-item").eq(currentSliderImage).fadeOut(750);
    $(".slider-thumb").delay(350).removeClass("active");
    $(".slider-thumb").eq(nextSliderImage).delay(350).addClass("active");
    if (currentSliderImage == sliderImageCount - 1)
        currentSliderImage = 0;
    else
        currentSliderImage += 1;
}