/// menu.js
    /// copyright Gruno's TNT Postharmonie
    /// Will create a vertical menu in page working on iframe
    //Author: Jens Bos

    var offMenu = true;
    var run = 0;
    var menuTop = 135;

    function setFoto(foto){
      fotoFrame = parent.document.getElementById("fotoFrame");
      fotoFrame.src = "./photo.php?contents=" + foto;
      fotoFrame.style.visibility = "visible";
    }

    function hideAllInTime() {
      if (offMenu){
        for (var i = 0; i < menuData.length; ++i) {
          var k = i+1;
          var elementName = 'subMenu' +k;
          if (menuData[i].length > 1) {
            var td = document.getElementById(elementName);
            if (td != 0)
              td.style.visibility = "hidden";
          }
        }
      }
    }

    function openPage(page) {
      offMenu = true;
      hideAllInTime()
    }

    function setOffMenu(value) {
     offMenu = value;
    }

    function hideAll(item) {
      for (var i = 0; i < menuData.length; ++i) {
        var k = i+1;
        var elementName = 'subMenu' + k;
        if ((item != elementName) &&(menuData[i].length > 1)) {
          var td = document.getElementById(elementName);
          if (td != null) {
            td.style.visibility = "hidden";

          }
        }
      }
    }

    function setSubMenu(line) {
      var k = line;
      setOffMenu(false);
      var item = 'subMenu' + line;
      hideAll(item);
      if(menuData[line-1].length > 1) {
        var td = document.getElementById(item);
        td.style.visibility = "visible";
        var top = menuTop + line * 20;
        var screenHeight = document.height;
        if (top > (screenHeight -(menuData[line-1].length * 20))) {
          top = top - (20 * (menuData[line-1].length-2));
        }
        td.style.top = top;
        var tdTag = item + "Td";
        td = document.getElementById(tdTag);
      }
    }

    function menuOut() {
      setOffMenu(true);
      run = setTimeout("hideAllInTime()", 500);
    }

    function containsDot(str)  {
      str = str+"";
      return (str.indexOf('.') > 0)
    }

    function getLink(str) {
      str = str+"";
      var place = str.indexOf('.')
      return str.substring(place+1);
    }

    function removeDot(str) {
      str = str+"";
      var place = str.indexOf('.')
      if (place > 0)
        return str.substring(0, place);
      return str;
    }

    function menu() {
      document.write('<DIV name ="mainMenu" id ="mainMenu" scrolling="no" frameborder ="1" CLASS = "mainMenu";>');
      document.write('<table cellspacing="0" cellpadding="0" style ="width: 100%; border: solid 0px;">');
      for(var i = 0; i < menuData.length; ++i) {
        var k = i+1;
        document.write('<tr align="Left"><td class="td">');
        if(menuData[i].length> 1) {
          if (containsDot(menuData[i][1])) {
            var link = getLink(menuData[i][1])
            document.write('<a href=\"index.php?contents=' + link + '"');
          } else {
            document.write('<a href=\"index.php?contents=' + menuData[i][0] + '|' + menuData[i][1] + '"');
          }
        } else {
          if (containsDot(menuData[i])) {
            var link = getLink(menuData[i])
            document.write('<a href=\"index.php?contents=' + link + '"');
          } else {
            document.write('<a href=\"index.php?contents=' + menuData[i][0] + '"');
          }
        }
        document.write('class="mainlevel"');
        document.write('onmouseOver ="javascript: setSubMenu('+k+')"');
        document.write('onmouseOut ="javascript: menuOut('+k+')">');
        document.write(removeDot(menuData[i][0]));
        document.write('</a></tr>');
      }
      document.write('</table></DIV>');
      // einde hoofdmenu
      // begin submenu:
      for(var i = 0; i < menuData.length; ++i) {
        var k = i+1;
        if (menuData[i].length > 1) {
          document.write('<SPAN name ="subMenu' + k + '" id ="subMenu' + k + '" scrolling="no" frameborder ="0" Class = "subMenu";>');
          document.write('<table cellspacing="0" cellpadding="0" vertical-float= "centre" style ="width: 100%; border: solid 0px;">');
          for(var j = 1; j < menuData[i].length; ++j) {
            var m = j;
            document.write('<tr align = "left"><td class="td">');
	            if(menuData[i].length> 1) {
                if (containsDot(menuData[i][j])) {
                var link = getLink(menuData[i][j])
                document.write('<a href=\"index.php?contents=' + link + '"');
              } else {
                document.write('<a href=\"index.php?contents=' + menuData[i][0] + '|' + menuData[i][j] + '"');
              }
            } else {
              if (containsDot(menuData[i])) {
                var link = getLink(menuData[i])
                document.write('<a href=\"index.php?contents=' + link + '"');
              } else {
               document.write('<a href=\"index.php?contents=' + menuData[i][0] + '"');
              }
            }
            document.write('class="mainlevel"');
            document.write('onmouseOver="javascript:setOffMenu(false)"');
            document.write('onmouseOut = "javascript:menuOut(\'ALL\')";>');
            document.write(removeDot(menuData[i][j]));
            document.write('</a> </td> </tr>');
          }
          document.write('</table></SPAN>');
        }
      }
    }