/* *****************************************************************
	Museum menu JavaScript
******************************************************************** */

var menuMuseum = {
	"shiru":[
		{	"key":"equipment",
			"text":"Research Vessels, Facilities and Equipment",
			"url":"/e/about/equipment/index.html",
			"target":"",
			"child":""
		},
		{	"key":"chikyu_hakken",
			"text":"CHIKYU HAKKEN",
			"url":"/chikyu/eng/index.html",
			"target":"",
			"child":""
		},
		{	"key":"earth",
			"text":"Giant Flows Circling the Globe, Ocean Current",
			"url":"/jamstec-e/earth/index.html",
			"target":"",
			"child":""
		},
		{	"key":"30th",
			"text":"Toward Life and the Earth from the Ocean. The 30th Anniversary Commemorative issue",
			"url":"/jamstec-e/30th/index.html",
			"target":"",
			"child":""
		}
	],
	
	"miru":[
		{	"key":"photo",
			"text":"Gallery",
			"url":"/jamstec-e/gallery/index.html",
			"target":"",
			"child":""
		},
		{	"key":"movie",
			"text":"Movies",
			"url":"/jamstec-e/web_movie/index.html",
			"target":"",
			"child":""
		},
		{	"key":"wall_paper",
			"text":"Wallpaper",
			"url":"/e/museum/wallpaper/index.html",
			"target":"",
			"child":""
		},
		{	"key":"hatsushima",
			"text":"Images of the Seabed around Hatsushima",
			"url":"/REMOTE/hatsushima/",
			"target":"",
			"child":""
		},
/*
		{	"key":"image_database",
			"text":"Deep-Seafloor Image Database",
			"url":"/dsidb/index.eng.html",
			"target":"_blank",
			"child":""
		},
		{	"key":"movie_database",
			"text":"Deep-Sea Video Database",
			"url":"http://www.godac.jp/portal/page/portal/GDC/Link/DSVideo",
			"target":"_blank",
			"child":""
		},
*/
		{	"key":"JAMSTEC E-library of Deep-sea Images",
			"text":"JAMSTEC E-library of Deep-sea Images",
			"url":"http://www.godac.jamstec.go.jp/jedi/e/index.html",
			"target":"",
			"child":""
		},
/*
		{	"key":"contest",
			"text":"Collection of Pictures Drawn by Winners of a Painting Contest",
			"url":"/jamstec-e/gallery/hagaki/index.html",
			"target":"",
			"child":""
		},
*/
		{	"key":"jamstec_channel",
			"text":"JAMSTEC Channel (YouTube)",
			"url":"http://www.youtube.com/jamstecchannel",
			"target":"_blank",
			"child":""
		},
		{	"key":"chikyu_tv",
			"text":"Chikyu TV",
			"url":"/chikyu/eng/chikyutv/",
			"target":"",
			"child":""
		}
	],
	
	"taiken":[
		{	"key":"shinkai6500",
			"text":"Panoramic View of SHINKAI 6500",
			"url":"/jamstec-e/vr/index.html",
			"target":"",
			"child":""
		},
		{	"key":"tour",
			"text":"Research Facilities Exploration Tour",
			"url":"/e/kids/tour/index.html",
			"target":"",
			"child":""
		},
		{	"key":"paper_craft",
			"text":"Papercraft Picture Book",
			"url":"/j/museum/papercraft/index.html",
			"target":"",
			"child":""
		}
	],
		
	"shiraberu":[
/*
		{	"key":"document_database",
			"text":"Document Database",
			"url":"http://www.godac.jp/portal/page/portal/GDC/Link/DocDatabese",
			"target":"",
			"child":""
		},
*/
		{	"key":"JAMSTEC Document Catalog",
			"text":"JAMSTEC Document Catalog",
			"url":"http://www.godac.jamstec.go.jp/catalog/doc_catalog/index_en.html",
			"target":"",
			"child":""
		},
		{	"key":"link",
			"text":"Collection of Links",
			"url":"/e/about/link/index.html",
			"target":"",
			"child":""
		}
	]
};

