$(document).ready(function () {

    var step = $(".program-list li").width() + 20;
    var n_max = 5;
    var n_item = $("ul.program-list").children().length;
    var animating = false;
    var animating_speed = 300;

    $("ul.program-list").width(n_item * step);

    if (n_item < n_max) {
        $(".program-list-next").addClass("program-list-next-disable");
        $(".program-list-prev").addClass("program-list-prev-disable");
    }

    $(".program-list-next").click(function () {
        if ($(this).hasClass("program-list-next-disable")) return;
        if (animating == false) {
            animating = true;
            var list = $(this).parent().find(".program-list-clip").find(".program-list");
            list.animate({ left: '-=' + step }, animating_speed, function () { animating = false; });
            $(".program-list-prev").removeClass("program-list-prev-disable");
            index = list.position().left / (-step) + 1;
            if (index+1 >= n_item - n_max) { $(".program-list-next").addClass("program-list-next-disable"); }
        } else {
            animating = false;
        }
    });
    $(".program-list-prev").click(function () {
        if ($(this).hasClass("program-list-prev-disable")) return;
        if (animating == false) {
            animating = true;
            var list = $(this).parent().find(".program-list-clip").find(".program-list");
            list.animate({ left: '+=' + step }, animating_speed, function () { animating = false; });
            $(".program-list-next").removeClass("program-list-next-disable");
            index = list.position().left / (-step) - 1;
            if (index <= 0) { $(".program-list-prev").addClass("program-list-prev-disable"); }
        } else {
            animating = false;
        }
    });


});