var TypesArray = ['kacho', 'others', 'original', 'desk', 'albums', 'essays'];
TypesArray['kacho'] = "off";
TypesArray['others'] = "off";
TypesArray['original'] = "off";
TypesArray['desk'] = "off";
TypesArray['albums'] = "off";
TypesArray['essays'] = "off";
var code = "";
// preloads ...
var collapsedImg = new Image();
	collapsedImg.src = 'http://mokuhankan.com/jp/images/triangle_closed.gif'
var expandedImg = new Image();
	expandedImg.src = 'http://mokuhankan.com/jp/images/triangle_open.gif'



function InitiateMenu() {

showMenu('none');

}



function PrintLink(level_id, title, me) {
	code = "";
	if (level_id == me) {
		if (TypesArray[level_id] == 'on') {
			code += "<img src=\"../images/triangle_closed.gif\" />" + title + "</p></a>";
			code += "<ul id=\"" + me + "\" style=\"display: none;\">";
			TypesArray[level_id] = "off";
		} else {
			code += "<img src=\"../images/triangle_open.gif\" />" + title + "</p></a>";
			code += "<ul id=\"" + me + "\" style=\"display: block;\">";
			TypesArray[level_id] = "on";
		}
	} else {
			if (TypesArray[me] == 'on') {
			code += "<img src=\"../images/triangle_open.gif\" />" + title + "</p></a>";
			code += "<ul id=\"" + me + "\" style=\"display: block;\">";
		} else {
			code += "<img src=\"../images/triangle_closed.gif\" />" + title + "</p></a>";
			code += "<ul id=\"" + me + "\" style=\"display: none;\">";
		}
	}
	return code;
}


