
var scrollFx = new Array () ; 

function slide_gallery ()
  {
  var i = 0 ; 

  $$('.slide_gallery').each(function(el){

    if ( el.getElementsByTagName('a').length > 4 )
      {
      $(el).setHTML('<a href="javascript:void(0);" onclick="scroll_left(' + i + ');" class="scroll_button_left" id="scroll_button_left' + i + '" title="Previous" ></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_right" id="scroll_button_right' + i + '" title="Next" >');
      new Element ( 'br',{'class':'clear'}).injectAfter ( el );
      scrollFx[i] = new Fx.Scroll( $('slide' + i) , { duration: 300 , transition: Fx.Transitions.Quad.easeInOut } );
      el.setStyle('display','block'); 
      i++ ;  
      }

    });
  }

window.addEvent('domready', slide_gallery ) ; 

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function scroll_right(i) {
  test = $('scroller'+i).getElementsByTagName('a') ;
  field_size = $(test[0]).getSize().size.x ; 
  
  $('scroll_button_right'+i).onclick = function(){} ;

  scrollFx[i].scrollTo(field_size,0).chain(function()
    {
    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('a') ;
  field_size = $(test[(test.length-1)]).getSize().size.x ; 
  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) } ;

    });   
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

