document.write('<ul class="structureMenu  clearfix">');
document.write('<div class="ttl"><span class="text_out">機能と仕組み</span></div>');
document.write('<li><a class="menu1" href="index.html"><span class="text_out">仕組み</span></a></li>');
document.write('<li><a class="menu2" href="example.html"><span class="text_out">VICS表示例</span></a></li>');
document.write('<li><a class="menu3" href="beacon.html"><span class="text_out">FM多重放送とビーコン</span></a></li>');
document.write('<ul class="structureSub  clearfix">');

listArray = new Array();
listArray[1] = "<a class='sub1' href='fm.html'><span class='text_out'>FM簡易図形表示例</span></a>";
listArray[2] = "<a class='sub2' href='fm_1.html'><span class='text_out'>一般道路</span></a>";
listArray[3] = "<a class='sub3' href='fm_2.html'><span class='text_out'>都市間高速</span></a>";
listArray[4] = "<a class='sub4' href='fm_3.html'><span class='text_out'>ランドマーク</span></a>";

var act = " class='active'";

// パラメータからカテゴリの識別
// パラメータなしの場合は、index.html内定義（var num = ）
if(location.search.length > 1) {
	var myArray = location.search.substr(1).split("=");
	num = myArray[1];
}

// リスト項目の判定、アクティブ化
for (i = 1; i < listArray.length; i++) {
	var cls = "";
	var str = "<li#class#>";
	if (i == eval(num)) {
		cls = act;
	}
	str = str.replace("#class#", cls);
	str += listArray[i];
	str += "</li>";
	document.write(str);
}

document.write('</ul>');
document.write('<li><a class="menu5" href="media.html"><span class="text_out">各メディアの特性</span></a></li>');
document.write('</ul>');