function showMenu(level_id) {

	var newHTML = "<div style=\"text-align: center; font-size: 14px; display: block; width; 157px; height:18px; background-color: #ae88aa; color: #fafafa;padding-top:4px; \">単品</div>" + 
	"<div id=\"singles\">" +
		"<a href=\"javascript:top.showMenu('kacho');\"><p class=\"tanpin\"><img src=\"../images/clear_dot.gif\" width=\"10\" />";	
	newHTML += PrintLink(level_id, '動植物', 'kacho');
	newHTML += "<li class=\"tanpin\"><a href=\"0038.html\" target=\"products_iframe\">初日に舞う鶴</a></li>" +
			"<li class=\"tanpin\"><a href=\"0039.html\" target=\"products_iframe\">サギとカラス</a></li>" +
			"<li class=\"tanpin\"><a href=\"0003.html\" target=\"products_iframe\">月明かりの梅</a></li>" +
			"<li class=\"tanpin\"><a href=\"0002.html\" target=\"products_iframe\">北斎の亀</a></li>" +
			"<li class=\"tanpin\"><a href=\"0040.html\" target=\"products_iframe\">鯉</a></li>" +
			"<li class=\"tanpin\"><a href=\"0001.html\" target=\"products_iframe\">カラスと鳥居</a></li>" +
			"<li class=\"tanpin\"><a href=\"0007.html\" target=\"products_iframe\">雲上の龍</a></li>" +
			"<li class=\"tanpin\"><a href=\"0027.html\" target=\"products_iframe\">赤トンボ</a></li>" +
			"<li class=\"tanpin\"><a href=\"0028.html\" target=\"products_iframe\">猿とカニ</a></li>" +
			"<li class=\"tanpin\"><a href=\"0030.html\" target=\"products_iframe\">鴛鴦</a></li>" +
		"</ul>" +
		"<div style=\"clear: both;\"></div>" +
		"<a href=\"javascript:top.showMenu('others');\"><p class=\"tanpin\"><img src=\"../images/clear_dot.gif\" width=\"10\" />";
	newHTML += PrintLink(level_id, 'その他', 'others');
	newHTML += "<li class=\"tanpin\"><a href=\"0021.html\" target=\"products_iframe\">雪路</a></li>" +
			"<li class=\"tanpin\"><a href=\"0024.html\" target=\"products_iframe\">品川汐干狩</a></li>" +
			"<li class=\"tanpin\"><a href=\"0029.html\" target=\"products_iframe\">小舟の女達</a></li>" +
		"</ul>" +
		"<div style=\"clear: both;\"></div>" +
		"<a href=\"javascript:top.showMenu('original');\"><p class=\"tanpin\"><img src=\"../images/clear_dot.gif\" width=\"10\" />";
	newHTML += PrintLink(level_id, 'オリジナル', 'original');
	newHTML += "<li class=\"tanpin\"><a href=\"0006.html\" target=\"products_iframe\">ヒロ湾の夜明け</a></li>" +
			"<li class=\"tanpin\"><a href=\"0005.html\" target=\"products_iframe\">アスペン</a></li>" +
		"</ul>" +
		"<div style=\"clear: both;\"></div>" +
	"</div>" +
	"<div style=\"clear: both;\"></div>" +
	"<div class=\"nav_box_spacer\"><img src=\"../images/clear_dot.gif\" height=\"1\" /></div>" +
	"<div style=\"text-align: center; font-size: 14px; display: block; width; 157px; height:18px; background-color: #d3987e; color: #fafafa;padding-top:4px; \">版画集</div>" +
	"<div id=\"sets\">" +
		"<a href=\"javascript:top.showMenu('desk');\"><p class=\"sets\"><img src=\"../images/clear_dot.gif\" width=\"10\" />";
	newHTML += PrintLink(level_id, 'デスクセット', 'desk');
	newHTML += "<li class=\"sets\"><a href=\"s0018/s0018.html\" target=\"products_iframe\">版画玉手箱</a></li>" +
			"<li class=\"sets\"><a href=\"s0019/s0019.html\" target=\"products_iframe\">版画小品集</a></li>" +
		"</ul>" +
		"<div style=\"clear: both;\"></div>" +
		"<a href=\"javascript:top.showMenu('albums');\"><p class=\"sets\"><img src=\"../images/clear_dot.gif\" width=\"10\" />";
	newHTML += PrintLink(level_id, 'アルバム', 'albums');
	newHTML += "<li class=\"sets\"><a href=\"s0013/s0013.html\" target=\"products_iframe\">摺物アルバム第ニ集</a></li>" +
			"<li class=\"sets\"><a href=\"s0014/s0014.html\" target=\"products_iframe\">摺物アルバム第三集</a></li>" +
			"<li class=\"sets\"><a href=\"s0015/s0015.html\" target=\"products_iframe\">摺物アルバム第四集</a></li>" +
			"<li class=\"sets\"><a href=\"s0016/s0016.html\" target=\"products_iframe\">摺物アルバム第五集</a></li>" +
			"<li class=\"sets\"><a href=\"s0017/s0017.html\" target=\"products_iframe\">四季の美人</a></li>" +
		"</ul>" +
		"<div style=\"clear: all;\"></div>" +
		"<a href=\"s0021/s0021.html\" target=\"products_iframe\"><p class=\"sets\"><img src=\"../images/clear_dot.gif\" width=\"4\" height=\"13\" />「自然の中に心を遊ばせて」</p></a>" +
	"</div>" +
	"<div style=\"clear: both;\"></div>" +
	"<div class=\"nav_box_spacer\"><img src=\"../images/clear_dot.gif\" height=\"1\" /></div>" +
	"<div style=\"text-align: center; font-size: 14px; display: block; width; 157px; height:18px; background-color: #507ea4; color: #fafafa;padding-top:4px; \">百人一首</div>" +
	"<div id=\"hi\">" +
		"<a href=\"hi/poets_intro.html\" target=\"products_iframe\"><p class=\"hyaku\"><img src=\"../images/clear_dot.gif\" width=\"39\" height=\"13\" />単品</p></a>" +
		"<a href=\"hi/poet_sets_intro.html\" target=\"products_iframe\"><p class=\"hyaku\"><img src=\"../images/clear_dot.gif\" width=\"39\" height=\"13\" />十枚セット</p></a>" +
		"<a href=\"hi/s0011.html\" target=\"products_iframe\"><p class=\"hyaku\"><img src=\"../images/clear_dot.gif\" width=\"39\" height=\"13\" />全集</p></a>" +
	"</div>" +
	"<div style=\"clear: both;\"></div>" +
	"<div class=\"nav_box_spacer\"><img src=\"../images/clear_dot.gif\" height=\"1\" /></div>" +
	"<div style=\"text-align: center; font-size: 14px; display: block; width; 157px; height:18px; background-color: #f0908d; color: #fafafa;padding-top:4px; \">その他</div>" +
	"<div id=\"miscellaneous\">" +
		"<a href=\"senshafuda.html\" target=\"products_iframe\"><p class=\"other\"><img src=\"../images/clear_dot.gif\" width=\"39\" height=\"13\" />千社札</p></a>" +
		"<a href=\"gifts.html\" target=\"products_iframe\"><p class=\"other\"><img src=\"../images/clear_dot.gif\" width=\"39\" height=\"13\" />海外用ギフト</p></a>" +
		"<a href=\"s0020/s0020.html\" target=\"products_iframe\"><p class=\"other\" ><img src=\"../images/clear_dot.gif\" width=\"39\" height=\"13\" />掛軸</p></a>" +
	"</div>" +
	"<div style=\"clear: both;\"></div>" +
	"<div class=\"nav_box_spacer\"><img src=\"../images/clear_dot.gif\" height=\"1\" /></div>" +
	"<div style=\"text-align: center; font-size: 14px; display: block; width; 157px; height:18px; background-color: #b8af63; color: #fafafa;padding-top:4px; \">書籍</div>" +
	"<div id=\"books\">" +
		"<a href=\"0016.html\" target=\"products_iframe\"><p class=\"books\"><img src=\"../images/clear_dot.gif\" width=\"39\" height=\"13\" />A Story A Week</p></a>" +
		"<a href=\"0033.html\" target=\"products_iframe\"><p class=\"books\"><img src=\"../images/clear_dot.gif\" width=\"39\" height=\"13\" />季刊誌 「百人一緒」</p></a>" +
		"<a href=\"javascript:top.showMenu('essays');\"><p class=\"books\"><img src=\"../images/clear_dot.gif\" width=\"10\" />";
	newHTML += PrintLink(level_id, 'エッセー', 'essays');
	newHTML += "<li class=\"books\"><a href=\"0043.html\" target=\"products_iframe\">エキゾチックな新宿</a></li>" +
		"</ul>" +
		"<div style=\"clear: both;\"></div>" +
	"<div><img src=\"../images/clear_dot.gif\" height=\"60\" /></div>" +
	"</div>";
	
	
	top.main_iframe.nav_box_iframe.document.getElementById('nav_box').innerHTML = newHTML;
	
}