// JavaScript Document
function makeTable(cntA,col){ //cna：td中内容的HTML　col：{列数}
   var nTr=Math.ceil(cntA.length/col);
   var out=new String();
   out = "<table class='maplist'><tbody>";
   for(var i = 0; i < nTr; i++){
	   out += "<tr>";
	   for(var j=0;j<col;j++){
	     out += "<td>";
		 var c = cntA.shift();
		 c=(c)?c:"";
		 out += c;
		 out += "</td>";
	   }
	   out += "</tr>";
   }
   out += "</tbody></table>";
   return out;
}
function makeTd(elem,sp){
	var fc = elem.firstDescendant();
	if(fc.tagName == "A"){		
		title = fc.innerHTML;
		return "<a href= '#" + sp+"' >"+ title+ "</a>";
	}else return false;
}
function styleMap(maplist){
	if(!$(maplist)) return false;
	var topHtml = "<span class='backtop'><a href='#maplink'>Back</a></span>"
	var listHtml ="<div class='xsconner'><div class='topright'><div class='c-main' id='maplink'>";
	var temlist = new Array();
    var c1 = $(maplist).childElements();
	for(var i=0; i<c1.length; i++){
		var p = c1[i].identify();
		temlist.push( makeTd( c1[i] , p ));
		Element.insert(c1[i],{"top":topHtml});
	}//end for
	listHtml+= makeTable(temlist,5);
	listHtml += "</div></div><div class='bottomleft'><div class='bottomright'></div></div></div>";
	$("webmap").insert({before:listHtml});
}
document.observe("dom:loaded",function(){
	styleMap("webmap");
});