document.write('<ul class="serviceMenu  clearfix">');
document.write('<div class="ttl"><span class="text_out">提供サービス</span></div>');

listArray = new Array();
listArray[1] = "<a class='menu1' href='../index.html'><span class='text_out'>渋滞情報</span></a>";
listArray[2] = "<a class='menu2' href='../time.html'><span class='text_out'>所要時間</span></a>";
listArray[3] = "<a class='menu3' href='../obstacle.html'><span class='text_out'>交通障害情報</span></a>";
listArray[4] = "<a class='menu4' href='../regulation.html'><span class='text_out'>交通規制情報</span></a>";
listArray[5] = "<a class='menu5' href='../parking.html'><span class='text_out'>駐車場情報</span></a>";
listArray[6] = "<a class='menu6' href='index.html'><span class='text_out'>エリア別情報表示内容</span></a>";
listArray[7] = "<a class='menu7' href='../data.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>');