var intervalId = 0

$(document).ready(function () {

    var position = parseInt($(".Banner").attr("position"));
    var imageCount = parseInt($(".Banner").attr("max"));
    $(".Banner").addClass("Banner_" + position);

    $(".BannerLeftArrow").click(function () {

        clearInterval(intervalId);
        rotateLeft();

    });

    $(".BannerRightArrow").click(function () {

        clearInterval(intervalId);
        rotateRight();

    });

    intervalId = setInterval('rotateRight()', 5000);

});

function clearBanner() {

    var imageCount = $(".Banner").attr("max");

    for (x = 1; x <= imageCount; x++) {

        $(".Banner").removeClass("Banner_" + x);
        
    }
}

function rotateRight() {

    var position = parseInt($(".Banner").attr("position"));
    var imageCount = parseInt($(".Banner").attr("max"));

    if (position == imageCount)
        position = 1;
    else
        position = position + 1;

    clearBanner();
    $(".Banner").attr("position", position);
    $(".Banner").addClass("Banner_" + position);

}

function rotateLeft() {

    var position = parseInt($(".Banner").attr("position"));
    var imageCount = parseInt($(".Banner").attr("max"));

    if (position == 1)
        position = imageCount;
    else
        position = position - 1;

    clearBanner();
    $(".Banner").attr("position", position);
    $(".Banner").addClass("Banner_" + position);


}