// メニュー開閉切り替え関数
function ChangeStyle( ev )
{
	// 引数 ev はイベント情報

	var PARENT_PREFIX = "menu";      // 親メニュー項目IDのプレフィクス
	var CHILD_SUFFIX  = "_ch";       // 子メニュー項目IDのサフィックス
	var OPEN_CLASS    = "menu_open"  // オープン時に使用するクラス名
	var CLOSE_CLASS   = "menu_close" // クローズ時に使用するクラス名

	var parent_element; // 親メニュー項目
	var child_element;  // 子メニュー項目

	// イベント発生源となったエレメントの取得（ブラウザ別の処理）
	if( document.all )
		parent_element = ev.srcElement;
	else if( document.getElementById )
		parent_element = ev.originalTarget;

	// エレメントが取得できない、IDが付けられていない、親メニュー項目でない場合は終了
	if( !parent_element || !parent_element.id || parent_element.id.indexOf( PARENT_PREFIX ) != 0 )
		return false;

	// 子エレメントの取得（IDから判断）
	if( document.all )
		child_element = document.all( parent_element.id + CHILD_SUFFIX );
	else // if( document.getElementById )
		child_element = document.getElementById( parent_element.id + CHILD_SUFFIX );

	// 子エレメントが見つからないときは終了
	if( !child_element )
		return false;

	// 子エレメントの開閉を反転
	child_element.className = ( child_element.className == OPEN_CLASS ) ? CLOSE_CLASS : OPEN_CLASS;
	// 親エレメントの状態を子エレメントと一致させる
	parent_element.className = child_element.className;
}
