var hover_1 = false;
var hover_2 = false;
var hover_3 = false;
var hover_4 = false;

function showMenu(strMenuDivId) {
switch(strMenuDivId) {
   case 'dropmenu_1':
      isOver('dropmenu_1');
      document.getElementById(strMenuDivId).style.display = 'block';
      document.getElementById('dropmenu_2').style.display = 'none';
      document.getElementById('dropmenu_3').style.display = 'none';
      document.getElementById('dropmenu_4').style.display = 'none';
     break;
     
   case 'dropmenu_2':
     isOver('dropmenu_2');
      document.getElementById(strMenuDivId).style.display = 'block';
      document.getElementById('dropmenu_1').style.display = 'none';
      document.getElementById('dropmenu_3').style.display = 'none';
      document.getElementById('dropmenu_4').style.display = 'none';
     break;
     
   case 'dropmenu_3':
     isOver('dropmenu_3');
      document.getElementById(strMenuDivId).style.display = 'block';
      document.getElementById('dropmenu_1').style.display = 'none';
      document.getElementById('dropmenu_2').style.display = 'none';
      document.getElementById('dropmenu_4').style.display = 'none';
     break;

   case 'dropmenu_4':
     isOver('dropmenu_4');
      document.getElementById(strMenuDivId).style.display = 'block';
      document.getElementById('dropmenu_1').style.display = 'none';
      document.getElementById('dropmenu_2').style.display = 'none';
      document.getElementById('dropmenu_3').style.display = 'none';
     break;   
}
}

function hideMenu(strMenuDivId) {
  switch (strMenuDivId) {
  
   case 'dropmenu_1':
     hover_1 = false;
     setTimeout("reallyHideMenu('dropmenu_1')",500);
     break;
     
   case 'dropmenu_2':
     hover_2 = false;
     setTimeout("reallyHideMenu('dropmenu_2')",500);
     break;
     
   case 'dropmenu_3':
     hover_3 = false;
     setTimeout("reallyHideMenu('dropmenu_3')",500);
     break;
     
   case 'dropmenu_4':
     hover_4 = false;  
     setTimeout("reallyHideMenu('dropmenu_4')",500);
     break;
  }
}

function reallyHideMenu(strMenuDivId) {
switch(strMenuDivId) {
   case 'dropmenu_1':
     if (hover_1 == false) {
      document.getElementById(strMenuDivId).style.display = 'none';
     }
     break;
     
   case 'dropmenu_2':
     if (hover_2 == false) {
      document.getElementById(strMenuDivId).style.display = 'none';
     }
     break;
     
   case 'dropmenu_3':
     if (hover_3 == false) {
      document.getElementById(strMenuDivId).style.display = 'none';
     }
     break;

   case 'dropmenu_4':
     if (hover_4 == false) {
      document.getElementById(strMenuDivId).style.display = 'none';
     }
     break;
     
}
}

function isOver(strMenuItem) {
  switch (strMenuItem) {
  
   case 'dropmenu_1':
     hover_1 = true;
     break;
     
   case 'dropmenu_2':
     hover_2 = true;
     break;
     
   case 'dropmenu_3':
     hover_3 = true;
     break;
     
   case 'dropmenu_4':
     hover_4 = true;
     break;
  }
}

function isNotOver(strMenuItem) {
  switch (strMenuItem) {
  
   case 'dropmenu_1':
     hover_1 = false;
     hideMenu('dropmenu_1');
     break;
     
   case 'dropmenu_2':
     hover_2 = false;
     hideMenu('dropmenu_2');
     break;
     
   case 'dropmenu_3':
     hover_3 = false;
     hideMenu('dropmenu_3');
     break;
     
   case 'dropmenu_4':
     hover_4 = false;
     hideMenu('dropmenu_4');
     break;
  }
}