function writeMenu(keyStr){
	var html="";

	html += '<h3 id="menu_title"><a href="/e/museum/index.html"><img src="/e/museum/img/menu_title_museum.gif" width="170" height="23" alt="Museum" /><\/a><\/h3>\n';
	html += '<div id="menu">\n';
	
	html += '<h4 id="menu_sub_shiru"><a href="/e/museum/index.html#shiru"><img src="/e/museum/img/menu_sub_shiru.gif" width="160" height="20" alt="Learn" /><\/a><\/h4>\n'
	html += parseMenuHtml(keyStr,menuMuseum.shiru);

	html += '<h4 id="menu_sub_miru"><a href="/e/museum/index.html#miru"><img src="/e/museum/img/menu_sub_miru.gif" width="160" height="20" alt="Look" /><\/a><\/h4>\n'
	html += parseMenuHtml(keyStr,menuMuseum.miru);

	html += '<h4 id="menu_sub_taiken"><a href="/e/museum/index.html#taiken"><img src="/e/museum/img/menu_sub_taikensuru.gif" width="160" height="20" alt="Experience" /><\/a><\/h4>\n'
	html += parseMenuHtml(keyStr,menuMuseum.taiken);
	
	html += '<h4 id="menu_sub_shiraberu"><a href="/e/museum/index.html#shiraberu"><img src="/e/museum/img/menu_sub_shiraberu.gif" width="160" height="20" alt="Research" /><\/a><\/h4>\n'
	html += parseMenuHtml(keyStr,menuMuseum.shiraberu);
	
	html += "<\/div>";
	document.write(html);
}

function getMenuIndex(keyStr,obj){
	var keyIndex1=-1;
	var keyIndex2=-1;
	var keyIndex3=-1;
	
	for(var i=0; i<obj.length; i++){
		var menu1 = obj[i];
		if(menu1.key==keyStr){
			keyIndex1=i;
		}

		for(var j=0; j<menu1.child.length; j++){
			var menu2 = menu1.child[j];
			if(menu2.key==keyStr){
				keyIndex1=i;
				keyIndex2=j;
			}else{

				for(var k=0; k<menu2.child.length; k++){
					var menu3 = menu2.child[k];
					if(menu3.key==keyStr){
						keyIndex1=i;
						keyIndex2=j;
						keyIndex3=k;
					}
				}
			}
		}
	}
	return new Array(keyIndex1,keyIndex2,keyIndex3);
}

function parseMenuHtml(keyStr,obj){
	var html="";
	
	var idxArr = new Array();
	idxArr = getMenuIndex(keyStr,obj);
	
	if(idxArr[0] > -1){
		
		html += "<ul>\n";
		
		for(var i=0; i<obj.length; i++){
			var menu1 = obj[i];
			if(menu1.key==keyStr){
				html += '<li class="depth01_active">' + menu1.text + '<\/li>\n';
			}else{
				if(menu1.target==""){
					html += '<li class="depth01"><a href="' + menu1.url + '">'  + menu1.text + '<\/a><\/li>\n';
				}else{
					html += '<li class="depth01"><a href="' + menu1.url + '" target="' + menu1.target + '">'  + menu1.text + '<\/a><\/li>\n';
				}
			}
			if(i==idxArr[0]){

				for(var j=0; j<menu1.child.length; j++){
					var menu2 = menu1.child[j]
					if(menu2.key==keyStr){
						html += '<li class="depth02_active">' + menu2.text + '<\/li>\n';
					}else{
						if(menu2.target==""){
							html += '<li class="depth02"><a href="' + menu2.url + '">' + menu2.text + '<\/a><\/li>\n';
						}else{
							html += '<li class="depth02"><a href="' + menu2.url + '" target="' + menu2.target + '">' + menu2.text + '<\/a><\/li>\n';
						}
					}
					if(j==idxArr[1]){

						for(var k=0; k<menu2.child.length; k++){
							var menu3 = menu2.child[k];
							if(menu3.key==keyStr){
								html += '<li class="depth03_active">' + menu3.text + '<\/li>\n';
							}else{
								if(menu3.target==""){
									html += '<li class="depth03"><a href="' +menu3.url + '">' + menu3.text + '<\/a><\/li>\n';
								}else{
									html += '<li class="depth03"><a href="' +menu3.url + '" target="' + menu3.target + '">' + menu3.text + '<\/a><\/li>\n';
								}
							}
						}
					}
				}
			}
		}
		
		html += "<\/ul>\n";
	
	}else if(keyStr == "all"){
		html += "<ul>\n";
		
		for(var i=0; i<obj.length; i++){
			var menu1 = obj[i];
			
			if(menu1.target==""){
					html += '<li class="depth01"><a href="' + menu1.url + '">'  + menu1.text + '<\/a><\/li>\n';
			}else{
					html += '<li class="depth01"><a href="' + menu1.url + '" target="' + menu1.target + '">'  + menu1.text + '<\/a><\/li>\n';
			}
		}
		html += "<\/ul>\n";
		
	}
	return html;
}