MiniRacer - Extending W3C DOM Elements using JavaScript (IE)

var tbl;	// stores a reference to the RaceTrack table

function setup(boolIgnoreQueryString)
{
	// if boolIgnoreQueryString is true then make a blank racetrack from
	// the size indicated in the two select elements on the web-page
	// otherwise load racetrack in from querystring

	tbl = document.createElement("RaceTrack");
	
	var qs = new QuerystringParser();
	var track = qs.getRaceTrack("NA");
	var rowLength = qs.getRowLength("NA");

	if(track=="NA" || rowLength=="NA" || boolIgnoreQueryString)
	{
		// get choice from drop down list
	 	var rows = document.getElementById("rows").value;
	 	var cols = document.getElementById("cols").value;

		tbl.makeTrack(rows, cols, ENABLE_CELL_CLICK_HANDLER);
	}
	else {
		tbl.load(track, rowLength, ENABLE_CELL_CLICK_HANDLER);
	}

	// add racetrack to webpage
	var container = document.getElementById("RaceTrackContainer");
	container.replaceChild(tbl, container.firstChild);
}

function startRace()
{
	if(!tbl.hasStart() || !tbl.hasFinish())
	{
		alert("Your track does not have a start and a finish point!");
		return;
	}

	// re-direct to racing page
	window.location = "miniRacer.htm?track=" + tbl.serialise() + "&rowLength=" + tbl.getRowLength();
}