document.write('<ul class="serviceMenu  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="time.html"><span class="text_out">所要時間</span></a></li>');
document.write('<li><a class="menu3" href="obstacle.html"><span class="text_out">交通障害情報</span></a></li>');
document.write('<li><a class="menu4" href="regulation.html"><span class="text_out">交通規制情報</span></a></li>');
document.write('<li><a class="menu5" href="parking.html"><span class="text_out">駐車場情報</span></a></li>');
document.write('<li><a class="menu6" href="area/index.html"><span class="text_out">エリア別情報表示内容</span></a></li>');
document.write('<ul class="serviceSub  clearfix">');

listArray = new Array();
listArray[1] = "<a class='sub1' href='data.html'><span class='text_out'>情報データ数</span></a>";
listArray[2] = "<a class='sub2' href='data_media.html'><span class='text_out'>FM多重放送局数・全国ビーコン設置数</span></a>";
listArray[3] = "<a class='sub3' href='data_fm.html'><span class='text_out'>FM簡易図形　図形枚数</span></a>";
listArray[4] = "<a class='sub4' href='data_beacon.html'><span class='text_out'>ビーコン簡易図形　図形枚数</span></a>";
listArray[5] = "<a class='sub5' href='data_parking.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('</ul>');