function showMenu(menuName) {
  hideMenus();
  var submenuId = 'submenu_' + menuName;
  changeObjectVisibility(submenuId, 'visible')
  var menuId = getElement('menu_' + menuName);
  moveObject(submenuId, findPosX(menuId) + 5, findPosY(menuId) + 20);
  event.cancelBubble=true;
} // showMenu

function hideMenus() {
  changeObjectVisibility('submenu_informatie', 'hidden');
  changeObjectVisibility('submenu_pension', 'hidden');
  changeObjectVisibility('submenu_asiel', 'hidden');
  changeObjectVisibility('submenu_vachtverzorging', 'hidden');
  changeObjectVisibility('submenu_transport', 'hidden');
  changeObjectVisibility('submenu_vermistgevonden', 'hidden');
}

function getStyleObject(objectId) {
  // cross-browser function to get an object's style object given its id
  if(document.getElementById && document.getElementById(objectId)) {
    // W3C DOM
    return document.getElementById(objectId).style;
  } else if (document.all && document.all(objectId)) {
    // MSIE 4 DOM
    return document.all(objectId).style;
  } else if (document.layers && document.layers[objectId]) {
    // NN 4 DOM.. note: this won't find nested layers
    return document.layers[objectId];
  } else {
    return false;
  }
} // getStyleObject

function changeObjectVisibility(objectId, newVisibility) {
  // get a reference to the cross-browser style object and make sure the object exists
  var styleObject = getStyleObject(objectId);
  if(styleObject) {
    styleObject.visibility = newVisibility;
    return true;
  } else {
    // we couldn't find the object, so we can't change its visibility
    return false;
  }
} // changeObjectVisibility

function moveObject(objectId, newXCoordinate, newYCoordinate) {
  // get a reference to the cross-browser style object and make sure the object exists
  var styleObject = getStyleObject(objectId);
  styleObject.left = newXCoordinate;
  styleObject.top = newYCoordinate;
} // moveObject

function getElement( name ) {
  if (document.getElementById) {
    return document.getElementById(name);
  } else {
    if (document.all) {
      return document.all[name];
    } else {
      if (document.layers) {
        return document[name];
      }
    }
  }
} // getElement

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;
} // findPosX

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;
} // findPosY

function sortRefresh(page, type, val) {
  if (page == 0) {
    window.location.href = "?page=admin_dieren_all&n=" + type + "&q=" + val;
  } else {
    window.location.href = "?page=dieren_all&n=" + type + "&q=" + val;    
  }
}

function updateFotos() {
  var c = getElement('fotos');
  var fc = getElement('fotocount');
  
  c.innerHTML = '';
  for (var i = 1 ; i <= fc.value; i++) {
    c.innerHTML += '<input name="foto' + i + '" type="file" size="40"><br>';
  }
}

document.onclick = hideMenus;