var intFadeNormalInTime = 1000;
var intFadeNormalOutTime = 1000;
var intClickFadeInTime = 250;
var intClickFadeOutTime = 250;
var intDelay = 3000;




//-----Don't Edit below this line----//


var intIndex = -1;
var intFadeInTime = intFadeNormalInTime;
var intFadeOutTime = intFadeNormalOutTime;


var intArrowOffset = 100;


var timer;


$(document).ready(function () {
    $(".DS_Slide:eq(0)").css("z-index", "5");
    ShowNextImage();


    $(".DS_Thumbnail").click(function () {
        clearTimeout(timer);


        intFadeInTime = intClickFadeInTime;
        intFadeOutTime = intClickFadeOutTime;


        intIndex = $(this).index() - 1;
        ShowNextImage();
    });


});


function ShowNextImage() {
    var intImageCount = $(".DS_Slide").length;
    var intNextIndex = (intIndex + 1) % intImageCount;
    intIndex = intNextIndex;
    $(".DS_Slide").each(function () {
        if ($(this).index() == intIndex) {
            $(this).stop().animate({ opacity: 1 }, intFadeInTime, function () {
                $(".DS_Thumbnail").each(function () {
                    if ($(this).index() == intIndex) {
                        $(this).addClass("DS_ActiveThumbnail");
                        $(".DS_ActivePointer").css("top", intArrowOffset * intIndex);
                    }
                    else {
                        $(this).removeClass("DS_ActiveThumbnail");
                    }
                });


                intFadeInTime = intFadeNormalInTime;
                intFadeOutTime = intFadeNormalOutTime;
                timer = setTimeout("ShowNextImage();", intDelay);
            });
        }
        else {
            $(this).stop().animate({ opacity: 0 }, intFadeOutTime, function () { });
        }
    });
}