/* checked with jsLint 2009 04 30 */
mainWidth=100;subWidth=133;barWidth=560;    // caption lengths
barHPos='center';barVPos='top';subPosn='center';// positioning
moveOnScroll=false;scrollSpeed=20;    // keep menu on screen??
/* end of user config area -- do not touch below this point */
var pObj,zObj,barTop;p=mainWidth-subWidth;
switch(subPosn.toLowerCase()){ //submenu calc is static
  case'left':subTab=0;break;
  case'center':subTab=(p-3)/2;break;
  case'right':subTab=p;break;
  default:subTab=parseInt(subPosn,10);}
function getWidth(oNode){return oNode.offsetWidth;}
function checkScrolled(){
  zObj.style.top=document.documentElement.scrollTop+barTop+'px';
  setTimeout(checkScrolled,scrollSpeed);}
function show(elmnt){
  if (document.getElementById(elmnt)===null) {return;}
  document.getElementById(elmnt).style.marginLeft=subTab+'px';
  document.getElementById(elmnt).style.display="block";}
function hide(elmnt){
  if (document.getElementById(elmnt)===null) {return;}
  document.getElementById(elmnt).style.display="none";}
function menuPosn(){
  p=document.body.offsetWidth-barWidth;
  switch(barHPos.toLowerCase()){
    case'left':shift=0;break;
    case'center':shift=p/2;break;
    case'right':shift=p;break;
    default:shift=parseInt(barHPos,10);}
  zObj.style.left=shift+'px';
  p=document.body.clientHeight+document.documentElement.clientHeight;
  switch(barVPos.toLowerCase()){
    case'top':barTop=0;break;
    case'middle':barTop=p/2;break;
    case'bottom':barTop=p-25;break;
    default:shift=parseInt(barVPos,10);}
  document.getElementById('zone').style.top=barTop+'px';}
function menuInit(param){
  document.getElementById('jsmsg').style.display='none';//noscript fix
  if (param) {return;} // for situation that doesnt need drop menu
  zObj=document.getElementById('zone');
  pObj=zObj.parentNode;menuWrite();
  menuPosn();//init positions menu 'zone', sets scrolling ptr
  if(moveOnScroll){checkScrolled();}
  window.onresize=menuPosn;}
