var scroll_active	= new Array();
var scroll_direction	= new Array();

var eScrolling	= new Array();
var ScrollWidth	= new Array();
var BlockWidth	= new Array();

function initScroll(scroller) {
  var TScroler			= $('#'+scroller);
  var eScrollBlock		= $(TScroler).find('#ScrollBlock');

  eScrolling[scroller]	= $(TScroler).find('#Scrolling');

  ScrollWidth		= $(eScrolling[scroller]).width() + 100;
  BlockWidth		= $(eScrollBlock).width();

  $(TScroler).find('#scrol_right').hover (
    function () { SlideForward(true, scroller); },
    function () { SlideForward(false, scroller);}
  )

  $(TScroler).find('#scrol_left').hover (
    function () { SlideBack(true, scroller); },
    function () { SlideBack(false, scroller);}
  )
}

function SlideForward(activ, scroller) {
  if (activ) {
    scroll_active[scroller]	= true;
    scroll_direction[scroller]	= 2;
    scrollProcess(scroller);      
  } else {
    scroll_active[scroller]	= false;
  } 
}

function SlideBack(activ, scroller) {
  if (activ) {
    scroll_active[scroller]	= true;
    scroll_direction[scroller]	= -2;
    scrollProcess(scroller);      
  } else {
    scroll_active[scroller]	= false;
  } 
}

function scrollProcess(scroller) {
  curLeft 	= $(eScrolling[scroller]).position().left;
  newLeft	= curLeft - (2 * scroll_direction[scroller]);
  newLeftStyle	= newLeft + 'px';
  
  if (newLeft > ((ScrollWidth - BlockWidth) * (-1))  && newLeft < 0 ) {
    $(eScrolling[scroller]).css('left', newLeft);
  }

  return (scroll_active[scroller]) ? window.setTimeout(function() {
    return scrollProcess(scroller); }, 5) : false; 

}