﻿            
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Konstantin Jagello | http://javascript-array.com/ */

function initDropDownMenu() {
	openAllFlg = false;
	var mainMenuElement = document.getElementById('globalMenu');
	var listElement = mainMenuElement.getElementsByTagName('li');
	
	for(i=0;i<listElement.length;i++){
		if (listElement[i].className == 'mainMenu') {
			listElement[i].onmouseover = openMenu;
			listElement[i].onmouseout = closeMenu;
		} else if (listElement[i].className == 'openAllMenu') {
			listElement[i].onclick = openAllMenu;
		}
	}
}

function openMenu() {
	var mainMenuBtn = this.getElementsByTagName("img");
	var subMenu = this.getElementsByTagName("ul");

	if(mainMenuBtn) {
		mainMenuBtn[0].style.visibility = 'hidden';
	}
	
	if(subMenu.length > 0) {
		subMenu[0].style.display = 'block';
	}
}

function closeMenu() {
	if(	!openAllFlg){
		var mainMenuBtn = this.getElementsByTagName("img");
		var subMenu = this.getElementsByTagName("ul");
	
		if(mainMenuBtn) {
			mainMenuBtn[0].style.visibility = '';
		}
		
		if(subMenu.length > 0) {
			subMenu[0].style.display = 'none';
		}
	}
}

function openAllMenu() {
	if(	!openAllFlg){
		var mainMenuElement = document.getElementById('globalMenu');
		var allMainMenu = mainMenuElement.getElementsByTagName("li");
		var allMainMenuBtn = mainMenuElement.getElementsByTagName("img");
		var allSubMenu = mainMenuElement.getElementsByTagName("ul");
		
		
		for(i=0;i<allMainMenuBtn.length;i++) {
			if(allMainMenuBtn[i].className == 'mainMenuBtn') {
				allMainMenuBtn[i].style.visibility = 'hidden';
			}
			if(allMainMenuBtn[i].className == 'openAllMenu') {
				allMainMenuBtn[i].style.visibility = 'hidden';
			}
		}

		for(i=0;i<allSubMenu.length;i++) {
			if(allSubMenu[i].className == 'subMenu') {
				allSubMenu[i].style.display = 'block';
			}
		}
		openAllFlg = true;
	} else {
		var mainMenuElement = document.getElementById('globalMenu');
		var allMainMenu = mainMenuElement.getElementsByTagName("li");
		var allMainMenuBtn = mainMenuElement.getElementsByTagName("img");
		var allSubMenu = mainMenuElement.getElementsByTagName("ul");

		for(i=0;i<allMainMenuBtn.length;i++) {
			if(allMainMenuBtn[i].className == 'mainMenuBtn') {
				allMainMenuBtn[i].style.visibility = '';
			}
		}
		
		for(i=0;i<allSubMenu.length;i++) {
			if(allSubMenu[i].className == 'subMenu') {
				allSubMenu[i].style.display = 'none';
			}
		}
		openAllFlg = false;
	}
}


function addOnload(func){
	if ( typeof window.addEventListener != "undefined" ){
		window.addEventListener( "load", func, false );
	}else if ( typeof window.attachEvent != "undefined" ) {
		window.attachEvent( "onload", func );
	}
}

addOnload(initDropDownMenu);

