<!--
/*********************************************************************
Simu's HV Scrolling Script v.1.2 || Copyright by Simu Käser
Basic DHTML-lib by DHTMLCentral.com; remade by Simu Käser
www.retedesign.ch.vu || www.simushome.com || simuk@freesurf.ch
 this is the script-part if you edit below please note it in the script
**********************************************************************/

function makeobj(obj,nest){
this.nested="";
if(bw.ns4 && nest){ //get nested
nest="n "+nest;
nest=nest.split(' ');
for(var i=1;i<nest.length;i++) this.nested+="document."+nest[i]+".";}
this.el=bw.ns4?eval(this.nested+'document.layers["'+obj+'"]'):bw.all?eval('document.all["'+obj+'"]'):bw.dom?eval('document.getElementById("'+obj+'")'):0;
this.css=(bw.dom || bw.all)?this.el.style:this.el;
this.re=bw.ns4?this.css.document:document;
this.w=this.el.offsetWidth||this.css.clip.width||this.re.width||this.css.pixelWidth||0;
this.h=this.el.offsetHeight||this.css.clip.height||this.re.height||this.css.pixelHeight||0;
this.y=parseInt(this.css.top)||this.css.pixelTop||this.el.offsetTop||0;
this.x=parseInt(this.css.left)||this.css.pixelLeft||this.el.offsetLeft||0;
this.drag=false;
this.interv=false;
this.obj=obj+"Object"; eval(this.obj+"=this");
return this}

makeobj.prototype.vmoveto=function(y){
this.y=y; this.css.top=y;}

makeobj.prototype.hmoveto=function(x){
this.x=x; this.css.left=x;}

makeobj.prototype.changebg=function(color){
if(color=='transparent' && bw.ns4) color=null;
if(bw.ns4) this.css.bgColor=color;
if(bw.ope5) this.css.background=color;
else this.css.backgroundColor=color;}

makeobj.prototype.checkover=function(x,y){
if(x>(this.x)&&x<(this.x+this.w)&&y>this.y&&y<(this.y+this.h)){ return true }
else{ return false }}

function mouse_moved(e){
x=(bw.ns4 || bw.mozilla)?e.pageX:event.x+document.body.scrollLeft-2;
y=(bw.ns4 || bw.mozilla)?e.pageY:event.y+document.body.scrollTop-1;
for(i=1;i<=scrollnr;i++){
if(scroller[i].vert){
if(vod[i].drag){
ddy=(bw.ns4 || bw.mozilla)?e.pageY-dy:event.y+document.body.scrollTop-dy;
if(ddy<vsb[i].y) ddy=vsb[i].y;
if(ddy>vsb[i].y+vsb[i].h-vod[i].h) ddy=vsb[i].y+vsb[i].h-vod[i].h;
vod[i].vmoveto(ddy);
vscro(i);
return false}
if(vsu[i].interv&&!vsu[i].checkover(x,y)) vsu[i].out(scroller[i].varrbg);
if(vsd[i].interv&&!vsd[i].checkover(x,y)) vsd[i].out(scroller[i].varrbg);
if(vsb[i].interv&&!vsb[i].checkover(x,y)) vsb[i].out(scroller[i].vsbgbg);}
if(scroller[i].hori){
if(hod[i].drag){
ddx=(bw.ns4 || bw.mozilla)?e.pageX-dx:event.x+document.body.scrollLeft-dx;
if(ddx<hsb[i].x) ddx=hsb[i].x;
if(ddx>hsb[i].x+hsb[i].w-hod[i].w) ddx=hsb[i].x+hsb[i].w-hod[i].w;
hod[i].hmoveto(ddx);
hscro(i);
return false}
if(hsu[i].interv&&!hsu[i].checkover(x,y)) hsu[i].out(scroller[i].harrbg);
if(hsd[i].interv&&!hsd[i].checkover(x,y)) hsd[i].out(scroller[i].harrbg);
if(hsb[i].interv&&!hsb[i].checkover(x,y)) hsb[i].out(scroller[i].hsbgbg);}}}

