
function createMap(mapArray, mapID, locationID) {
	createLayer(locationID,null,100,120,mapArray[0].length*32,mapArray.length*32,'',null,null,1);
	// w3cdom2(mapArray, mapID, locationID);
	inner2(mapArray, mapID, locationID);
}

/*=======================================
	Table by DOM
/*=====================================*/
function w3cdom2(mapArray, mapID, locationID)
{
	var x = document.createElement('table');
	x.setAttribute('id', mapID);
	x.setAttribute('cellspacing', 0);
	var y = x.appendChild(document.createElement('tbody'));
	var tr = document.createElement('tr');
	var td = document.createElement('td');
	var ast = document.createTextNode('*');
	for (var i=0;i<mapArray.length;i++)
	{
		var z = y.appendChild(tr.cloneNode(true));
		for (var j=0;j<mapArray[i].length;j++)
		{
			var a = z.appendChild(td.cloneNode(true));
			a.setAttribute('class', 't'+mapArray[i][j]);
			//a.appendChild(document.createTextNode(mapArray[i][j]));
		}
	}
	document.getElementById(locationID).appendChild(x);
}

/*=======================================
	Table by innerHTML
	Note: will not work in IE5 without 
	giving it a PUSH function.
	See Quirksmode.org
/*=====================================*/
function inner2(mapArray, mapID, locationID) 
{
	var string = new Array();
	string.push('<table id="'+mapID+'" cellspacing="0"><tbody>');
	for (var i=0;i<mapArray.length;i++)
	{
		string.push('<tr>');
		for (var j=0;j<mapArray[i].length;j++)
		{
			string.push('<td class="t'+mapArray[i][j]+'"></td>');
		}
		string.push('</tr>');
	}
	string.push('</tbody></table>');
	var writestring = string.join('');
	document.getElementById(locationID).innerHTML = writestring;
}



