var clicked = false;

$(document).ready(function () {

    var maxItems = $("ul.slider li").length;
    if (maxItems > 0) {
        var currentItem = 1;
        $(document).everyTime(12000, function () {
            if (clicked) {
                clicked = false;
                return;
            }
            if (currentItem >= maxItems) {
                $("ul.slider").animate({ left: '0px' }, 1500);
                currentItem = 1;
            }
            else {
                $("ul.slider").animate({ left: '+=-870px' }, 1000);
                currentItem++;
            }
            $("ul.numbers li").removeClass("selected");
            $("ul.numbers li").each(function (i, item) {
                if ($(this).text() == currentItem)
                    $(this).addClass("selected");
            });
        });
    }

    $("ul.numbers li").click(function () {
        clicked = true;
        var number = parseInt($(this).text());
        $("ul.slider").animate({ left: '-' + ((number * 870) - 870) + 'px' }, 1000);

        currentItem = number;

        $("ul.numbers li").removeClass("selected");
        $("ul.numbers li").each(function (i, item) {
            if ($(this).text() == currentItem)
                $(this).addClass("selected");
        });
    });
});