// JavaScript Document

var active = false;

function prepMenu() {
  if( document.getElementById && document.getElementsByTagName ) {
    if( document.getElementById( 'menu_about' ) ) {
      var about = document.getElementById( 'menu_about' );
	  about.onmouseover = function() {
	  	toggleMenu('over');
	  };
	  about.onmouseout = function() {
	  	toggleMenu('out');
	  };
    }
	if( document.getElementById( 'menu_sub_about' ) ) {
      var menu_sub_about = document.getElementById( 'menu_sub_about' );
	  menu_sub_about.onmouseover = function() {
	  	menu_sub_about.style.display = 'block';
	  	active = true;
	  };
	  menu_sub_about.onmouseout = function() {
		active = false;
		setTimeout("hideSubMenu()", 3000);
	  };
    }
  }
}

function toggleMenu(state) {
	var menu_sub = document.getElementById('menu_sub_about');
	if(state == 'over') {
		menu_sub.style.display = 'block';
		active = true;
	} else {
		active = false;
		setTimeout("hideMenu()", 3000);
	}
}

function hideMenu() {
	if(active == false) {
		var menu_sub = document.getElementById('menu_sub_about');
		menu_sub.style.display = 'none';
	}
}

function hideSubMenu() {
	if(active == false) {
      	var menu_sub_about = document.getElementById( 'menu_sub_about' );
	  	menu_sub_about.style.display = 'none';
	}
}

window.onload = prepMenu;