function mouse_down(e){
x=(bw.ns4 || bw.mozilla)?e.pageX:event.x+document.body.scrollLeft-2;
y=(bw.ns4 || bw.mozilla)?e.pageY:event.y+document.body.scrollTop-1;
for(i=1;i<=scrollnr;i++){
if(scroller[i].vert){
if(vod[i].checkover(x,y)){
vod[i].drag=true;
vod[i].changebg(scroller[i].vscrbgdown);
vsb[i].changebg(scroller[i].vsbgbg);
dy=(bw.ns4 || bw.mozilla)?e.pageY-vod[i].y:event.y-vod[i].y+document.body.scrollTop;
return false}
if(vsd[i].checkover(x,y)){
vsd[i].interv=setInterval('vscroby('+scroller[i].vspeed+','+i+')',10);
vsd[i].changebg(scroller[i].varrbgdown);
return false}
if(vsu[i].checkover(x,y)){
vsu[i].interv=setInterval('vscroby(-'+scroller[i].vspeed+','+i+')',10);
vsu[i].changebg(scroller[i].varrbgdown);
return false}
if(vsb[i].checkover(x,y)){
vsb[i].interv=setInterval('vscrobg('+i+')',5);
vsb[i].changebg(scroller[i].vsbgbgdown);
ey=(bw.ns4 || bw.mozilla)?e.pageY:event.y+document.body.scrollTop;
return false}}
if(scroller[i].hori){
if(hod[i].checkover(x,y)){
hod[i].drag=true;
hod[i].changebg(scroller[i].hscrbgdown);
hsb[i].changebg(scroller[i].hsbgbg);
dx=(bw.ns4 || bw.mozilla)?e.pageX-hod[i].x:event.x-hod[i].x+document.body.scrollLeft;
return false}
if(hsd[i].checkover(x,y)){
hsd[i].interv=setInterval('hscroby('+scroller[i].hspeed+','+i+')',10);
hsd[i].changebg(scroller[i].harrbgdown);
return false}
if(hsu[i].checkover(x,y)){
hsu[i].interv=setInterval('hscroby(-'+scroller[i].hspeed+','+i+')',10);
hsu[i].changebg(scroller[i].harrbgdown);
return false}
if(hsb[i].checkover(x,y)){
hsb[i].interv=setInterval('hscrobg('+i+')',5);
hsb[i].changebg(scroller[i].hsbgbgdown);
ex=(bw.ns4 || bw.mozilla)?e.pageX:event.x+document.body.scrollLeft;
return false}}}}

function mouse_up(e){
x=(bw.ns4 || bw.mozilla)?e.pageX:event.x+document.body.scrollLeft-2;
y=(bw.ns4 || bw.mozilla)?e.pageY:event.y+document.body.scrollTop-1;
for(i=1;i<=scrollnr;i++){
stopit(i);
if(scroller[i].vert){
vod[i].drag=false;
if(vod[i].checkover(x,y)){ vod[i].changebg(scroller[i].vscrbghov);}
if(!vod[i].checkover(x,y)){ vod[i].changebg(scroller[i].vscrbg);}
if(vsd[i].checkover(x,y)){ vsd[i].changebg(scroller[i].varrbghov);}
if(!vsd[i].checkover(x,y)){ vsd[i].changebg(scroller[i].varrbg);}
if(vsu[i].checkover(x,y)){ vsu[i].changebg(scroller[i].varrbghov);}
if(!vsu[i].checkover(x,y)){ vsu[i].changebg(scroller[i].varrbg);}
if(vsb[i].checkover(x,y)&&!vod[i].checkover(x,y)){ vsb[i].changebg(scroller[i].vsbgbghov);}
if(!vsb[i].checkover(x,y)){ vsb[i].changebg(scroller[i].vsbgbg);}}
if(scroller[i].hori){
hod[i].drag=false;
if(hod[i].checkover(x,y)){ hod[i].changebg(scroller[i].hscrbghov);}
if(!hod[i].checkover(x,y)){ hod[i].changebg(scroller[i].hscrbg);}
if(hsd[i].checkover(x,y)){ hsd[i].changebg(scroller[i].harrbghov);}
if(!hsd[i].checkover(x,y)){ hsd[i].changebg(scroller[i].harrbg);}
if(hsu[i].checkover(x,y)){ hsu[i].changebg(scroller[i].harrbghov);}
if(!hsu[i].checkover(x,y)){ hsu[i].changebg(scroller[i].harrbg);}
if(hsb[i].checkover(x,y)&&!hod[i].checkover(x,y)){ hsb[i].changebg(scroller[i].hsbgbghov);}
if(!hsb[i].checkover(x,y)){ hsb[i].changebg(scroller[i].hsbgbg);}}}}

