var level = 0;

var rocktop = [[0,130,-25]]; //2D
var rockleft = [[160,25,58]]; //2D
var rocktype = [[1,2,3]];  //2D
var rockwidth = [30,65,25];
var rockheight = [52,35,20];
var finishpt = [-1700]; 
var pitleft = [[55]];
var pittop = [[-400]];
var policetop = [[-200,-1100]];
var fuelleft = [[85,170]];
var fueltop = [[-150,-1000]];
var turboleft = [[140,100]];
var turbotop = [[150,-800]];
var bridgetop = [[-700,-1350]];

var pitID = 0;
var policeID = 0;
var fuelID = 0;
var turboID = 0;
var rockID = 0;

function finishline(top)
{
	document.write('<div style="position:absolute;top:' + top + ';left:0;width:250;height:0;color:;background:yellow; z-index:1;clip:rect(0,250,3,0);" id="finishline"></div>');
}

//-------------------------------------------------------------------------------------------------

function pitstop(left, top)
{
	document.write('<div style="position:absolute;top:' + (top + 120) + ';left:' + (left - 40) + ';width:26;height:26;color:;background:;z-index:2;" id="signl"><img src="pitl.gif"></div>');
	document.write('<div style="position:absolute;top:' + (top + 120) + ';left:' + (left + 50) + ';width:26;height:26;color:;background:;z-index:2;" id="signr"><img src="pitr.gif"></div>');
	document.write('<div style="position:absolute;top:' + top + ';left:' + (left + 30) + ';width:5;height:100;color:;background:black;z-index:1;" id="pit1"></div>');
	document.write('<div style="position:absolute;top:' + top + ';left:' + left + ';width:5;height:100;color:;background:black;z-index:1;" id="pit2"></div>');
	document.write('<div style="position:absolute;top:' + (top + 146) + ';left:' + (left - 28) + ';width:3;height:13;color:;background:brown;z-index:2;" id="bit1"></div>');
	document.write('<div style="position:absolute;top:' + (top + 146) + ';left:' + (left + 63) + ';width:3;height:13;color:;background:brown;z-index:2" id="bit1"></div>');
	pitID++;
}

//-------------------------------------------------------------------------------------------------

function police(top)
{
	document.write('<div style="position:absolute;top:' + top + ';left:0;width:16;height:14;color:;background:;z-index:1;" id="police' + policeID + '"><IMG SRC="lrb.gif"></div>');
	policeID++;
}

//-------------------------------------------------------------------------------------------------

function fuel(left, top)
{
	document.write('<div style="position:absolute;top:' + top + ';left:' + left + ';width:10;height:10;color:;background:;" id="fuel' + fuelID + '"><IMG SRC="can.gif" WIDTH=10 HEIGHT=10></div>');
	fuelID++;
}

//-------------------------------------------------------------------------------------------------

function turbo(left, top)
{
	document.write('<div style="position:absolute;top:' + top + ';left:' + left + ';width:10;height:10;color:;background:;display:;" id="turbo' + turboID + '"><IMG SRC="turbo.gif" WIDTH=10 HEIGHT=10></div>');
	turboID++;
}

//-------------------------------------------------------------------------------------------------

function bridge(top)
{
	document.write('<div style="position:absolute;top:' + top + ';left:0;width:250;height:50;color:;background:;z-index:2;" id="bridge"><img src="bridge.gif"></div>');
}

//-------------------------------------------------------------------------------------------------

function banks(top)
{
	for(i = top;i <= -200; i += 500)
	{
		document.write('<div style="position:absolute;top:' + i + ';left:0;width:30;height:500;color:;background:;z-index:1;" id="bankl"><img src="banklong.gif"></div>');	
		document.write('<div style="position:absolute;top:' + i + ';left:220;width:30;height:500;color:;background:;z-index:1;" id="bankr"><img src="banklong2.gif"></div>');
	}
}

//-------------------------------------------------------------------------------------------------

function rocks(left, top, type)
{
//	alert(left + " " + top + " " + type);
	var pic = "";
	if(type == 1)
		{pic = "rock(30x52).gif";}
	else if(type == 2)
		{pic = "rock1(65x35).gif";}
	else if(type == 3)
		{pic = "rock2(25x20).gif";}
	document.write('<div style="position:absolute;top:' + top + ';left:' + left + ';width:' + rockwidth[type-1] + ';height:' + rockheight[type-1] + ';color:;background:;" id="rocks' + rockID + '"><IMG SRC="' + pic + '" WIDTH=' + rockwidth[type-1] + ' HEIGHT=' + rockheight[type-1] + '></div>');
	rockID++;
}

//-------------------------------------------------------------------------------------------------

for(i = 0; i < rockleft[level].length; i++)
{
	rocks(rockleft[level][i], rocktop[level][i], rocktype[level][i]);
}

for(i = 0; i < pitleft[level].length; i++)
{
	pitstop(pitleft[level][i], pittop[level][i]);
}

for(i = 0; i < turboleft[level].length; i++)
{
	turbo(turboleft[level][i], turbotop[level][i]);
}

for(i = 0; i < fuelleft[level].length; i++)
{
	fuel(fuelleft[level][i], fueltop[level][i]);
}

for(i = 0; i < policetop[level].length; i++)
{
	police(policetop[level][i]);
}

for(i = 0; i < bridgetop[level].length; i++)
{
	bridge(bridgetop[level][i]);
}

finishline(finishpt[level]);
banks(finishpt[level]);
