$(document).ready(function() {
    
    var selected_slide_number = 0;
    var slide_timeout = 8000;
    var slide_timeout_id = null;

    var select_slide = function(number) {
        selected_slide_number = $(number).index();
        
        $(number).siblings().removeClass("selected");
        $(number).addClass("selected");
        
        $("#slides")
            .filter(':not(:animated)')
            .animate({
                left: selected_slide_number * -$(".slide").eq(0).width()
            }, "slow");
    };
    
    var previous = function() {
        if (selected_slide_number === 0) {
            select_slide($("#numbers").children(":last"));
        } else {
            select_slide($("#numbers").children(":nth-child(" + selected_slide_number + ")"));
        }
    };
    
    var next = function() {
        if (selected_slide_number === $("#numbers").children().length - 1) {
            select_slide($("#numbers").children(":first"));
        } else {
            select_slide($("#numbers").children(":nth-child(" + (selected_slide_number + 2) + ")"));
        }
        clearTimeout(slide_timeout_id);
        slide_timeout_id = setTimeout(next, slide_timeout);
    };

    $(".number").click(function(e) {
        select_slide($(this).parent());
        e.preventDefault();
    });

    $(".en_number").click(function(e) {
        select_slide($(this).parent());
        e.preventDefault();
    });
    
    slide_timeout_id = setTimeout(next, slide_timeout);
    
    $('.slides').css('width', $('.slide').length * 800);
});