var scrollDirection = 0;
var scrollElem;
var scrollFunc;
var scrollActive = false;
var scrollMargin = 0;
var srcblockleft = 'scrol-l';
var srcblockright = 'scrol-r';
var imgblockleft =  new Array();
imgblockleft[0] = '/image/ar_l_g.gif'; 
imgblockleft[1] = '/image/ar_l_w.gif';
var imgblockright =  new Array();
imgblockright[0] = '/image/ar_r_g.gif';
imgblockright[1] = '/image/ar_r_w.gif';

function initScroll(elem1,elem2,elem3) {
  var el1 = document.getElementById(elem1);
  var el2 = document.getElementById(elem2);
  var qright = document.getElementById(srcblockright);
  scrollMargin = el2.clientWidth-el1.clientWidth;
  if (scrollMargin > 0) {
    el1.style.width = el1.clientWidth+'px';
    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);
    qleft.style.display = 'block';
    qright.style.display = 'block';
    if (qright.style.backgroundImage != rightBackground(1)) qright.style.backgroundImage = rightBackground(1);
    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, elem) {
  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[1]+')'; 
  else {
	if (imgblockleft[0] == 'none') return imgblockleft[0]; 
    else return 'url('+imgblockleft[0]+')';  
  }	  
}

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