var __topmenu =
'<ul id="topMenu">' +
'	<li><a href="<%ROOT%>news.html"><img src="<%ROOT%>img/common/menu_news_new<%OVER_news%>.gif" alt="ニュース" width="103" height="36" class="<%SWAP_news%>" /></a></li>' +
'	<li>' +
'		<a href="<%ROOT%>system.html"><img src="<%ROOT%>img/common/menu_system<%OVER_system%>.gif" alt="システム" width="109" height="36" class="<%SWAP_system%>" /></a>' +
'		<ul>' +
'			<li><a href="<%ROOT%>system.html">全体概要</a></li>' +
'			<li><a href="<%ROOT%>system_yusha30.html">ゲームモード「勇者３０」</a></li>' +
'			<li><a href="<%ROOT%>system_oujo30.html">ゲームモード「王女３０」</a></li>' +
		'	<li><a href="<%ROOT%>system_maou30.html">ゲームモード「魔王３０」</a></li>' +
'			<li><a href="<%ROOT%>system_knight30.html">ゲームモード「騎士３０」</a></li>' +
'			<li><a href="<%ROOT%>system_megami.html">女神様においのり</a></li>' +
'			<li><a href="<%ROOT%>system_yusha30ev.html">勇者３０モード：イベント</a></li>' +
'			<li><a href="<%ROOT%>system_yusha30soubi.html">勇者３０：装備と図鑑</a></li>' +
'			<li><a href="<%ROOT%>system_yusha30adhoc.html">勇者３０：勇者通信</a></li>' +
'			<li><a href="<%ROOT%>system_yusha30valhalla.html">勇者３０：ヴァルハラナイツ</a></li>' +
'			<li><a href="<%ROOT%>character.html">キャラクター紹介</a></li>' +
'			<li><a href="<%ROOT%>system_staff.html">スタッフ紹介</a></li>' +
'		</ul>' +
'	</li>' +
'	<li><a href="<%ROOT%>movie.html"><img src="<%ROOT%>img/common/menu_movie<%OVER_movie%>.gif" alt="ムービー" width="109" height="36" class="<%SWAP_movie%>" /></a></li>' +
'	<li><a href="<%ROOT%>special_blogparts.html"><img src="<%ROOT%>img/common/menu_special<%OVER_special%>.gif" alt="スペシャル" width="120" height="36" class="<%SWAP_special%>" /></a>' +
'		<ul>' +
'			<li><a href="<%ROOT%>special_uranai.html">ミニゲーム</a></li>' +
'			<li><a href="<%ROOT%>special_wallpaper.html">壁紙</a></li>'+
'			<li><a href="<%ROOT%>special_comic.html">4コマ３０劇場</a></li>'+
'			<li><a href="<%ROOT%>special_gallery.html">ギャラリー</a></li>'+
'			<li><a href="<%ROOT%>special_banner.html">バナープレゼント</a></li>'+
'			<li><a href="<%ROOT%>special_blogparts.html">ブログパーツ</a></li>'+
'			<li><a href="<%ROOT%>special_tokuten.html">店舗別特典</a></li>' +
'			<li><a href="<%ROOT%>special_enquate.html">アンケート</a></li>' +
'		</ul>' +
'	</li>' +
// <span class="new">new</span>

'	<li><a href="http://prg.mmv.co.jp/blog/yusha30/"><img src="<%ROOT%>img/common/menu_blog<%OVER_blog%>.gif" alt="ブログ" width="100" height="36" class="<%SWAP_blog%>" /></a></li>' +
//'	<%INDEX_ONLY%><li style="float:right;"><a href="<%ROOT%>news.html#090522_knight30"><img src="<%ROOT%>img/common/menu_ta\iken<%OVER_blog%>.gif" alt="「騎士３０」体験版の配信情報を公開" width="255" height="36" class="<%SWAP_taiken%>" /></a></li><%/INDEX_ONLY%>' +
'	<%INDEX_ONLY%><li style="float:right;"><a href="<%ROOT%>news.html#090528_ranking"><img src="<%ROOT%>img/common/menu_rank2<%OVER_blog%>.gif" alt="ランキング“超速番付”実施中！" width="255" height="36" class="<%SWAP_taiken%>" /></a></li><%/INDEX_ONLY%>' +
'</ul>' +
'';

// 引数でアクティブを指定
function showTopMenu( active, root ){
	// ルートディレクトリ書換
	root = !root ? "" : root;
	__topmenu = __topmenu.split('<%ROOT%>').join( root );

	// アクティブメニューは overにして class="swap"を解除
	__topmenu = __topmenu.replace('<%OVER_'+active+'%>', '-over');
	__topmenu = __topmenu.replace('<%SWAP_'+active+'%>', '');

	__topmenu = __topmenu.replace(/<%SWAP.+?%>/g, 'swap');
	__topmenu = __topmenu.replace(/<%OVER.+?%>/g, '');
	
	// インデックスのみ表示
	if( active == 'index' ){
		__topmenu = __topmenu.replace(/<%\/?INDEX_ONLY%>/g, '');
	}else{
		__topmenu = __topmenu.replace(/<%INDEX_ONLY%>.+<%\/INDEX_ONLY%>/, '');
	}
	
	
	document.write( __topmenu );
	dropDownInit( '#topMenu' );
}