$(document).ready(function() {
        
      var sliderObj = $('#slider');   
      var textObj = $('#sliderText');
      var size = $("li", sliderObj).length;
      var width = $('li', sliderObj).width();
      width += 28;
      var height = sliderObj.height();
      var totalSize = size-3;
      var track = 0;  
      
      // $("ul", sliderObj).css('width',size * width);     
      // $("li", sliderObj).css('float','left'); 

      $('#right').click(function(){   
        animate("next");
      });
      $('#left').click(function(){    
        animate("prev");
      }); 
      
      function animate(direction){
        if(direction == "next"){
          if(track == totalSize)
            track = -1;
          track = (track >= totalSize) ? totalSize : track + 1; 
        } else {
          if(track == -1)
            track = totalSize + 1;
          track = (track <= 0) ? totalSize : track-1;
        };
        
        var value = (track * width * -1);
        $("ul",sliderObj).animate({ marginLeft: value }, 500);
      };  
    });