document.No=0;
var isOpera=(window.navigator.userAgent.indexOf("Opera")>-1);
function ScrollLoad(Area,Content,SettingTracSize)
{
var code="var scroller"+document.No+" = new dw_scrollObj (Area, Content, Content, Area, document.No);";
if(SettingTracSize)
code+="scroller"+document.No+".setBarSize();";
eval(code);
makeMouseWheeleScrolling(Area);
document.No++;
}
var mouseWheelTimer=0;
function makeMouseWheeleScrolling(objName)
{
var obj=document.getElementById(objName);
if(obj.addEventListener)
{
obj.addEventListener("DOMMouseScroll",wheel,false);
}
obj.onmousewheel=wheel;
}
function moveUp(parent)
{
dw_scrollObj.initScroll(parent.id,"up");
clearInterval(mouseWheelTimer);
mouseWheelTimer=setTimeout("mouseStop('"+parent.id+"');",500);
}
function moveDown(parent)
{
dw_scrollObj.initScroll(parent.id,"down");
clearInterval(mouseWheelTimer);
mouseWheelTimer=setTimeout("mouseStop('"+parent.id+"');",500);
}
function mouseStop(parentId)
{
dw_scrollObj.stopScroll(parentId);
mouseWheelTimer=0;
}
function handle(delta,parent)
{
var s=delta+": ";
if(delta<0)
{
if(isOpera)
moveUp(parent);
else
moveDown(parent);
}
else
{
if(isOpera)
moveDown(parent);
else
moveUp(parent);
}
}
function wheel(event)
{
var delta=0;
if(!event)event=window.event;
if(event.wheelDelta)
{
delta=event.wheelDelta/120;
if(window.opera)delta=-delta;
}
else if(event.detail)
{
delta=-event.detail/3;
}
if(delta)
handle(delta,this);
}
dw_scrollObjs={};
function dw_scrollObj(wnId,lyrId,cntId,area,No){
dw_scrollObj.speed=100;
this.id=wnId;
dw_scrollObjs[this.id]=this;
this.animString="dw_scrollObjs."+this.id;
if(!this.write_scroll_bar(wnId,area,cntId,No))return;
this.load(lyrId,cntId);
this.setUpScrollbar("drag_bar"+No,"track"+No,"v",0,0);
};
dw_scrollObj.prototype.write_scroll_bar=function(content,where,text,No){
where_obj=document.getElementById(where);
text_obj=document.getElementById(text);
content_obj=document.getElementById(content);
if(text_obj.offsetHeight<=where_obj.offsetHeight){
return false;
}
content_obj.style.overflow="hidden";
var content_width=content_obj.offsetWidth;
where_obj.innerHTML+='<div id="track'+No+'" class="track"><div id="drag_bar'+No+'" class="drag_bar"></div></div>';
var scroll_width=document.getElementById('track'+No).offsetWidth;
document.getElementById(text).style.width=content_width-scroll_width-10+'px';
return true;
}
dw_scrollObj.loadLayer=function(wnId,id,cntId){
if(dw_scrollObjs[wnId])
dw_scrollObjs[wnId].load(id,cntId);
};
dw_scrollObj.prototype.load=function(lyrId,cntId){
if(!document.getElementById)
return;
var wndo,lyr;
if(this.lyrId){
lyr=document.getElementById(this.lyrId);
lyr.style.visibility="hidden";
}
lyr=document.getElementById(lyrId);
wndo=document.getElementById(this.id);
lyr.style.top=this.y=0;
lyr.style.left=this.x=0;
this.maxY=(lyr.offsetHeight-wndo.offsetHeight>0)?lyr.offsetHeight-wndo.offsetHeight:0;
this.wd=cntId?document.getElementById(cntId).offsetWidth:lyr.offsetWidth;
this.maxX=(this.wd-wndo.offsetWidth>0)?this.wd-wndo.offsetWidth:0;
this.lyrId=lyrId;
lyr.style.visibility="visible";
this.on_load();
this.ready=true;
};
dw_scrollObj.prototype.on_load=function(){};
dw_scrollObj.prototype.shiftTo=function(lyr,x,y){
if((!lyr)||(!lyr.style))
return;
lyr.style.left=(this.x=x)+"px";
lyr.style.top=(this.y=y)+"px";
};
dw_scrollObj.GeckoTableBugFix=function(){
var ua=navigator.userAgent;
if(ua.indexOf("Gecko")>-1&&ua.indexOf("Firefox")==-1&&ua.indexOf("Safari")==-1&&ua.indexOf("Konqueror")==-1){
dw_scrollObj.hold=[];
for(var i=0;arguments[i];i++){
if(dw_scrollObjs[arguments[i]]){
var wndo=document.getElementById(arguments[i]);
var holderId=wndo.parentNode.id;
var holder=document.getElementById(holderId);
document.body.appendChild(holder.removeChild(wndo));
wndo.style.zIndex=1000;
var pos=getPageOffsets(holder);
wndo.style.left=pos.x+"px";
wndo.style.top=pos.y+"px";
dw_scrollObj.hold[i]=[arguments[i],holderId];
}
}
window.addEventListener("resize",dw_scrollObj.rePositionGecko,true);
}
};
dw_scrollObj.rePositionGecko=function(){
if(dw_scrollObj.hold){
for(var i=0;dw_scrollObj.hold[i];i++){
var wndo=document.getElementById(dw_scrollObj.hold[i][0]);
var holder=document.getElementById(dw_scrollObj.hold[i][1]);
var pos=getPageOffsets(holder);
wndo.style.left=pos.x+"px";
wndo.style.top=pos.y+"px";
}
}
};
function getPageOffsets(el){
var left=el.offsetLeft;
var top=el.offsetTop;
if(el.offsetParent&&el.offsetParent.clientLeft||el.offsetParent.clientTop){
left+=el.offsetParent.clientLeft;
top+=el.offsetParent.clientTop;
}
while(el=el.offsetParent){
left+=el.offsetLeft;
top+=el.offsetTop;
}
return{x:left,y:top};
};
dw_scrollObj.stopScroll=function(wnId){
if(dw_scrollObjs[wnId])dw_scrollObjs[wnId].endScroll();
}
dw_scrollObj.doubleSpeed=function(wnId){
if(dw_scrollObjs[wnId])dw_scrollObjs[wnId].speed*=2;
}
dw_scrollObj.resetSpeed=function(wnId){
if(dw_scrollObjs[wnId])dw_scrollObjs[wnId].speed/=2;
}
dw_scrollObj.initScroll=function(wnId,deg,sp){
if(dw_scrollObjs[wnId]){
var cosine,sine;
if(typeof deg=="string"){
switch(deg){
case"up":deg=90;break;
case"down":deg=270;break;
case"left":deg=180;break;
case"right":deg=0;break;
default:return;
}
}
deg=deg%360;
if(deg%90==0){
cosine=(deg==0)?-1:(deg==180)?1:0;
sine=(deg==90)?1:(deg==270)?-1:0;
}else{
var angle=deg*Math.PI/180;
cosine=-Math.cos(angle);sine=Math.sin(angle);
}
dw_scrollObjs[wnId].fx=cosine/(Math.abs(cosine)+Math.abs(sine));
dw_scrollObjs[wnId].fy=sine/(Math.abs(cosine)+Math.abs(sine));
dw_scrollObjs[wnId].endX=(deg==90||deg==270)?dw_scrollObjs[wnId].x:
(deg<90||deg>270)?-dw_scrollObjs[wnId].maxX:0;
dw_scrollObjs[wnId].endY=(deg==0||deg==180)?dw_scrollObjs[wnId].y:
(deg<180)?0:-dw_scrollObjs[wnId].maxY;
dw_scrollObjs[wnId].startScroll(sp);
}
}
dw_scrollObj.prototype.startScroll=function(speed){
if(!this.ready)return;if(this.timerId)clearInterval(this.timerId);
this.speed=speed||dw_scrollObj.speed;
this.lyr=document.getElementById(this.lyrId);
this.lastTime=(new Date()).getTime();
this.on_scroll_start();
this.timerId=setInterval(this.animString+".scroll()",10);
}
dw_scrollObj.prototype.scroll=function(){
var now=(new Date()).getTime();
var d=(now-this.lastTime)/1000*this.speed;
if(d>0){
var x=this.x+this.fx*d;var y=this.y+this.fy*d;
if(this.fx==0||this.fy==0){
if((this.fx==-1&&x>-this.maxX)||(this.fx==1&&x<0)||
(this.fy==-1&&y>-this.maxY)||(this.fy==1&&y<0)){
this.lastTime=now;
this.shiftTo(this.lyr,x,y);
this.on_scroll(x,y);
}else{
clearInterval(this.timerId);this.timerId=0;
this.shiftTo(this.lyr,this.endX,this.endY);
this.on_scroll_end(this.endX,this.endY);
}
}else{
if((this.fx<0&&x>=-this.maxX&&this.fy<0&&y>=-this.maxY)||
(this.fx>0&&x<=0&&this.fy>0&&y<=0)||
(this.fx<0&&x>=-this.maxX&&this.fy>0&&y<=0)||
(this.fx>0&&x<=0&&this.fy<0&&y>=-this.maxY)){
this.lastTime=now;
this.shiftTo(this.lyr,x,y);
this.on_scroll(x,y);
}else{
clearInterval(this.timerId);this.timerId=0;
this.on_scroll_end(this.x,this.y);
}
}
}
}
dw_scrollObj.prototype.endScroll=function(){
if(!this.ready)return;
if(this.timerId)clearInterval(this.timerId);
this.timerId=0;this.lyr=null;
}
dw_scrollObj.prototype.on_scroll=function(){}
dw_scrollObj.prototype.on_scroll_start=function(){}
dw_scrollObj.prototype.on_scroll_end=function(){}
dw_scrollObj.slideDur=500;
dw_scrollObj.scrollBy=function(wnId,x,y,dur){
if(dw_scrollObjs[wnId])dw_scrollObjs[wnId].glideBy(x,y,dur);
}
dw_scrollObj.scrollTo=function(wnId,x,y,dur){
if(dw_scrollObjs[wnId])dw_scrollObjs[wnId].glideTo(x,y,dur);
}
dw_scrollObj.prototype.glideBy=function(dx,dy,dur){
if(!document.getElementById||this.sliding)return;
this.slideDur=dur||dw_scrollObj.slideDur;
this.destX=this.destY=this.distX=this.distY=0;
this.lyr=document.getElementById(this.lyrId);
this.startX=this.x;this.startY=this.y;
if(dy<0)this.distY=(this.startY+dy>=-this.maxY)?dy:-(this.startY+this.maxY);
else if(dy>0)this.distY=(this.startY+dy<=0)?dy:-this.startY;
if(dx<0)this.distX=(this.startX+dx>=-this.maxX)?dx:-(this.startX+this.maxX);
else if(dx>0)this.distX=(this.startX+dx<=0)?dx:-this.startX;
this.destX=this.startX+this.distX;this.destY=this.startY+this.distY;
this.slideTo(this.destX,this.destY);
}
dw_scrollObj.prototype.glideTo=function(destX,destY,dur){
if(!document.getElementById||this.sliding)return;
this.slideDur=dur||dw_scrollObj.slideDur;
this.lyr=document.getElementById(this.lyrId);
this.startX=this.x;this.startY=this.y;
this.destX=-Math.max(Math.min(destX,this.maxX),0);
this.destY=-Math.max(Math.min(destY,this.maxY),0);
this.distY=this.destY-this.startY;
this.distX=this.destX-this.startX;
this.slideTo(this.destX,this.destY);
}
dw_scrollObj.prototype.slideTo=function(destX,destY){
this.per=Math.PI/(2*this.slideDur);this.sliding=true;
this.slideStart=(new Date()).getTime();
this.aniTimer=setInterval(this.animString+".doSlide()",10);
this.on_slide_start(this.startX,this.startY);
}
dw_scrollObj.prototype.doSlide=function(){
var elapsed=(new Date()).getTime()-this.slideStart;
if(elapsed<this.slideDur){
var x=this.startX+this.distX*Math.sin(this.per*elapsed);
var y=this.startY+this.distY*Math.sin(this.per*elapsed);
this.shiftTo(this.lyr,x,y);this.on_slide(x,y);
}else{
clearInterval(this.aniTimer);this.sliding=false;
this.shiftTo(this.lyr,this.destX,this.destY);
this.lyr=null;this.on_slide_end(this.destX,this.destY);
}
}
dw_scrollObj.prototype.on_slide_start=function(){}
dw_scrollObj.prototype.on_slide=function(){}
dw_scrollObj.prototype.on_slide_end=function(){}
var dw_slidebar={
obj:null,
slideDur:500,
init:function(bar,track,axis,x,y){
x=x||0;y=y||0;
bar.style.left=x+"px";bar.style.top=y+"px";
bar.axis=axis;track.bar=bar;
if(axis=="h"){
bar.trkWd=track.offsetWidth;
bar.maxX=bar.trkWd-bar.offsetWidth-x;
bar.minX=x;bar.maxY=y;bar.minY=y;
}else{
bar.trkHt=track.offsetHeight;
bar.maxY=bar.trkHt-bar.offsetHeight-y;
bar.maxX=x;bar.minX=x;bar.minY=y;
}
bar.on_drag_start=bar.on_drag=bar.on_drag_end=
bar.on_slide_start=bar.on_slide=bar.on_slide_end=function(){}
bar.onmousedown=this.startDrag;track.onmousedown=this.startSlide;
},
startSlide:function(e){
if(dw_slidebar.aniTimer)clearInterval(dw_slidebar.aniTimer);
e=e?e:window.event;
var bar=dw_slidebar.obj=this.bar;
e.offX=(typeof e.layerX!="undefined")?e.layerX:e.offsetX;
e.offY=(typeof e.layerY!="undefined")?e.layerY:e.offsetY;
bar.startX=parseInt(bar.style.left);bar.startY=parseInt(bar.style.top);
if(bar.axis=="v"){
bar.destX=bar.startX;
bar.destY=(e.offY<bar.startY)?e.offY:e.offY-bar.offsetHeight;
bar.destY=Math.min(Math.max(bar.destY,bar.minY),bar.maxY);
}else{
bar.destX=(e.offX<bar.startX)?e.offX:e.offX-bar.offsetWidth;
bar.destX=Math.min(Math.max(bar.destX,bar.minX),bar.maxX);
bar.destY=bar.startY;
}
bar.distX=bar.destX-bar.startX;bar.distY=bar.destY-bar.startY;
dw_slidebar.per=Math.PI/(2*dw_slidebar.slideDur);
dw_slidebar.slideStart=(new Date()).getTime();
bar.on_slide_start(bar.startX,bar.startY);
dw_slidebar.aniTimer=setInterval("dw_slidebar.doSlide()",10);
},
doSlide:function(){
if(!dw_slidebar.obj){clearInterval(dw_slidebar.aniTimer);return;}
var bar=dw_slidebar.obj;
var elapsed=(new Date()).getTime()-this.slideStart;
if(elapsed<this.slideDur){
var x=bar.startX+bar.distX*Math.sin(this.per*elapsed);
var y=bar.startY+bar.distY*Math.sin(this.per*elapsed);
bar.style.left=x+"px";bar.style.top=y+"px";
bar.on_slide(x,y);
}else{
clearInterval(this.aniTimer);
bar.style.left=bar.destX+"px";bar.style.top=bar.destY+"px";
bar.on_slide_end(bar.destX,bar.destY);
this.obj=null;
}
},
startDrag:function(e){
e=dw_event.DOMit(e);
if(dw_slidebar.aniTimer)clearInterval(dw_slidebar.aniTimer);
var bar=dw_slidebar.obj=this;
bar.downX=e.clientX;bar.downY=e.clientY;
bar.startX=parseInt(bar.style.left);
bar.startY=parseInt(bar.style.top);
bar.on_drag_start(bar.startX,bar.startY);
dw_event.add(document,"mousemove",dw_slidebar.doDrag,true);
dw_event.add(document,"mouseup",dw_slidebar.endDrag,true);
e.stopPropagation();
},
doDrag:function(e){
e=e?e:window.event;
if(!dw_slidebar.obj)return;
var bar=dw_slidebar.obj;
var nx=bar.startX+e.clientX-bar.downX;
var ny=bar.startY+e.clientY-bar.downY;
nx=Math.min(Math.max(bar.minX,nx),bar.maxX);
ny=Math.min(Math.max(bar.minY,ny),bar.maxY);
bar.style.left=nx+"px";bar.style.top=ny+"px";
bar.on_drag(nx,ny);
return false;
},
endDrag:function(){
dw_event.remove(document,"mousemove",dw_slidebar.doDrag,true);
dw_event.remove(document,"mouseup",dw_slidebar.endDrag,true);
if(!dw_slidebar.obj)return;
dw_slidebar.obj.on_drag_end(parseInt(dw_slidebar.obj.style.left),parseInt(dw_slidebar.obj.style.top));
dw_slidebar.obj=null;
}
}
dw_scrollObj.prototype.setUpScrollbar=function(id,trkId,axis,offx,offy){
if(!document.getElementById)return;
var bar=document.getElementById(id);
var trk=document.getElementById(trkId);
dw_slidebar.init(bar,trk,axis,offx,offy);
bar.wn=dw_scrollObjs[this.id];
if(axis=="v")this.vBarId=id;else this.hBarId=id;
bar.on_drag_start=bar.on_slide_start=dw_scrollObj.getWndoLyrRef;
bar.on_drag_end=bar.on_slide_end=dw_scrollObj.tossWndoLyrRef;
bar.on_drag=bar.on_slide=dw_scrollObj.UpdateWndoLyrPos;
}
dw_scrollObj.getWndoLyrRef=function(){this.wnLyr=document.getElementById(this.wn.lyrId);}
dw_scrollObj.tossWndoLyrRef=function(){this.wnLyr=null;}
dw_scrollObj.UpdateWndoLyrPos=function(x,y){
var nx,ny;
if(this.axis=="v"){
nx=this.wn.x;
ny=-(y-this.minY)*(this.wn.maxY/(this.maxY-this.minY))||0;
}else{
ny=this.wn.y;
nx=-(x-this.minX)*(this.wn.maxX/(this.maxX-this.minX))||0;
}
this.wn.shiftTo(this.wnLyr,nx,ny);
}
dw_scrollObj.prototype.updateScrollbar=function(x,y){
var nx,ny;
if(this.vBarId){
if(!this.maxY)return;
ny=-(y*((this.vbar.maxY-this.vbar.minY)/this.maxY)-this.vbar.minY);
ny=Math.min(Math.max(ny,this.vbar.minY),this.vbar.maxY);
nx=parseInt(this.vbar.style.left);
this.vbar.style.left=nx+"px";this.vbar.style.top=ny+"px";
}if(this.hBarId){
if(!this.maxX)return;
nx=-(x*((this.hbar.maxX-this.hbar.minX)/this.maxX)-this.hbar.minX);
nx=Math.min(Math.max(nx,this.hbar.minX),this.hbar.maxX);
ny=parseInt(this.hbar.style.top);
this.hbar.style.left=nx+"px";this.hbar.style.top=ny+"px";
}
}
dw_scrollObj.prototype.restoreScrollbars=function(){
var bar;
if(this.vBarId){
bar=document.getElementById(this.vBarId);
bar.style.left=bar.minX+"px";bar.style.top=bar.minY+"px";
}
if(this.hBarId){
bar=document.getElementById(this.hBarId);
bar.style.left=bar.minX+"px";bar.style.top=bar.minY+"px";
}
}
dw_scrollObj.prototype.setBarSize=function(){
var bar;
var lyr=document.getElementById(this.lyrId);
var wn=document.getElementById(this.id);
if(this.vBarId){
bar=document.getElementById(this.vBarId);
bar.style.height=(lyr.offsetHeight>wn.offsetHeight)?bar.trkHt/(lyr.offsetHeight/wn.offsetHeight)+"px":bar.trkHt-2*bar.minY+"px";
bar.maxY=bar.trkHt-bar.offsetHeight-bar.minY;
}
if(this.hBarId){
bar=document.getElementById(this.hBarId);
bar.style.width=(this.wd>wn.offsetWidth)?bar.trkWd/(this.wd/wn.offsetWidth)+"px":bar.trkWd-2*bar.minX+"px";
bar.maxX=bar.trkWd-bar.offsetWidth-bar.minX;
}
}
dw_scrollObj.prototype.on_load=function(){
this.restoreScrollbars();
}
dw_scrollObj.prototype.on_scroll=dw_scrollObj.prototype.on_slide=function(x,y){this.updateScrollbar(x,y);}
dw_scrollObj.prototype.on_scroll_start=dw_scrollObj.prototype.on_slide_start=function(){
if(this.vBarId)this.vbar=document.getElementById(this.vBarId);
if(this.hBarId)this.hbar=document.getElementById(this.hBarId);
}
dw_scrollObj.prototype.on_scroll_end=dw_scrollObj.prototype.on_slide_end=function(x,y){
this.updateScrollbar(x,y);
this.lyr=null;this.bar=null;
}
var dw_event={
add:function(obj,etype,fp,cap){
cap=cap||false;
if(obj.addEventListener)obj.addEventListener(etype,fp,cap);
else if(obj.attachEvent)obj.attachEvent("on"+etype,fp);
},
remove:function(obj,etype,fp,cap){
cap=cap||false;
if(obj.removeEventListener)obj.removeEventListener(etype,fp,cap);
else if(obj.detachEvent)obj.detachEvent("on"+etype,fp);
},
DOMit:function(e){
e=e?e:window.event;
e.tgt=e.srcElement?e.srcElement:e.target;
if(!e.preventDefault)e.preventDefault=function(){return false;}
if(!e.stopPropagation)e.stopPropagation=function(){if(window.event)window.event.cancelBubble=true;}
return e;
}
}