$(document).ready(function() {

    //options( 1 - ON , 0 - OFF)  
    var auto_slide = 1;
    var hover_pause = 1;
    var click_slide = 1;

    //speed of auto slide
    var auto_slide_seconds = 2500;


    $('#carousel_ul li:first').before($('#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_ul').hover(function() {

            clearInterval(timer)
        }, function() {

            timer = setInterval('slide("right")', auto_slide_seconds);
        });
        $('.sponsorArrowUp').hover(function() {

            clearInterval(timer)
        }, function() {

            timer = setInterval('slide("right")', auto_slide_seconds);
        });
        $('.sponsorArrowDown').hover(function() {

            clearInterval(timer)
        }, function() {

            timer = setInterval('slide("right")', auto_slide_seconds);
        });

    }

    //move by click
    if (click_slide == 1) {

        //binding click function left
        $('.sponsorArrowUp').bind('click', function() {
            slide('right');
        });
        $('.sponsorArrowDown').bind('click', function() {
            slide('left');
        });

    }
});



//slide function  
function slide(where) {

    var item_width = $('#carousel_ul li').outerHeight() + 10;
    
    if (where == 'left') {

        var left_indent = parseInt($('#carousel_ul').css('top')) + item_width;
        
    } else {

    var left_indent = parseInt($('#carousel_ul').css('top')) - item_width;

}



    if (where == 'left') {

        $('#carousel_ul li:first').before($('#carousel_ul li:last'));
        $('#carousel_ul').css({ 'top': '-79px' });
        $('#carousel_ul:not(:animated)').animate({ 'top': '0' }, 800);
    } else {
        $('#carousel_ul:not(:animated)').animate({ 'top': left_indent }, 800, function() {
        $('#carousel_ul li:last').after($('#carousel_ul li:first'));
        $('#carousel_ul').css({ 'top': '0px' });
        
        });
        
    }

}