function stopit(i){
if(scroller[i].hori){
clearInterval(hsd[i].interv);
clearInterval(hsu[i].interv);
clearInterval(hsb[i].interv);}
if(scroller[i].vert){
clearInterval(vsd[i].interv);
clearInterval(vsu[i].interv);
clearInterval(vsb[i].interv);}}

makeobj.prototype.scrover=function(col){
if(bw.mozilla){
for(x in scroller){
if(scroller[x].hori){
if(hod[x].drag){ drag=true; return false;}}
if(scroller[x].vert){
if(vod[x].drag){ drag=true; return false;}}}}
if(!this.drag){
this.changebg(col);}}

makeobj.prototype.scrout=function(col){
if(!this.drag){
this.changebg(col);}}

makeobj.prototype.over=function(col){
if(bw.mozilla){
for(x in scroller){
if(scroller[x].hori){
if(hod[x].drag){ drag=true; return false;}}
if(scroller[x].vert){
if(vod[x].drag){ drag=true; return false;}}}}
this.changebg(col);}

makeobj.prototype.out=function(col){
clearInterval(this.interv);
this.changebg(col);}

function vscroby(d,i){

y=vod[i].y+d;
if(y<vsb[i].y){ y=vsb[i].y; stopit(i);}
if(y>vsb[i].y+vsb[i].h-vod[i].h){ y=vsb[i].y+vsb[i].h-vod[i].h; stopit(i);}
vod[i].vmoveto(y);
vscro(i);}

function vscrobg(i){
if(ey<vod[i].y) d=scroller[i].vspeed*5;
else if(ey>vod[i].y+vod[i].h) d=-scroller[i].vspeed*5;
by=vod[i].y+((vsb[i].h-vod[i].h)/-(scr[i].h/d));
if(Math.abs(ey-vod[i].h/2-by)<Math.abs(d)){ by=ey-vod[i].h/2; stopit(i);}
if(by<vsb[i].y){ by=vsb[i].y; stopit(i);}
if(by>vsb[i].y+vsb[i].h-vod[i].h){ by=vsb[i].y+vsb[i].h-vod[i].h; stopit(i);}
vod[i].vmoveto(by);
vscro(i);}

function vscro(i){
y=(scr[i].h-sc[i].h+10)/(vsb[i].h-vod[i].h);
y*=-(vod[i].y-vsb[i].y);
scr[i].vmoveto(y+5);}

function hscroby(d,i){
x=hod[i].x+d;
if(x<hsb[i].x){ x=hsb[i].x; stopit(i);}
if(x>hsb[i].x+hsb[i].w-hod[i].w){ x=hsb[i].x+hsb[i].w-hod[i].w; stopit(i);}
hod[i].hmoveto(x);
hscro(i);}

function hscrobg(i){
if(ex<hod[i].x) d=scroller[i].hspeed*5;
else if(ex>hod[i].x+hod[i].w) d=-scroller[i].hspeed*5;
bx=hod[i].x+((hsb[i].w-hod[i].w)/-(scr[i].w/d));
if(Math.abs(ex-hod[i].w/2-bx)<Math.abs(d)){ bx=ex-hod[i].w/2; stopit(i);}
if(bx<hsb[i].x){ bx=hsb[i].x; stopit(i);}
if(bx>hsb[i].x+hsb[i].w-hod[i].w){ bx=hsb[i].x+hsb[i].w-hod[i].w; stopit(i);}
hod[i].hmoveto(bx);
hscro(i);}

function hscro(i){
x=(scr[i].w-sc[i].w+20)/(hsb[i].w-hod[i].w);
x*=-(hod[i].x-hsb[i].x);
scr[i].hmoveto(x+10);}

