$(function(){
	// Uživatelské nastavení
	var obj_obal  = '.sluzby-items';              // obal
	var obj_prvky =  '.sluzba';                   // prvky
	var obj_left  = '#sl-left';                   // tlačítko vlevo
	var obj_right = '#sl-right';                  // tlačítko vpravo
	var nav_class = 'active';                     // třída, která se přidá aktivnímu tlačítko
	var sirka     = ($(obj_prvky).width()*1)+26;  // šířka jednoho prvku+jeho vzdálenost od dalšího
	var zobrazit  = 3;                            // kolik prvků se zobrazuje
  var rychlost  = 800;                          // [ms]
  var efekt = 'easeOutCubic';                   // http://gsgd.co.uk/sandbox/jquery/easing/

  
 
      // potřebné proměnné
      var pocet  = $(obj_prvky).size();
      var aktual = 0;
      var minimal = 0
      var maximal = pocet-zobrazit;
      
      // aktivní tlačítko vpravo
      $('#sluzby').after("<a href=\"javascript:;\" id=\"sl-left\">◄</a><a href=\"javascript:;\" id=\"sl-right\">►</a>");
  	  if(pocet>zobrazit) $(obj_right).addClass(nav_class);


     
      // scrollshow
      $(obj_left).click(function(){
        if(aktual>minimal) aktual--;
        else return false;
        $(obj_obal).stop().animate({left: -(aktual*sirka)+"px"}, { duration: rychlost,  easing: efekt});
        if(aktual==minimal) $(this).removeClass(nav_class);
        else $(this).addClass(nav_class);
        $(obj_right).addClass(nav_class);
  
      });
  
      $(obj_right).click(function(){
        if(aktual<maximal) aktual++;
        else return false;
        $(obj_obal).stop().animate({left: -(aktual*sirka)+"px"}, { duration: rychlost,  easing: efekt});
        if(aktual==maximal) $(this).removeClass(nav_class);
        else $(this).addClass(nav_class);
        $(obj_left).addClass(nav_class);
  	 });

      $(obj_left).mouseover(function(){ $(obj_left).click(); });
      $(obj_right).mouseover(function(){ $(obj_right).click(); });
	 
	 });