mainWidth=85;     //mainWidth-subWidth will position submenu 85
barHPos='305'; //X placement of main menu at centre of page options['left', 'center', 'right', '##']
barVPos='63'; //Y placement of main menu at top of page options['top', 'middle', 'bottom', '##'] 
subWidth=55;      //mainWidth-subWidth will position submenu 55
subPosn='left'; //positions the dropped submenus ['left', 'center', 'right', '##']
moveOnScroll=false; //controlling floating menu bar on scroll
scrollSpeed=20;


scrolled='document.body.scrollTop';
window.onresize=menuPosn;

var 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);
} //submenu calc end

function getWidth(oNode){
    return oNode.offsetWidth;}

function checkScrolled(){
  zObj.style.top=eval(scrolled)+barTop+'px';
  setTimeout('checkScrolled()',scrollSpeed);}

//main function to show submenu
function show(elmnt){
  if (document.getElementById(elmnt)===null) {return;}
  document.getElementById(elmnt).style.marginLeft=subTab+'px';
  document.getElementById(elmnt).style.display="block";}

//main function to hide submenu
function hide(elmnt){
  if (document.getElementById(elmnt)===null) {return;}
  document.getElementById(elmnt).style.display="none";}

function menuPosn(){
  p=document.body.offsetWidth-getWidth(zObj);
  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=self.innerHeight;
  if(!p){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:barTop=parseInt(barVPos,10);}
  zObj.style.top=barTop+'px';}
  

//main function to initialize menus when page loads "should be called onload"
function menuInit(){
  zObj=document.getElementById('zone');
  menuPosn();
  x1=eval(scrolled);window.scrollBy(0,1);//test scrolled ptr
  x2=eval(scrolled);window.scrollBy(0,-1);//reset position
  if ((x2-x1)<1){scrolled='document.documentElement.scrollTop';}
  if(moveOnScroll){checkScrolled();}}
/* end JavaScript code for dropdown menu system */
