var __subSystem = 
'<li><a href="system.html"><img src="img/system/sub_namida<%OVER_system%>.gif" alt="ナミダについて" width="99" height="16" class="<%SWAP_system%>" /></a></li>'+
'<li><a href="system_nagare.html"><img src="img/system/sub_nagare<%OVER_nagare%>.gif" alt="ゲームの流れ" width="88" height="16" class="<%SWAP_nagare%>" /></a></li>'+
'<li><a href="system_battle.html"><img src="img/system/sub_battle<%OVER_battle%>.gif" alt="妖怪とのバトル" width="95" height="16" class="<%SWAP_battle%>" /></a></li>'+
'<li><a href="system_yukusue.html"><img src="img/system/sub_yukusue<%OVER_yukusue%>.gif" alt="ぼくの行末システム" height="16" class="<%SWAP_yukusue%>" /></a></li>'+
'<li><a href="system_inuneko.html"><img src="img/system/sub_inuneko<%OVER_inuneko%>.gif" alt="犬や猫の視点で繋がる様々なエピソード" height="16" class="<%SWAP_inuneko%>" /></a></li>'+
'';

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

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

	__subSystem = __subSystem.replace(/<%SWAP.+?%>/g, 'swap');
	__subSystem = __subSystem.replace(/<%OVER.+?%>/g, '');
	
	
	document.write( __subSystem );
//	dropDownInit( '#mainMenu' );
}