var m = '';

function sub_display(id) {
	x = document.getElementById(id);
	
	for (var i=0; i<menu.length; i++) {
		if (menu[i].sub_name != '' && menu[i].sub_name != id) {
			document.getElementById(menu[i].sub_name).style.display = 'none';
		}
	}

	x.style.display = (x.style.display == 'none') ? 'block' : 'none';
}



m += '<div id="MENU">';
for (var i=0; i<menu.length; i++) {
	m += '<div class="OFF" onMouseOver="this.className=\'ON\'" onMouseOut="this.className=\'OFF\'"';
	m += ' onClick="';
	m += (menu[i].url != '') ? "location.href='" + menu[i].url + "'" : "sub_display('" + menu[i].sub_name + "')";
	m += '"';
	m += '>';
	m += menu[i].text;
	m += '</div>';
	if (menu[i].sub_name != '') {
		m += '<div class="SUB" id="' + menu[i].sub_name + '" style="display: none;">';
		for (var j=0; j<menu[i].sub_menu.length; j++) {	
			m += '<div class="SUB_OFF" onMouseOver="this.className=\'SUB_ON\'" onMouseOut="this.className=\'SUB_OFF\'"  onClick="location.href=\'' + menu[i].sub_menu[j].url + '\'">';
			m += menu[i].sub_menu[j].text;
			m += '</div>';
		}
		m += '</div>';
	}
}
m += '</div>';




document.write (m)