var tbl;	// stores the race track table
var car;	// stores as instance of the Car class

// The default track to race on
var DefaultRaceTrack = "wwwwwwwwwwwwrrrrrrrrrwwrwwwwwwwrwwrwrrrrrwrwwrwrwwwrwrwwrwrwfwrwrwwrwrrrwrwrwwrwwwwwrwrwwrrrrrrrwrwwwwwwwwwwrwwcrrrrrrrrwwwwwwwwwwww";
var DefaultRowLength = 11;

function setup()
{

	// Load racetrack in from querystring, using default track if not available
	var qs = new QuerystringParser();
	var track = qs.getRaceTrack(DefaultRaceTrack);
	var rowLength = qs.getRowLength(DefaultRowLength);

	tbl = applyInherit(document.createElement("table"), new RaceTrack());
	tbl.load(track, rowLength, DISABLE_CELL_CLICK_HANDLER);

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

	// create a new instance of our racecar
	// speedSelect is the id of the select element on the webpage that handles the speed of the car
	car = new Car(tbl, "car", new SpeedSelector("speedSelect"));
}

function designTrack()
{
 	// called when "Design This Track" is clicked
 	// redirects to design track web-page along with current track passed in through the querystring
	car.reset();
	window.location = "designTrack.htm?track=" + tbl.serialise() + "&rowLength=" + tbl.getRowLength();
}