// JavaScript Document

function $(obj){return document.getElementById(obj)}  
var maxWidth=$("img").getElementsByTagName("ul")[0].getElementsByTagName("li").length*105;  
var isScroll=false;  
var modiLeft;  
$("scroll").onmousedown=function(evt){  
isScroll=true;  
evt=(evt)?evt:((window.event)?window.event:null);  
if(evt.offsetX){  
modiLeft=parseInt(evt.offsetX)  
}  
else{modiLeft=parseInt(evt.layerX)}  
}  
document.onmouseup=function(){  
isScroll=false;  
}  
document.onmousemove=function(evt){  
evt=(evt)?evt:((window.event)?window.event:null);  
if(evt&&isScroll){  
$("scroll").style.left=parseInt(evt.clientX)-parseInt($("scrollBar").offsetLeft)-modiLeft+"px";  
if(parseInt($("scroll").style.left)<0){$("scroll").style.left=0+"px"}  
if(parseInt($("scroll").style.left)>570){$("scroll").style.left=570+"px"}  
$("img").scrollLeft=parseInt($("scroll").style.left)*((maxWidth-600)/570);  
  }  
}  
var targetx = 200;//Ò»´Î¹ö¶¯¾àÀë  
var dx;  
var a=null;  
function moveLeft(){  
var le=parseInt($("img").scrollLeft);  
if(le>200){  
targetx=parseInt($("img").scrollLeft)-200;  
}  
else{targetx=parseInt($("img").scrollLeft)-le-1}  
scLeft();  
}  
function scLeft(){  
dx=parseInt($("img").scrollLeft)-targetx;  
$("img").scrollLeft-=dx*.3;  
$("scroll").style.left=parseInt($("img").scrollLeft)*(570/(maxWidth-600))+"px";  
if(parseInt($("scroll").style.left)<0){$("scroll").style.left=0+"px"}  
if(parseInt($("scroll").style.left)>570){$("scroll").style.left=570+"px"}  
clearScroll=setTimeout(scLeft,50);  
if(dx*.3<1){clearTimeout(clearScroll)}  
}  
function moveRight(){  
var le=parseInt($("img").scrollLeft)+200;  
var maxL=maxWidth-600;  
if(le<maxL){  
targetx=parseInt($("img").scrollLeft)+200;  
}  
else{targetx=maxL}  
scRight();  
}  
function scRight(){  
dx=targetx-parseInt($("img").scrollLeft);  
$("img").scrollLeft+=dx*.3;  
$("scroll").style.left=parseInt($("img").scrollLeft)*(573/(maxWidth-600))+"px";  
if(parseInt($("scroll").style.left)<0){$("scroll").style.left=0+"px"}  
if(parseInt($("scroll").style.left)>=570){$("scroll").style.left=570+"px"}  
a=setTimeout(scRight,50);  
if(dx*.3<1){clearTimeout(a)}  
}