// JavaScript Document

var interval = 10;

// button
var height = 0;

var isOpening = false;
var stateMenu = 'close';

function startOpenMenu() {
	if(isOpening == false){
		if(stateMenu == 'close'){
			intervalOpenMenu = window.setInterval("openMenu()", interval );
			isOpening = true;
		} else if (stateMenu == 'open'){
			changeDisplaySousMenuLink();
			isOpening = true;
		}
	}
}

function openMenu() {
	
	if(height <= 160){
		height += 5;
		if(document.getElementById) {
			document.getElementById('level2').style.height = height+"px";
		} else if(document.all) {
			document.all('level2').style.height = height+"px";
		}
	} else {
		clearInterval(intervalOpenMenu);
		isOpening = false;
		changeDisplaySousMenuLink();
		stateMenu = 'open';
		
	}
}

function closeMenu() {
	
	if(height >= 5){
		height -= 5;
		if(document.getElementById) {
			document.getElementById('level2').style.height = height+"px";
		} else if(document.all) {
			document.all('level2').style.height = height+"px";
		}
	} else {
		height = 0;
		if(document.getElementById) {
			document.getElementById('level2').style.height = height+"px";
		} else if(document.all) {
			document.all('level2').style.height = height+"px";
		}
		clearInterval(intervalOpenMenu);
		isOpening = false;
		stateMenu = 'close';
	}
}

function changeDisplaySousMenuLink(){
	
	if (stateMenu == 'close'){
		for(i=1;i<5;i++){
			eval( "timeOut" + i + " = window.setTimeout('change_display(\"smenu" + i + "\", \"block\")', " + ((i-1)*100) + " );");
		}
	} else if (stateMenu == 'open') {
		for(i=1;i<5;i++){
			eval( "timeOut" + (5-i) + " = window.setTimeout('change_display(\"smenu" + (5-i) + "\", \"none\")', " + ((i-1)*100) + " );");
			if(i == 4){
				intervalOpenMenu = window.setInterval("closeMenu()", interval );
				
			}
		}
		
	}
}