function menuWrite(){
copy ='';copy+='<ul class="cl1" id="cl1">';
copy+='<li class="cl1" onmouseover="show(\'id1\')"';
copy+=' onmouseout="hide(\'id1\')"><a class="cl1" href="#">Markup<\/a>';
copy+='<ul class="cl2" id="id1" onmouseover="show(\'id1\')" onmouseout="hide(\'id1\')">';
copy+='<li class="cl2" onmouseover="show(\'id132\')"';
copy+=' onmouseout="hide(\'id132\')"><a class="cl3" href="#">HTML&hellip;<\/a>';
copy+='<ul class="cl3" id="id132" onmouseover="show(\'id132\')" onmouseout="hide(\'id132\')">';
copy+='<li class="cl2"><a class="cl3" href="htmlqwkh.htm">Quick HTML<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="htmlimpl.htm">JR\'s Notes<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="htmlcode.htm">JR\'s Specs<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="http://www.w3.org/TR/HTML401/">W3 Recs<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl2" onmouseover="show(\'id133\')"';
copy+=' onmouseout="hide(\'id133\')"><a class="cl3" href="#">CSS Style&hellip;<\/a>';
copy+='<ul class="cl3" id="id133" onmouseover="show(\'id133\')" onmouseout="hide(\'id133\')">';
copy+='<li class="cl2"><a class="cl3" href="htmlqwks.htm">Quick Style<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="htmlstyl.htm">JR\'s Notes<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="htmlcod1.htm">JR\'s Specs<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="http://www.w3.org/TR/CSS21/">W3 Recs<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="http://www.w3.org/Style/CSS/">W3 Notes<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl2" onmouseover="show(\'id134\')"';
copy+=' onmouseout="hide(\'id134\')"><a class="cl3" href="#">Forms&hellip;<\/a>';
copy+='<ul class="cl3" id="id134" onmouseover="show(\'id134\')" onmouseout="hide(\'id134\')">';
copy+='<li class="cl2"><a class="cl3" href="htmlqwkf.htm">Quick Forms<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="htmlform.htm">JR\'s Notes<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="htmlcode.htm#form">JR\'s Specs<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="http://www.w3.org/TR/HTML401/interact/forms.html">W3 Recs<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="jstutor9.htm">JS Form Syntax<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="jstutora.htm">JS&nbsp;Dynamic&nbsp;Forms<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="jstutorb.htm">JS&nbsp;Form&nbsp;Validation<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="jsprojf.htm">JS&nbsp;Form&nbsp;Projects<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="http://www.w3.org/MarkUp/Forms/">XForms Recs<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="http://www.whatwg.org/specs/web-forms/current-work/">WebForms 2.0<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl2"><a class="cl2" href="htmltest.htm">Testing<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="htmlpubl.htm">Publishing<\/a><\/li>';
copy+='<li class="cl2" onmouseover="show(\'id15\')"';
copy+=' onmouseout="hide(\'id15\')"><a class="cl2" href="#">ToolBox&hellip;<\/a>';
copy+='<ul class="cl3" id="id15" onmouseover="show(\'id15\')" onmouseout="hide(\'id15\')">';
copy+='<li class="cl2"><a class="cl3" href="htmlbrow.htm">Browsers<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="htmlditi.htm">Images&amp;Media Lab<\/a><\/li>';
copy+='<li class="cl2"><a class="cl3" href="htmledit.htm">HTML Editors<\/a><\/li>';
copy+='<\/ul><\/li><\/ul><\/li>';
copy+='<li class="cl1" onmouseover="show(\'id2\')"';
copy+=' onmouseout="hide(\'id2\')"><a class="cl1" href="#">JavaScript<\/a>';
copy+='<ul class="cl2" id="id2" onmouseover="show(\'id2\')" onmouseout="hide(\'id2\')">';
copy+='<li class="cl2"><a class="cl2" href="jsintro.htm">JS Introduction<\/a><\/li>';
copy+='<li class="cl2" onmouseover="show(\'id22\')"';
copy+=' onmouseout="hide(\'id22\')"><a class="cl2" href="jstutor0.htm">JR\'s Tutorials&hellip;<\/a>';
copy+='<ul class="cl3" id="id22" onmouseover="show(\'id22\')" onmouseout="hide(\'id22\')">';
copy+='<li class="cl3"><a class="cl3" href="jstutor0.htm">Table of Contents<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutor1.htm">Basic Display<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutor2.htm">Syntax and Grammar<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutor3.htm">Control,Functions,Objects<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutor4.htm">Events<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutor5.htm">DOM Techniques<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutor6.htm">DHTML<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutor7.htm">Animation<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutor8.htm">MultiMedia<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutor9.htm">Working With Forms<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutora.htm">Dynamic Forms<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutorb.htm">Form Validation<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutorc.htm">Validation Examples<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutord.htm">Cookies<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutore.htm">Menu Systems<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutorf.htm">Regular Expressions<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutorg.htm">Graphics and Imaging<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutorh.htm">User Defined Objects<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutori.htm">Debugging<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jstutorx.htm">Appendices<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl2"><a class="cl2" href="jsproj.htm">JS Big Projects<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="jsproj2.htm">JS Short Projects<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="jsprojf.htm">JS Form Projects<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="jsintro.htm#why">WebPage Effects<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl1" onmouseover="show(\'id3\')"';
copy+=' onmouseout="hide(\'id3\')"><a class="cl1" href="#">Java&nbsp;O.O.P.L.<\/a>';
copy+='<ul class="cl2" id="id3" onmouseover="show(\'id3\')" onmouseout="hide(\'id3\')">';
copy+='<li class="cl2"><a class="cl2" href="jaintro.htm">Java Introduction<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" onmouseover="show(\'id32\')"';
copy+=' onmouseout="hide(\'id32\')" href="jatutor0.htm">JR\'s&nbsp;Tutorials&hellip;<\/a>';
copy+='<ul class="cl3" id="id32" onmouseover="show(\'id32\')" onmouseout="hide(\'id32\')">';
copy+='<li class="cl3"><a class="cl3" href="jatutor0.htm">Table of Contents<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutor1.htm">Objects, Apps and Applets<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutor2.htm">Syntax and Grammar<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutor3.htm">Control Flow<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutor4.htm">Encapsulation and Classes<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutor5.htm">Inheritance&amp;Polymorphism<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutor6.htm">Class Libraries<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutor7.htm">String Manipulation<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutor8.htm">Generics and Exceptions<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutor9.htm">File IO<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutora.htm">Swing GUI Widgets<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutorb.htm">Intermediate Swing<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutorc.htm">Advanced Swing<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutord.htm">Designing Swing GUIs<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutore.htm">GUI Views and Studies<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutorf.htm">Threads and Serialization<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutorg.htm">Graphics and Imaging<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutorh.htm">Java Networking<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutori.htm">Debugging<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="jatutorx.htm">Appendices<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl2"><a class="cl2" href="japroj.htm">Problems&amp;Projects<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="japroj2.htm">Web Projects<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="jaintro.htm#tut">Tutorials&nbsp;By&nbsp;Others<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl1" onmouseover="show(\'id4\')"';
copy+=' onmouseout="hide(\'id4\')"><a class="cl1" href="#">Computer&nbsp;Sci<\/a>';
copy+='<ul class="cl2" id="id4" onmouseover="show(\'id4\')" onmouseout="hide(\'id4\')">';
copy+='<li class="cl2"><a class="cl2" href="http://www.alice.org/">Alice<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://www.csszengarden.com/">cssZenGarden<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://hotpot.uvic.ca/">HotPotatoes<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="csmethod.htm">Methodology<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="csmicro.htm">MicroController&nbsp;I<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="csmicro2.htm">MicroController&nbsp;II<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://moodle.org/">Moodle CBL|CMS<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="hmradio.htm">SDR &amp; QRP Radios<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl1" onmouseover="show(\'id5\')"';
copy+=' onmouseout="hide(\'id5\')"><a class="cl1" href="#">Home&amp;Links<\/a>';
copy+='<ul class="cl2" id="id5" onmouseover="show(\'id5\')" onmouseout="hide(\'id5\')">';
copy+='<li class="cl2"><a class="cl2" href="home.htm">JR\'s HomePage<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://www.htmlhelp.com/tools/validator/">HTML Validator<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://jigsaw.w3.org/css-validator/">CSS Validator<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://validator.w3.org/checklink/">Link Checker<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://www.jslint.com/">jsLint<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://www.tmason1.com/">T. Mason<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://www.niagaraweddinghelper.com/">D. Rogers<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://www.stcatharinesstampclub.ca/">Stamp Club<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://home.cogeco.ca/~cipher/">Cryptology<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://home.cogeco.ca/~trains/">Model Railways<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://home.cogeco.ca/~trains/rrall.htm">Niagara Railways<\/a><\/li>';
copy+='<\/ul><\/li>';copy+='<\/ul>';
document.getElementById('zone').innerHTML=copy;}