$(document).ready(function () {
    //rotation speed and timer
    //var speed = 9000;
    //var run = setInterval('rotate()', speed);
    //grab the width and calculate left value
    var item_width = $('#carouselSolutionsList li').outerWidth() + 5;
    var left_value = item_width * (-1);
    //move the last item before first item, just in case user click prev button
    $('#carouselSolutionsList li:first').before($('#carouselSolutionsList li:last'));
    //set the default item to the correct position
    $('#carouselSolutionsList').css({ 'left': left_value });
    //if user clicked on prev button
    $('#carouselSolutionsLeftScroll').click(function () {
        //get the right position           
        var left_indent = parseInt($('#carouselSolutionsList').css('left')) + item_width;
        //slide the item           
        $('#carouselSolutionsList').animate({ 'left': left_indent }, 700, 'linear', function () {
            //move the last item and put it as first item              
            $('#carouselSolutionsList li:first').before($('#carouselSolutionsList li:last'));
            //set the default item to correct position
            $('#carouselSolutionsList').css({ 'left': left_value });
        });
        //cancel the link behavior           
        return false;
    });
    //if user clicked on next button
    $('#carouselSolutionsRightScroll').click(function () {
        //get the right position
        var left_indent = parseInt($('#carouselSolutionsList').css('left')) - item_width;
        //slide the item
        $('#carouselSolutionsList').animate({ 'left': left_indent }, 700, 'linear', function () {
            //move the first item and put it as last item
            $('#carouselSolutionsList li:last').after($('#carouselSolutionsList li:first'));
            //set the default item to correct position
            $('#carouselSolutionsList').css({ 'left': left_value });
        });
        //cancel the link behavior
        return false;
    });

//    //if mouse hover, pause the auto rotation, otherwise rotate it
//    $('#carouselSolutionsList').hover(
//        function () {
//            clearInterval(run);
//        },
//        function () {
//            run = setInterval('rotate()', speed);
//        }
//    );
});

//a simple function to click next link
//a timer will call this function, and the rotation will begin :) 
//function rotate() {
//    $('#carouselSolutionsRightScroll').click();
//}