function first() {
  document.getElementById('cardline').style.overflow = "hidden" ;
  //scrollW = document.getElementById('cardtable').offsetWidth ;
}

var xcoord ;
var timer ;
var scrollW ;
var difference ; 
var _dragElement = null ;

if (parseInt(navigator.appVersion)>3) {
  if (navigator.appName=="Netscape") {
    winW = window.innerWidth-16;
  }
  if (navigator.appName.indexOf("Microsoft")!=-1) {
    winW = document.body.offsetWidth-20;
  }
  }

function lineScroll() {

if (_dragElement == null) {
    
  document.onmousemove = alertCoord; 
  if (xcoord<(winW/10)) {
    document.getElementById('cardline').scrollLeft -= 12 ; 
    scrollW = document.getElementById('cardtable').offsetWidth ;
    difference = (scrollW-winW+62)/(winW-100) ;
    document.getElementById('drag').style.left = document.getElementById('cardline').scrollLeft/difference ;
  } else if (xcoord>(9*winW/10)) {
    document.getElementById('cardline').scrollLeft += 12 ;
    scrollW = document.getElementById('cardtable').offsetWidth ;
    difference = (scrollW-winW+62)/(winW-100) ;
    document.getElementById('drag').style.left = document.getElementById('cardline').scrollLeft/difference ;
  }
  timer = setTimeout('lineScroll()',50); 
}
}

function alertCoord(e) {
  if( !e ) { e = window.event; }
  if( !e ) { return; }
  if( typeof( e.pageX ) == 'number' ) {
    xcoord = e.pageX;
  } else if( typeof( e.clientX ) == 'number' ) {
    xcoord = e.clientX;
  } else { return; }
}

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