actSlide = 0;
actModSlide = 0;
slidesCount = 0;
slidesArray = null;
slidesBox = null; 

function prepareSlides(idSlidesTemplate)
{      
  var slidesTemplate = $(idSlidesTemplate);
  
  /* pobranie przycisków */
  var triggerLeft = slidesTemplate.select('.left_trigger')[0];
  var triggerRight = slidesTemplate.select('.right_trigger')[0];
  
  /* kontener zewnętrzny ze slajdami*/
  var slides_container = slidesTemplate.select('.slides_container')[0];
  /* kontener trzymający slajdy */
  var slides = slidesTemplate.select('.slides')[0];
  slidesBox = slides;
  
  /* slajdy */
  slidesArray = slides.select('.slide');            
  
  /* przeliczam szerokość całkowitą po elementach */
  var totalWidth = 0;
  slidesArray.each(function(item, index)
  {
    totalWidth+= item.getWidth();
  });
  
  slides.setStyle({width: totalWidth + "px"}); // ustawiam szerokość kontenera ze slajdami - inaczej IE je ustawia w kolumnie
  
  
  slidesCount = slidesArray.length;
  
  actSlide = 10000 * slidesCount;    
  
  if (slidesCount > 3)
  {
    triggerLeft.observe('click', function(event)
    {
      slideLeft();                
      return false;
    });
    
    triggerRight.observe('click', function(event)
    {
      slideRight();        
      return false;
    });  
  } 
  else
  {
    triggerLeft.setStyle({
      background: 'none',
      cursor: 'default'
    });
    triggerRight.setStyle({
      background: 'none',
      cursor: 'default'
    });
  }             
}   

function slideLeft()
{
  var el = slidesBox.childElements();
  slidesBox.insert({bottom: el[0].remove()});
  
}

function slideRight()
{
  var el = slidesBox.childElements();
  slidesBox.insert({top: el[el.length-1].remove()});
}