var imageWidth = 680;
var currImageIndex = 0;
var imagesCount = 0;
var mustMove = 1;

$(document).ready(function () {

    imagesCount = $(".index_image_list>li").length;
    $(".index_image_list").css("width", (imagesCount * imageWidth + 3) + "px");

    $(".points>li>img").each(function (index, value) {
        $(value).attr("onClick", "doClick('" + index + "')");
    });

    $(".points>li:first > img").attr("src", "Styles/images/point_current.png");

    $(".arrowLeft").attr("onClick", "doClickNextPrev(false);");
    $(".arrowRight").attr("onClick", "doClickNextPrev(true);");

    SetlButtons();

    setTimeout("MoveToNext()", 3000);
});


function SetlButtons() {
    var offset = $(".index_image_container").offset();
    var lBtn = $(".arrowLeft");
    var rBtn = $(".arrowRight");
    //$(lBtn).css("left", (offset.left ) + "px");
    //$(lBtn).css("top", (offset.top + $(".index_image_container").height() / 2 - lBtn.height() / 2) + "px");

    //$(rBtn).css("top", $(lBtn).css("top"));
    //$(rBtn).css("left", (offset.left + $(".index_image_container").width() - 58) + "px");
    CheckButtonsVisible();
}


function doClick(index) {
    mustMove = 0;
    currImageIndex = index;
    MoveToPos(currImageIndex);

}

function doClickNextPrev(isNext) {
    mustMove = false;
    if (isNext) {
        currImageIndex++;

    }
    else {
        currImageIndex--;
    }

    MoveToPos(currImageIndex);

}

function CheckButtonsVisible() {
    $(".arrowRight").css("display", (currImageIndex == imagesCount - 1) ? "none" : "block");
    $(".arrowLeft").css("display", (currImageIndex == 0) ? "none" : "block");
}


function MoveToNext() {
    if (mustMove) {

        currImageIndex++;
        if (currImageIndex == imagesCount) {
            currImageIndex = 0;
        }
        MoveToPos(currImageIndex);


        setTimeout("MoveToNext()", 3000);
    }
}

function MoveToPos(imageIndex) {
    $(".index_image_list").animate({ left: -imageIndex * imageWidth + 'px' });

    $(".points>li>img").each(function (index, value) {
        if (index == imageIndex) {
            $(value).attr("src", "Styles/images/point_current.png");
        }
        else {
            $(value).attr("src", "Styles/images/point_normal.png");
        }
    });

    CheckButtonsVisible();
}