//Weite einer Tabellenzelle
var tdZelle = 110;

//benötigte Variablen
var hide0,hide1,hide2,hide3,hide4,hide5;
var i;
var tdWidth;
var mpoints = new Array();
var mpoints_over = new Array();
var submenu = new Array();

//Links der Menüpunkte
mpoints[0] = '<a href="javascript:;" onmouseover="showMenu(0);" onmouseout="delayhidemenu(0)"><img src="pic/ideas.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints[1] = '<a href="javascript:;" onmouseover="showMenu(1);" onmouseout="delayhidemenu(1)"><img src="pic/profil.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints[2] = '<a href="javascript:;" onmouseover="showMenu(2);" onmouseout="delayhidemenu(2)"><img src="pic/people.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints[3] = '<a href="javascript:;" onmouseover="showMenu(3);" onmouseout="delayhidemenu(3)"><img src="pic/downloads.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints[4] = '<a href="javascript:;" onmouseover="showMenu(4);" onmouseout="delayhidemenu(4)"><img src="pic/contact.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints[5] = '<a href="javascript:;" onmouseover="showMenu(5);" onmouseout="delayhidemenu(5)"><img src="pic/impressum.gif" border="0" alt="" vspace="0" hspace="0"></a>';

//Links der Menüpunkte "over"
mpoints_over[0] = '<a href="netz.html" onmouseover="clearhidemenu(0)" onmouseout="delayhidemenu(0)"><img src="pic/ideas_over.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints_over[1] = '<a href="concept.html" onmouseover="clearhidemenu(1)" onmouseout="delayhidemenu(1)"><img src="pic/profil_over.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints_over[2] = '<a href="people.html" onmouseover="clearhidemenu(2)" onmouseout="delayhidemenu(2)"><img src="pic/people_over.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints_over[3] = '<a href="downloads.html" onmouseover="clearhidemenu(3)" onmouseout="delayhidemenu(3)"><img src="pic/downloads_over.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints_over[4] = '<a href="kontakt.html" onmouseover="clearhidemenu(4)" onmouseout="delayhidemenu(4)"><img src="pic/contact_over.gif" border="0" alt="" vspace="0" hspace="0"></a>';
mpoints_over[5] = '<a href="impressum.html" onmouseover="clearhidemenu(5)" onmouseout="delayhidemenu(5)"><img src="pic/impressum_over.gif" border="0" alt="" vspace="0" hspace="0"></a>';

//Links der Submenüpunkte
submenu[0]  = '<a class="submenu" href="netz.html" onmouseover="clearhidemenu(0)" onmouseout="delayhidemenu(0)">NETZWERK</a>&nbsp;|&nbsp;';
submenu[0] += '<a class="submenu" href="efa.html" onmouseover="clearhidemenu(0)" onmouseout="delayhidemenu(0)">EINER FÜR ALLE</a>&nbsp;|&nbsp;';
submenu[0] += '<a class="submenu" href="projekt.html" onmouseover="clearhidemenu(0)" onmouseout="delayhidemenu(0)">IHR PROJEKT</a>';

submenu[1]  = '<a class="submenu" href="concept.html" onmouseover="clearhidemenu(1)" onmouseout="delayhidemenu(1)">CONCEPT</a>&nbsp;|&nbsp;';
submenu[1] += '<a class="submenu" href="design.html" onmouseover="clearhidemenu(1)" onmouseout="delayhidemenu(1)">DESIGN</a>&nbsp;|&nbsp;';
submenu[1] += '<a class="submenu" href="web.html" onmouseover="clearhidemenu(1)" onmouseout="delayhidemenu(1)">WEB</a>';

submenu[2]  = '';

submenu[3]  = '';

submenu[4]  = '<a class="submenu" href="mailto:contact@team4ideas.de" onmouseover="clearhidemenu(4)" onmouseout="delayhidemenu(4)">E-MAIL</a>&nbsp;|&nbsp;';
submenu[4] += '<a class="submenu" href="kontakt.html" onmouseover="clearhidemenu(4)" onmouseout="delayhidemenu(4)">KONTAKT</a>&nbsp;|&nbsp;';
submenu[4] += '<a class="submenu" href="anfahrt.html" onmouseover="clearhidemenu(4)" onmouseout="delayhidemenu(4)">ANFAHRT</a>';

submenu[5]  = '';

//Menü erstellen
function createMenu() {
  for (i=0; i<mpoints.length;i++) {
    document.getElementById("mpoint"+i).innerHTML = mpoints[i];
  }
}

//Submenü öffnen
function showMenu(i) {
  clearhidemenu();
  if (i == 0) tdWidth = tdZelle+27;
  else if (i == 1) tdWidth = (tdZelle*(i+1))+26;
  else if (i == 2) tdWidth = (tdZelle*(i+1))+25;
  else if (i == 3) tdWidth = (tdZelle*(i+1))+27;
  else if (i == 4) tdWidth = (tdZelle*(i+1))+28;
  else if (i == 5) tdWidth = (tdZelle*(i+1))+27;
  document.getElementById("mpoint"+i).innerHTML = mpoints_over[i];
  document.getElementById("spacer").style.width = tdWidth;
  document.getElementById("submpoints").innerHTML  = submenu[i];
}

//Ausblenden vorbereiten
function delayhidemenu(i) {
  switch (i) {
    case 0:
      hide0 = setTimeout("hideMenu("+i+")",420);
      break;
    case 1:
      hide1 = setTimeout("hideMenu("+i+")",420);
      break;
    case 2:
      hide2 = setTimeout("hideMenu("+i+")",420);
      break;
    case 3:
      hide3 = setTimeout("hideMenu("+i+")",420);
      break;
    case 4:
      hide4 = setTimeout("hideMenu("+i+")",420);
      break;
    case 5:
      hide5 = setTimeout("hideMenu("+i+")",420);
      break;
  }
}

//Ausblenden abbrechen
function clearhidemenu(i) {
  switch (i) {
    case 0:
      clearTimeout(hide0);
      break;
    case 1:
      clearTimeout(hide1);
      break;
    case 2:
      clearTimeout(hide2);
      break;
    case 3:
      clearTimeout(hide3);
      break;
    case 4:
      clearTimeout(hide4);
      break;
    case 5:
      clearTimeout(hide5);
      break;
  }
}

//Submenü ausblenden
function hideMenu(i) {
  document.getElementById("mpoint"+i).innerHTML = mpoints[i];
  document.getElementById("submpoints").innerHTML = "";
}

