var scrollFx = new Array () ; 

function slide_gallery2 (){
  var i = 0 ; 

  $$('.slide_gallery2').each(function(el){

    if ( el.getElementsByTagName('span').length > 1 ){
      $(el).setHTML('<a href="javascript:void(0);" onclick="scroll_left(' + i + ');" class="scroll_button_left2" id="scroll_button_left' + i + '" title="Poprzednie" ></a>' 
      
+ '<div id="slide' + i + '" class="slide" ><div id="scroller' + i + '" class="scroller" >' + $(el).innerHTML + '</div></div>'  
+ '<a href="javascript:void(0);"  onclick="scroll_right(' + i + ');" class="scroll_button_right2" id="scroll_button_right' + i + '" title="Nastêpne" ></a>');
      new Element ( 'br',{'class':'clear'}).injectAfter ( el );
      scrollFx[i] = new Fx.Scroll( $('slide' + i) , { duration: 1200 , transition: Fx.Transitions.Quad.easeInOut } );
      el.setStyle('display','block'); 
      i++ ;  
      }

    });
  }

window.addEvent('domready', slide_gallery2 ) ; 

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function scroll_right(i) {
  test = $('scroller'+i).getElementsByTagName('span') ;
  var scroll_items = 1;  
  field_size = 0;
  //y = $(test[0]).getSize().size.x + 500;
  for ( l = 0 ; l < scroll_items ; l++ ){
    field_size += $(test[l]).getSize().size.x ;
    }
  //field_size = $(test[0]).getSize().size.x;  
  $('scroll_button_right'+i).onclick = function(){} ;
  scrollFx[i].scrollTo(field_size,0).chain(function(){  
    for ( l = 0 ; l < scroll_items ; l++ ){
      test[0].injectAfter(test[(test.length-1)]);
      test = $('scroller'+i).getElementsByTagName('span') ;
      }  
    //test[0].injectAfter(test[(test.length-1)]);        
    $('slide'+i).scrollTo(0,0);
    $('scroll_button_right'+i).onclick = function(){scroll_right(i)}; 
    });
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function scroll_left(i) {
  var test = $('scroller'+i).getElementsByTagName('span') ;
  var scroll_items = 1;
  var field_size = 0;  
  //field_size = $(test[(test.length-1)]).getSize().size.x ; 
  for ( l = 1 ; l <= scroll_items ; l++ ){
    field_size += $(test[(test.length-l)]).getSize().size.x ; 
    }

  for ( l = 1 ; l <= scroll_items ; l++ ){
    test[ ( test.length - 1 ) ].injectBefore ( test[0] ); 
    var test = $('scroller'+i).getElementsByTagName('span') ;
    }
  
  //test[ ( test.length - 1 ) ].injectBefore ( test[0] );
  
  
  $('slide'+i).scrollTo( field_size , 0  ) ;
  $('scroll_button_left'+i).onclick = function(){} ;
  scrollFx[i].scrollTo(0,0).chain(function(){
    $('scroll_button_left'+i).onclick = function() { scroll_left(i) } ;
    });   
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////