// Ak nieco nefunguje, skontroluj ci LIcka nahodou nedostali nejaku classu, nesmu mat nic okrem sliderItemX (a to generuje tento JS)

$(document).ready(function() {         
   $('.slider').each(function(){      
      // id aktualneho slideru
         id = $(this).attr('id');
      
      // prida vsetkym LIckam potrebne classy podla poradia   
         i = 0;
         $(this).find('ul li').each(function(){                  
            $(this).addClass('sliderItem'+i);      
            i++;
         });

      // vygenerujem pager
         // tento array predavam carouselu aby zobrazil pager
         menu = new Array();
         // pomocna premenna size
         size = $(this).find('ul li').length;             
         
         for (i=0; i<size; i++) {         
            $('<div class="sliderPagerItem"><a class="pagerItem'+i+'" href="#"></a></div>').appendTo('#'+id+' .sliderPager');         
            menu[i] = '#'+id+' .pagerItem'+i;                                                         
         }  
                   
      // nastavim na zaciatku aktualny pager
         $(this).find('.pagerItem0').parents('.sliderPagerItem').addClass('actual');
      
      
      // nastavim na zaciatku zobrazovanie altu prveho obrazku
         alt = $(this).find('ul li:first img').attr('alt'); 
         $(this).find('.sliderTitle span').html(alt);                                                                     
      
      // hned po kliknuti nastavim actual na kliknuty - zmeni sa to aj bez tejto casti kodu ale az po posunuti
      $(this).find('.sliderPagerItem a').bind('click',function(){
         $(this).parents('.slider').find('.sliderPagerItem').removeClass('actual');
         $(this).parent().addClass('actual');     
      });
                     
      $('#'+id+' .sliderContent').jCarouselLite({
         btnNext: $('#'+id).find('.next'),
         btnPrev: $('#'+id).find('.prev'),
         btnGo: menu,
         auto: 5000,
         speed: 1400,
         circular: true,
         visible: 1,          
         afterEnd: function(a){  
            // nastavim novy Title podla Alt tagu
            newTitle = a.find('img').attr('alt');
            $(this).parents('.slider').find('.sliderTitle span').html(newTitle);

            // zistim aktualnu zobrazovanu poziciu
            position = a.attr('class').replace('sliderItem', '');               
                      
            // zmenim actual na pagery
            $(this).parents('.slider').find('.sliderPagerItem').removeClass('actual');                     
            $(this).parents('.slider').find('.pagerItem'+position).parents('.sliderPagerItem').addClass('actual');                                                                                                  
         }                        
      });
   });         
});