$(document).ready(function(){
  
  var imageWidth = 90, // sirka obrazku vcetne margin a border
      duration = 1500, // trvani animace v ms
      animated = false;
  
  $.moveImages = function(direction){
  
    if(animated) return false;
    animated = true;
  
    var step = imageWidth * 9,
        currentPos = parseInt($("#slider #wrapper").css("left")),
        maxPos = -( $("#slider #wrapper div").size() * imageWidth ) + ( 9 * imageWidth ),
        newPos;
  
    if(direction == "right"){
      step = -step;
    }
    
    newPos = currentPos + step;
    
    if(newPos > 0){
      if(currentPos == 0){
        newPos = maxPos;
      }else{
        newPos = 0;
      }
    }else if(newPos < maxPos){
      if(currentPos == maxPos){
        newPos = 0;
      }else{
        newPos = maxPos;
      }
    }
    
    $("#slider #wrapper").animate({left: newPos}, duration, function(){
      animated = false;
    });
  
  }
  
  $("#sliderLeftHandle").click(function(){
    $.moveImages("left");
  });
  
  $("#sliderRightHandle").click(function(){
    $.moveImages("right");
  });
  
});