mainWidth=150;subWidth=233;barWidth=760;    // caption lengths
barHPos='left';barVPos='top';subPosn='center';// positioning
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 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(){
  document.getElementById('jsmsg').style.display='none';//noscript fix
  zObj=document.getElementById('zone');
  pObj=zObj.parentNode;menuWrite();
  menuPosn();//init positions menu 'zone', sets scrolling ptr
  window.onresize=menuPosn;}

function blank(){

}

function menuWrite(){
copy='';
copy+='';copy+='<ul class="cl1" id="cl1">';
copy+='<li class="cl4" onmouseover="blank()"';
copy+=' onmouseout="hide(\'id1\')"><a class="cl4" href="#">Windsor Judo Club      <\/a>';
copy+='<li class="cl1" onmouseover="show(\'id1\')"';
copy+=' onmouseout="hide(\'id1\')"><a class="cl1" href="http://www.windsorjudo.co.uk/index.htm">Home<\/a>';
copy+='<li class="cl1" onmouseover="show(\'id2\')"';
copy+=' onmouseout="hide(\'id2\')"><a class="cl3" href="#">About<\/a>';
copy+='<ul class="cl2" id="id2" onmouseover="show(\'id2\')" onmouseout="hide(\'id2\')">';
copy+='<li class="cl2"><a class="cl2" href="http://www.windsorjudo.co.uk/theclub.htm">The Club<\/a><\/li>';
copy+='<li class="cl2" onmouseover="show(\'id22\')"';
copy+=' onmouseout="hide(\'id22\')"><a class="cl2" href="http://www.windsorjudo.co.uk/instructors.htm">Coaches and Referees<\/a>';
copy+='<li class="cl2"><a class="cl2" href="http://www.windsorjudo.co.uk/classes.htm">Classes and Location<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://www.windsorjudo.co.uk/ccprvid.htm">Our Video<\/a><\/li>';

copy+='<\/ul><\/li>';
copy+='<li class="cl1" onmouseover="show(\'id3\')"';
copy+=' onmouseout="hide(\'id3\')"><a class="cl1" href="#">News<\/a>';
copy+='<ul class="cl2" id="id3" onmouseover="show(\'id3\')">';
copy+='<li class="cl2"><a class="cl2" href="http://windsorjudosite.blogspot.com/">Club News Blog<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl1" onmouseover="show(\'id4\')"';
copy+=' onmouseout="hide(\'id4\')"><a class="cl1" href="#">History<\/a>';
copy+='<ul class="cl2" id="id4" onmouseover="show(\'id4\')" onmouseout="hide(\'id4\')">';
copy+='<li class="cl2"><a class="cl2" href="http://www.windsorjudo.co.uk/19502000.htm">1950-2000<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://www.windsorjudo.co.uk/dojo.htm">Past Dojo<\/a><\/li>';
copy+='<li class="cl2" onmouseover="show(\'id5\')"';
copy+=' onmouseout="hide(\'id5\')"><a class="cl2" href="#">Biographies<\/a>';
copy+='<ul class="cl3" id="id5" onmouseover="show(\'id5\')" onmouseout="hide(\'id5\')">';
copy+='<li class="cl3"><a class="cl3" href="http://www.windsorjudo.co.uk/eric-cartwright.html">Eric Cartwright<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="http://www.windsorjudo.co.uk/harry.htm">Harry Chapman<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="http://www.windsorjudo.co.uk/bill-stopps.html">Bill Stopps<\/a><\/li>';
copy+='<\/ul><\/li><\/ul>';
copy+='<li class="cl1" onmouseover="show(\'id6\')"';
copy+=' onmouseout="hide(\'id6\')"><a class="cl1" href="#">Interactive<\/a>';
copy+='<ul class="cl2" id="id6" onmouseover="show(\'id6\')" onmouseout="hide(\'id6\')">';
copy+='<li class="cl2"><a class="cl2" href="http://www.windsorjudo.co.uk/hangman.html">Hangman<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="http://www.windsorjudo.co.uk/quizes/index.htm">Quizes<\/a><\/li>';
copy+='<\/ul><\/li>';copy+='<\/ul>';
document.getElementById('zone').innerHTML=copy;}