$(document).ready(function () {
    //options( 1 - ON , 0 - OFF)
    var auto_slide = 1;
    var hover_pause = 1;
    var key_slide = 1;
    var auto_slide_seconds = 5000;
    $('#carousel_container #carousel_ul li:first').before($('#carousel_container #carousel_ul li:last'));
    if (auto_slide == 1) {
        var timer = setInterval('slide("right")', auto_slide_seconds);
        $('#hidden_auto_slide_seconds').val(auto_slide_seconds);
    }
    if (hover_pause == 1) {
        $('#carousel_container #carousel_ul').hover(function () {
            clearInterval(timer)
        }, function () {
            timer = setInterval('slide("right")', auto_slide_seconds);
        });
    }
    if (key_slide == 1) {
        $(document).bind('keypress', function (e) {
            if (e.keyCode == 37) {
                slide('left');
            } else if (e.keyCode == 39) {
                slide('right');
            }
        });
    }
});
function slide(where) {
    var item_width = $('#carousel_container #carousel_ul li').outerWidth() + 5;
    if (where == 'left') {
        var left_indent = parseInt($('#carousel_container #carousel_ul').css('left')) + item_width;
    } else {
        var left_indent = parseInt($('#carousel_container #carousel_ul').css('left')) - item_width;
    }
    $('#carousel_container #carousel_ul:not(:animated)').animate({
        'left': left_indent
    }, 500, function () {
        if (where == 'left') {
            $('#carousel_container #carousel_ul li:first').before($('#carousel_container #carousel_ul li:last'));
        } else {
            $('#carousel_container #carousel_ul li:last').after($('#carousel_container #carousel_ul li:first'));
        }
        $('#carousel_container #carousel_ul').css({
            'left': '-165px'
        });
    });
}