$(document).ready(function() {

  /* sirka obrazku */
  var step = 119;

  /* pocet viditelnych obrazku */
  var slider_limit = 5;
  var slider_width_limit = slider_limit * Number(step);

  /* pocet obrazku ve slideru */
  var slider_img = $('#slider_scrollable_inner img').size();
  
  // je co scrollovat? pokud ne, sede prave tlacitko
  if (slider_img < 5) $('#slider_right').attr('class', 'nonactive_right');



  /****** leve tlacitko *******/
  $('#slider_left').click(function() {
    
    /* pozice slideru */
    left = $('#slider_scrollable_inner').css('margin-left');
    left = left.substring(0, left.length - 2);
    
    /* pokud je slider na krajni pozici a neda se scrollovat, vraci false, jinak zaktivni leve tlacitko */
    if (left == '0' || slider_limit >= slider_img) {
      $('#slider_left').attr('class', 'nonactive_left');
      return false;
    } else {
      $('#slider_right').removeAttr('class');
    }
    
    /* posun */
    left = Number(left) + Number(step);
    if (left > 0) left = 0;

    $("#slider_scrollable_inner").animate({'margin-left': left + 'px'}, 300);
    
    /* kontrola, z(ne)aktivneni tlacitek */
    if (left == '0') {
      $('#slider_left').attr('class', 'nonactive_left');
    } else {
      $('#slider_left').removeAttr('class');
    }
  
    return false;
  
  });
  
  /****** prave tlacitko ******/
  $('#slider_right').click(function() {
    
    /* pozice slideru */
    left = $('#slider_scrollable_inner').css('margin-left');
    left = left.substring(0, left.length - 2);
    
    /* pokud je slider na krajni pozici a neda se scrollovat, vraci false, jinak zaktivni leve tlacitko */
   if (left == (slider_limit - slider_img ) * Number(step) || slider_limit >= slider_img) {
      return false;
    } else {
      $('#slider_left').removeAttr('class');
    }               
    
    /* posun */
    left = Number(left) - Number(step);
    if (left < ((slider_limit - slider_img) * Number(step) )) left = (slider_limit - slider_img) * Number(step);

    $("#slider_scrollable_inner").animate({'margin-left': left + 'px'}, 300);
         
    /* kontrola, z(ne)aktivneni tlacitek */
    if (left == (slider_limit - slider_img ) * Number(step)) {
      $('#slider_right').attr('class', 'nonactive_right');
    } else {
      $('#slider_right').removeAttr('class');
    } 
  
    return false;
  
  });
  
  
  $('#slider_scrollable_inner a').click(function() {
    $('#big_img').attr('src', $(this).attr('href'));
    $(this).parent().find('img').attr('class', 'img');
    $(this).find('img').attr('class', 'active');
    return false;
  
  });
  

});