function cargarscroller(){
vod=new Array(); hod=new Array();
vsd=new Array(); hsd=new Array();
vsu=new Array(); hsu=new Array();
vsb=new Array(); hsb=new Array();
sc=new Array();
scr=new Array();
for(i=1;i<=scrollnr;i++){
sc[i]=new makeobj('scroll'+i);
scr[i]=new makeobj('scrolltext'+i,'scroll'+i);
if(scroller[i].vertical){
vod[i]=new makeobj('vscroller'+i);
vsd[i]=new makeobj('vscrolldo'+i);
vsu[i]=new makeobj('vscrollup'+i);
vsb[i]=new makeobj('vscrollbg'+i);
if(scr[i].h<sc[i].h){ scroller[i].vert=0}
if(scr[i].h>sc[i].h){ scroller[i].vert=1;}
if(scroller[i].vert){

vod[i].css.visibility=bw.ns4?'show':'visible';
vsd[i].css.visibility=bw.ns4?'show':'visible';
vsu[i].css.visibility=bw.ns4?'show':'visible';
vsb[i].css.visibility=bw.ns4?'show':'visible';
vod[i].el.onmouseover=new Function('vod['+i+'].scrover("'+scroller[i].vscrbghov+'")');
vod[i].el.onmouseout=new Function('vod['+i+'].scrout("'+scroller[i].vscrbg+'")');
vsd[i].el.onmouseover=new Function('vsd['+i+'].over("'+scroller[i].varrbghov+'")');
vsd[i].el.onmouseout=new Function('vsd['+i+'].out("'+scroller[i].varrbg+'")');
vsu[i].el.onmouseover=new Function('vsu['+i+'].over("'+scroller[i].varrbghov+'")');
vsu[i].el.onmouseout=new Function('vsu['+i+'].out("'+scroller[i].varrbg+'")');
vsb[i].el.onmouseover=new Function('vsb['+i+'].over("'+scroller[i].vsbgbghov+'")');
vsb[i].el.onmouseout=new Function('vsb['+i+'].out("'+scroller[i].vsbgbg+'")');
scroller[i].vspeed=Math.abs(scroller[i].vspeed*(vsb[i].h/(scr[i].h-sc[i].h+10)));}
else{
vod[i].css.visibility=bw.ns4?'hide':'hidden';
vsd[i].css.visibility=bw.ns4?'hide':'hidden';
vsu[i].css.visibility=bw.ns4?'hide':'hidden';
vsb[i].css.visibility=bw.ns4?'hide':'hidden';}}
if(!scroller[i].vertical) scroller[i].vert=0;
if(scroller[i].horizontal){
hod[i]=new makeobj('hscroller'+i);
hsd[i]=new makeobj('hscrollri'+i);
hsu[i]=new makeobj('hscrollle'+i);
hsb[i]=new makeobj('hscrollbg'+i);
if(scr[i].w<sc[i].w){ hod[i].css.visibility=bw.ns4?'hide':'hidden'; scroller[i].hori=0;}
if(scr[i].w>sc[i].w){ hod[i].css.visibility=bw.ns4?'show':'visible'; scroller[i].hori=1;}
if(scroller[i].hori){
hod[i].css.visibility=bw.ns4?'show':'visible';
hsd[i].css.visibility=bw.ns4?'show':'visible';
hsu[i].css.visibility=bw.ns4?'show':'visible';
hsb[i].css.visibility=bw.ns4?'show':'visible';
hod[i].el.onmouseover=new Function('hod['+i+'].scrover("'+scroller[i].hscrbghov+'")');
hod[i].el.onmouseout=new Function('hod['+i+'].scrout("'+scroller[i].hscrbg+'")');
hsd[i].el.onmouseover=new Function('hsd['+i+'].over("'+scroller[i].harrbghov+'")');
hsd[i].el.onmouseout=new Function('hsd['+i+'].out("'+scroller[i].harrbg+'")');
hsu[i].el.onmouseover=new Function('hsu['+i+'].over("'+scroller[i].harrbghov+'")');
hsu[i].el.onmouseout=new Function('hsu['+i+'].out("'+scroller[i].harrbg+'")');
hsb[i].el.onmouseover=new Function('hsb['+i+'].over("'+scroller[i].hsbgbghov+'")');
hsb[i].el.onmouseout=new Function('hsb['+i+'].out("'+scroller[i].hsbgbg+'")');
scroller[i].hspeed=Math.abs(scroller[i].hspeed*(hsb[i].w/(scr[i].w-sc[i].w+10)));}
else{
hod[i].css.visibility=bw.ns4?'hide':'hidden';
hsd[i].css.visibility=bw.ns4?'hide':'hidden';
hsu[i].css.visibility=bw.ns4?'hide':'hidden';
hsb[i].css.visibility=bw.ns4?'hide':'hidden';}}
if(!scroller[i].horizontal) scroller[i].hori=0;
if(bw.mozilla) scr[i].css.position='relative';}
if(bw.ns4) document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP)
document.onmousemove=mouse_moved;
document.onmousedown=mouse_down;
document.onmouseup=mouse_up;}

