// JavaScript Document

$(document).ready(function() {
       

  $('#slider_ul li:first').before($('#slider_ul li:last')); 
        

        $('#right_scroll img').click(function(){
		     var item_width = $('#slider_ul li').outerWidth() +5;
            
            //calculae the new left indent of the unordered list
            var left_indent = parseInt($('#slider_ul').css('left')) - item_width;
            
           
            $('#slider_ul:not(:animated)').animate({'left' : left_indent},1000,function(){    
                $('#slider_ul li:last').after($('#slider_ul li:first')); 
                $('#slider_ul').css({'left' : '-204px'});
            }); 
        });
        
  
  
  
        $('#left_scroll img').click(function(){    
            var item_width = $('#slider_ul li').outerWidth() +5;     
            var left_indent = parseInt($('#slider_ul').css('left')) + item_width;
            
            $('#slider_ul:not(:animated)').animate({'left' : left_indent},1000,function(){    
            
          
            $('#slider_ul li:first').before($('#slider_ul li:last')); 
            
  
            $('#slider_ul').css({'left' : '-204px'});
            });
            
            
        });
  });