var zxcLinkAry=new Array();
zxcLinkAry[0]=['S','CSBTutorial.htm','Introduction'];
zxcLinkAry[1]=['1','CSBTutorial1.htm','The Display & Scroll Bar HTML']
zxcLinkAry[2]=['2','CSBTutorial2.htm','Adding Functionality']
zxcLinkAry[3]=['3','CSBTutorial3.htm','Multiple Applications']
zxcLinkAry[4]=['4','CSBTutorial4.htm','IFRAME Applications']
zxcLinkAry[5]=['5','CSBTutorial5.htm','Horizontal Scroll Bars']
zxcLinkAry[6]=['6','CSBTutorial6.htm','Combining Vertical & Vertical Scroll Bars'];

var zxcMess,zxcMessS,zxcTO;
var zxcCursor='pointer';

if (document.all){ zxcCursor='hand'; }

function zxcNav(id,x,y){
 zxct=document.getElementById(id);
 zxcp=document.createElement('DIV');
 zxcp.style.position='absolute';
 zxcp.style.backgroundColor='#FFFFCC';
 zxcp.style.border='solid black 1px;';
 document.getElementsByTagName('BODY')[0].appendChild(zxcp);
 zxcl=zxcLinkAry.length;
 for (zxc0=0;zxc0<zxcl;zxc0++){
  zxcimg=document.createElement('IMG');
  zxcp.appendChild(zxcimg);
  zxcimg.width='32';
  zxcimg.height='32';
  if (zxc0==zxcPage){ zxcimg.src='Current.gif'; }
  if (zxc0<zxcPage){ zxcimg.src='LArrow.gif'; }
  if (zxc0>zxcPage){ zxcimg.src='RArrow.gif'; }
  zxcimgs=zxcimg.style;
  zxcimgs.position='absolute';
  zxcimgs.left=(zxc0*34)+'px';
  zxcimgs.top='1px';
  zxcimgs.cursor=zxcCursor;
  zxcdiv=document.createElement('DIV');
  zxcp.appendChild(zxcdiv);
  zxcdiv.appendChild(document.createTextNode(zxcLinkAry[zxc0][0]));
  zxcdiv.location='CSBTutorial'+zxc0+'.htm';
  zxcdivs=zxcdiv.style;
  zxcdivs.position='absolute';
  zxcdivs.left=(zxc0*34+14)+'px';
  if (zxc0<zxcPage){ zxcdivs.left=(zxc0*34+17)+'px'; }
  zxcdivs.top='11px';
  zxcdivs.fontSize='11px';
  zxcb=zxcimg.cloneNode(true);
  zxcp.appendChild(zxcb);
  zxcb.src='http://www.vicsjavascripts.org.uk/StdImages/Blank.gif';
  zxcb.location=zxcLinkAry[zxc0][1];
  zxcb.message=zxcLinkAry[zxc0][2];
  zxcb.onclick=function(){ window.top.location=this.location; }
  zxcb.onmouseout=function(){ zxcMessS.visibility='hidden'; }
  zxcb.onmouseover=function(){ if (this.message){ zxcMess.firstChild.data=this.message; zxcMessS.visibility='visible'; } }
 }
 zxcp.style.width=(7*34)+'px';
 zxcp.style.height=(34)+'px';
 zxcMess=zxcp.cloneNode(false);
 zxcp.appendChild(zxcMess);
 zxcMessS=zxcMess.style;
 zxcMessS.position='absolute';
 zxcMessS.visibility='hidden';
 zxcMessS.left='0px';
 zxcMessS.top=(zxcp.offsetHeight)+'px';
 zxcMessS.height='14px';
 zxcMessS.fontSize='12px';
 zxcMessS.textAlign='center';
 zxcMess.appendChild(document.createTextNode('vic'));
 zxcp.style.left=(zxcNavPos(zxct)[0]+x-zxcp.offsetWidth/2)+'px';
 zxcp.style.top=(zxcNavPos(zxct)[1]+y)+'px';
}

function zxcNavPos(zxc){
 zxcObjLeft = zxc.offsetLeft;
 zxcObjTop = zxc.offsetTop;
 while(zxc.offsetParent!=null){
  zxcObjParent=zxc.offsetParent;
  zxcObjLeft+=zxcObjParent.offsetLeft;
  zxcObjTop+=zxcObjParent.offsetTop;
  zxc=zxcObjParent;
 }
 return [zxcObjLeft,zxcObjTop];
}