var __mainMenu =
'	<li><a href="http://asapon.jp/blog/index.html"><img src="<%ROOT%>img/common/menu_news<%OVER_news%>.png" alt="ニュース" width="142" height="40" class="<%SWAP_news%>" /></a></li>' + 
'	<li><a href="<%ROOT%>profile.shtml"><img src="<%ROOT%>img/common/menu_profile<%OVER_prof%>.png" alt="プロフィール" width="142" height="36" class="<%SWAP_prof%>" /></a></li>' + 
'	<li><a href="<%ROOT%>discography.shtml"><img src="<%ROOT%>img/common/menu_disco<%OVER_disco%>.png" alt="ディスコグラフィ" width="142" height="42" class="<%SWAP_disco%>" /></a></li>' + 
'	<li><a href="<%ROOT%>gallery.shtml"><img src="<%ROOT%>img/common/menu_gallery<%OVER_gallery%>.png" alt="ギャラリー" width="142" height="42" class="<%SWAP_gallery%>" /></a></li>' + 
'	<li><a href="<%ROOT%>link.shtml"><img src="<%ROOT%>img/common/menu_link<%OVER_link%>.png" alt="リンク" width="142" height="44" class="<%SWAP_link%>" /></a></li>' + 
'	<li><a href="<%ROOT%>index.shtml"><img src="<%ROOT%>img/common/menu_home.png" alt="ホーム" width="142" height="37" class="pngswap" /></a></li>' + 
'';

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

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

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