document.write('<ul class="dataMenu  clearfix">');
document.write('<div class="ttl"><span class="text_out">Data &amp; Links</span></div>');
document.write('<li><a class="menu1" href="index.html"><span class="text_out">Display Example / List of graphics</span></a></li>');
document.write('<li><a class="menu2" href="media_idx.html"><span class="text_out">Broadcasting &amp; Communication media</span></a></li>');
document.write('<ul class="dataSub2  clearfix">');

listArray = new Array();
listArray[1] = "<a class='sub21' href='service_idx.html'><span class='text_out'>Provision of services</span></a>";
listArray[2] = "<a class='sub22' href='service_parking.html'><span class='text_out'>The nation wide number of parking lot</span></a>";
listArray[3] = "<a class='sub23' href='service_beacon.html'><span class='text_out'>The number of pages of beacon simple graphic displays</span></a>";
listArray[4] = "<a class='sub24' href='service_fm.html'><span class='text_out'>The page count of FM simple graphic</span></a>";

var act = " class='active'";

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>');