var max_left = 0;
var shift_obj;
var timerPauze = 20;
var openSub    = 0;
var killTimer;
var shiftTimer;

function findPosX(obj) {
  var curleft = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent) {
      curleft += obj.offsetLeft
      obj = obj.offsetParent;
    }
  } else if (obj.x) {
    curleft += obj.x;
  }
  return curleft;
}

function findPosY(obj) {
  var curtop = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent) {
      curtop += obj.offsetTop
      obj = obj.offsetParent;
    }
  } else if (obj.y) {
    curtop += obj.y;
  }
  return curtop;
}

function getRefToObj(divID,oDoc) {
  if( !oDoc ) { oDoc = document; }
  if( document.layers ) {
    if( oDoc.layers[divID] ) {
      return oDoc.layers[divID];
    } else {
      //repeatedly run through all child layers
      for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) {
        //on success, return that layer, else return nothing
         y = getRefToObj(divID,oDoc.layers[x].document);
       }
       return y;
    }
  }
  if( document.getElementById ) {
    return document.getElementById(divID);
  }
  if( document.all ) {
    return document.all[divID];
  }
  return false;
}

function addOption(nr) {
  tdId = getRefToObj('sub' + nr);
  if (tdId.style) { tdId = tdId.style; }
  tdId.display = '';
  nr++;
  if (getRefToObj('sub' + nr)) {
    shiftTimer = setTimeout('addOption(' + nr + ')',timerPauze);
  }
}

function activateSub(i) {
  clearTimeout(killTimer);
  opurl_arr = eval('optionurl'+openSub);
  window.status = opurl_arr[i];
  td_sub = getRefToObj('subtd' + i);
  td_sub.className = 'submenuOn';
}

function deactivateSub(i) {
  td_sub = getRefToObj('subtd' + i);
  td_sub.className = 'submenuOff';
  window.status = '';
  kill_menu();
}

function optie_fill(nr) {
  sm = getRefToObj('submenu');
  td_ref = getRefToObj('td_option'+nr);
  op_arr = eval('options'+nr);
  opurl_arr = eval('optionurl'+nr);
  tekst = '';
  tekst += '<table id="tab_sub" class="submenu" cellpadding="0" cellspacing="1">';
  for (i = 1; i < op_arr.length; i++) {
    if (op_arr[i] == '--') {
      if (i == 1) {
        stijl = '';
      } else {
        stijl = 'style="display:none"';
      }
      tekst += '<tr id="sub'+i+'" '+stijl+'><td class="submenuDash" id="subtd'+i+'"><img src="/pictures/1x1.gif" alt=""/></td></tr>';
    } else {
      if (i == 1) {
        stijl = '';
      } else {
        stijl = 'style="display:none"';
      }
      tekst += '<tr onMouseOver="activateSub('+i+')" onMouseOut="deactivateSub('+i+')" id="sub'+i+'" '+stijl+'><td onclick="window.location=\''+opurl_arr[i]+'\'" class="submenuOff" id="subtd'+i+'">'+op_arr[i]+'</td></tr>';
    }
  }
  tekst += '</table>';
  submenu.innerHTML = tekst;
  if (submenu.style) {
    sm = submenu.style;
  } else {
    sm = submenu;
  }
  sm.display = '';
  
  sm.left = findPosX(td_ref) + 120;
  sm.top  = findPosY(td_ref);
  
  shift_obj = sm;
  max_left = findPosX(td_ref) + td_ref.clientWidth + 8;
  
  shiftTimer = setTimeout('addOption(2)',timerPauze);
}

function optie_mouseover(nr) {
  clearTimeout(killTimer);
  if (openSub != nr) {
    clearTimeout(shiftTimer);
    hidemenu();
    openSub = nr;
//    imgRef = getRefToObj('img'+nr);
//    imgRef.src = '/pictures/menu-pijltje3-aan.gif';
    optie_fill(nr);
  }
}

function kill_menu() {
  killTimer = setTimeout('hidemenu()',250);
}

function hidemenu() {
  sm = getRefToObj('submenu');
  if (sm.style) { sm = sm.style; }
  
  sm.display = 'none';

  if (openSub != 0) {  
//    imgRef = getRefToObj('img'+openSub);
//    imgRef.src = '/pictures/menu-pijltje3.gif';
  }

  openSub = 0;
  
}