onresize=function(){ if(bw.ns4) setTimeout("history.go(0)",200);}

//-->




<!--
/*********************************************************************
Simu's HV Scrolling Script || Copyright by Simu Käser
www.retedesign.ch.vu || www.simushome.com || simuk@freesurf.ch
**********************************************************************
tested on:

Netscape 4-4.77
Netscape 6-6.1
Internet Explorer 5+
Mozilla 0.9

**********************************************************************/

//number of scrollable-content you have
var scrollnr=1;

//don't delete or edit this line!
scroller=new Array();

/*********************************************************************
these are the styles of the first scroller

Note that you have to set the width, height, position and the font in
the css on top!
if you use more that one scroller you have to copy all
the css and change the number at the end of each name to the number of
the scroller.

you have to set styles for each scrollers: scroller[1] for scroller #1
                                           scroller[2] for scroller #2
                                           scroller[3] for scroller #2
*********************************************************************/
scroller[1]=new Array();

//set this to one if you want to use a vertical-scrollbar
scroller[1].vertical=1;
//set this to one if you want to use a horizontal-scrollbar
scroller[1].horizontal=0;

//styles for the vertical-scrollbar (if you set scroller[1].vertical to '0' you can remove them)
//scrollspeed of the arrows
scroller[1].vspeed=8;
//background-color of the scrollbar
scroller[1].vscrbg="#000000";
//hover background-color of the scrollbar
scroller[1].vscrbghov="#FFE1E1";
//background-color of the scrollbar if the mouse is down on it
scroller[1].vscrbgdown="#FFFFFF";
//background-color of the arrows
scroller[1].varrbg="#000000";
//hover background-color of the arrows
scroller[1].varrbghov="#FFE1E1";
//background-color of the arrows if the mouse is down on it
scroller[1].varrbgdown="#FFFFFF";
//background-color of the scrollbar-bg
scroller[1].vsbgbg="#FFE1E1";
//hover background-color of the scrollbar-bg
scroller[1].vsbgbghov="#786464";
//background-color of the scrollbar-bg if the mouse is down on it
scroller[1].vsbgbgdown="#FFFFFF";
//end of the styles of the vertical-scrollbar

//styles for the horizontal-scrollbar (if you set scroller[1].horizontal to '0' you can remove them)
//scrollspeed of the arrows
scroller[1].hspeed=8;
//background-color of the scrollbar
scroller[1].hscrbg="#000000";
//hover background-color of the scrollbar
scroller[1].hscrbghov="#FFE1E1";
//background-color of the scrollbar if the mouse is down on it
scroller[1].hscrbgdown="#FFFFFF";
//background-color of the arrows
scroller[1].harrbg="#000000";
//hover background-color of the arrows
scroller[1].harrbghov="#FFE1E1";
//background-color of the arrows if the mouse is down on it
scroller[1].harrbgdown="#FFFFFF";
//background-color of the scrollbar-bg
scroller[1].hsbgbg="#FFE1E1";
//hover background-color of the scrollbar-bg
scroller[1].hsbgbghov="#786464";
//background-color of the scrollbar-bg if the mouse is down on it
scroller[1].hsbgbgdown="#FFFFFF";
//end of the styles of the horizontal-scrollbar
//end of the styles

/*********************************************************************
Notes:
If you want the text breaking automaticly at the width of the
'scrolltext1' (in Netscape4 it will break at the width of the 'scroll1')
you have to remove the table in the 'scrolltext1'!
*********************************************************************/
//-->