var scrollDirection = 0;
var scrollElem;
var scrollFunc;
var scrollActive = false;
var newwidth = '372px';
var scrollMargin = 0;
var srcblockleft = 'scroll_left';
var srcblockright = 'scroll_right';
var imgblockleft = '/image/i-prev.gif';
var imgblockright = '/image/i-next.gif';

function initScroll(elem1,elem2,elem3) {
  var elem1='scrol-w'; 
  var elem2='tblscrolw';
  var elem3='tds';
	
  var el1 = document.getElementById(elem1);
  var el2 = document.getElementById(elem2);
  scrollMargin = el2.clientWidth-el1.clientWidth;
  if (scrollMargin > 0) {
    el1.style.width = newwidth;
    scrollMargin = el2.clientWidth-el1.clientWidth;
    var el3 = document.getElementById(elem3);
    if (el3.offsetLeft*2 < el2.clientWidth && el3.offsetLeft >= el1.clientWidth) 
      var ofs = el3.offsetLeft;	
    else 
      var ofs = el3.offsetLeft - el1.clientWidth + 62  > 0 ?  scrollMargin : 0;
    el1.scrollLeft = ofs;
    var qleft = document.getElementById(srcblockleft);
    var qright = document.getElementById(srcblockright);
    qleft.style.display = 'block';
    qright.style.display = 'block';
    getScrollArrow(el1);
  }
}

function scrollStep() {
	if (!scrollActive) return;
	scrollElem.scrollLeft += scrollDirection/10;
  getScrollArrow(scrollElem);
	scrollFunc = setTimeout("scrollStep()",30);
}

function scrollStop() {
	scrollActive = false;
	clearTimeout(scrollFunc);
}

function hmx(e) { return e.offsetLeft+(e.offsetParent!=null&&e.tagName!='BODY'?hmx(e.offsetParent):0);}

function doScrollDiv(elem,event) {
	scrollElem = elem;
	var w = elem.clientWidth;
	var x = event.clientX - hmx(elem) - w/2;
	x = Math.floor((x*200)/w);
	scrollDirection = x;
	if (scrollActive) return;
	if (!scrollActive) { scrollActive = true; scrollStep(); }
}

function doScrollDivRow(event) {
  var elem = 'scrol-w';
  var el = document.getElementById(elem);
  doScrollDiv(el, event); 
}  

function getScrollArrow(scrollElem) {
  var qleft = document.getElementById(srcblockleft);
  var qright = document.getElementById(srcblockright);
  if (scrollElem.scrollLeft == 0) {
    if (qleft.style.backgroundImage != leftBackground(0)) qleft.style.backgroundImage = leftBackground(0);
  }
  if (scrollElem.scrollLeft > 0) {
    if (qleft.style.backgroundImage != leftBackground(1)) qleft.style.backgroundImage = leftBackground(1);
    if (scrollElem.scrollLeft == scrollMargin) {
      if (qright.style.backgroundImage != rightBackground(0)) qright.style.backgroundImage = rightBackground(0);
    } else {
      if (qright.style.backgroundImage != rightBackground(1)) qright.style.backgroundImage = rightBackground(1);
    }
  }
}

function leftBackground(show) {
  if (show == 1) return 'url('+imgblockleft+')'; 
  else return 'none';
}

function rightBackground(show) {
  if (show ==1) return 'url('+imgblockright+')'; 
  else return 'none'; 
}