function addHeader(slGroup, slMin, slSec, slSound, slLap, slLaps, slDiffToRace) {
document.write('<table width="943" border="0" cellpadding="0" cellspacing="0">');
document.write('<tr>');
document.write('<TD WIDTH="60" BACKGROUND="/images/F1REM/skybox.gif"><img width="60" height="1" src="/images/blank.gif"></TD>');
document.write('<td width="630">');
document.write('<div align="left">');
document.write('<TABLE border="0" cellpadding="0" cellspacing="0">');
document.write('<TR>');
document.write('<TD width="103">&nbsp;');
document.write('</TD>');
document.write('<TD width="382" class="normal"><br>');
document.write('<div class="H2" align="center">Viendo Grupo '+slGroup+'</div><form action="raceg0sp.asp" method=POST><div class="normal" align="center">Selecciona otro grupo: <select name="group" class="H5v"><option value="G1" selected>G1<option value="G2a">G2a<option value="G2b">G2b<option value="G2c">G2c<option value="G2d">G2d<option value="G3a">G3a<option value="G3b">G3b<option value="G3c">G3c<option value="G3d">G3d<option value="G3e">G3e<option value="G3f">G3f<option value="G3g">G3g<option value="G3h">G3h<option value="G3i">G3i<option value="G3j">G3j<option value="G3k">G3k<option value="G3l">G3l<option value="G3m">G3m<option value="G3n">G3n<option value="G3o">G3o<option value="G3p">G3p<option value="G4a">G4a<option value="G4b">G4b<option value="G4c">G4c<option value="G4d">G4d<option value="G4e">G4e<option value="G4f">G4f<option value="G4g">G4g<option value="G4h">G4h<option value="G4i">G4i<option value="G4j">G4j<option value="G4k">G4k<option value="G4l">G4l<option value="G4m">G4m<option value="G4n">G4n<option value="G4o">G4o<option value="G4p">G4p<option value="G4q">G4q<option value="G4r">G4r<option value="G4s">G4s<option value="G4t">G4t<option value="G4u">G4u<option value="G4v">G4v<option value="G4w">G4w<option value="G4x">G4x<option value="G4y">G4y<option value="G4z">G4z<option value="G4aa">G4aa<option value="G4bb">G4bb<option value="G4cc">G4cc<option value="G4dd">G4dd<option value="G4ee">G4ee<option value="G4ff">G4ff<option value="G4gg">G4gg<option value="G4hh">G4hh<option value="G4ii">G4ii<option value="G4jj">G4jj<option value="G4kk">G4kk<option value="G4ll">G4ll<option value="G4mm">G4mm<option value="G4nn">G4nn<option value="G4oo">G4oo<option value="G4pp">G4pp<option value="G4qq">G4qq<option value="G4rr">G4rr<option value="G4ss">G4ss<option value="G4tt">G4tt<option value="G4uu">G4uu<option value="G4vv">G4vv<option value="G4ww">G4ww<option value="G4xx">G4xx<option value="G4yy">G4yy<option value="G4zz">G4zz<option value="G4aaa">G4aaa<option value="G4bbb">G4bbb<option value="G4ccc">G4ccc<option value="G4ddd">G4ddd<option value="G4eee">G4eee<option value="G4fff">G4fff<option value="G4ggg">G4ggg<option value="G4hhh">G4hhh<option value="G4iii">G4iii<option value="G4jjj">G4jjj<option value="G4kkk">G4kkk<option value="G4lll">G4lll</select><input type="submit" name="G" value="Ver" class="H5v"></div></form>');
document.write('</div>');
document.write('<div align="center" class="normalT">');
document.write('<font color="#003399"><b>');
if (slLap >= -45 && slLap <= -15)
	{
	document.write('<br><b>');
	document.write('<font class="normalT">');
	document.write('(<a href="/games/F1REM/indexsp.asp">Volver a la oficina</a>)');
	document.write('</font></font><br><br><br>');	
	document.write('<TABLE border="0" cellpadding="0" cellspacing="0">');
	document.write('<TR>');
	document.write('<TD width="100%" class="normal" align="center">');
	document.write('<b>La Parilla esta siendo preparada.</b><br><br>');
	document.write('</TD>');
	document.write('</TR>');
	document.write('</TABLE>');
	document.write('<img src="/images/blank.gif" heigth="1" width="103">');
	document.write('<img src="/images/f1rem/grid1.gif">');
	document.write('<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>');
	}
else
	if (slDiffToRace > 90 || (slLap < 0 && slLap > -30))
		{
		document.write('Tiempo para la proxima carrera:&nbsp;');
		document.write(''+ Math.floor(slDiffToRace/60) + 'h' + slDiffToRace % 60 + 'm</b><br>');
		if (slLap < 0 && slLap > -30)
			{
			//-----------progress bar----------
			document.write('<TABLE border="0" cellpadding="0" cellspacing="0">');
			document.write('<tr><td bgcolor="white" width="200">');
			document.write('<img src="prg.gif" height="10" width="0" name="bar">');
			document.write('</td></tr></table>');
			//-----------progress bar----------

			startclock(slDiffToRace % 60, slDiffToRace % 1800, slGroup);
			}
		if (slDiffToRace > 90)
			document.write('<font color="#000000">(Estas viendo la ultima vuelta de la ultima carrera)</font>');
		document.write('<br>');
		}
	else
		{
		if (slLap < slLaps)
			{
			document.write('<font size = "3">Carrera en directo</font><br><br></b>');
			document.write('<font color="#000000">Proxima vuelta en <b>');
			document.write(slMin+'m'+slSec+'s</b>.</font>');
			//-----------progress bar----------
			document.write('<TABLE border="0" cellpadding="0" cellspacing="0">');
			document.write('<tr><td bgcolor="white" width="200">');
			document.write('<img src="prg.gif" height="10" width="0" name="bar">');
			document.write('</td></tr></table>');
			//-----------progress bar----------
			}
		};

if (slSound == true) {document.write(slSetSound())};

if (!(slLap >= -45 && slLap<= 90))
	{
	document.write('<br>');
	document.write('<font class="normalT">');
	document.write('(<a href="/games/F1REM/indexsp.asp">Volver a la oficina</a>)');
	document.write('</font></font>');
	}
else
	if (slLap > -15 && slLap <= 0)
		{
		document.write('<img src="/images/blank.gif" heigth="1" width="103">');
		document.write('<img src="/images/f1rem/grid1.gif">');
		};

document.write('</div></td>');
document.write('<td width="93"></td></tr></table>');
document.write('<br>');
}

function addHeaderRace(slTrack, slWeather, slTemp, slHum, slFastest, slLap, slLaps)
{
document.write('<div align="left">');
document.write('<TABLE cellpadding="0" cellspacing="0" border="0">');
document.write('<TR><TD width="103">&nbsp;</TD><TD>');
document.write('<TABLE width="392" cellpadding="0" cellspacing="0"  border="0">');
document.write('<TR><TD>');
document.write('<TABLE border="0" align=left bgcolor=Gainsboro cellspacing="0">');
document.write('<TR>');
document.write('<TD class="normal" width="125">');
document.write('Clima: <img src="'+slWeather+'" align="absmiddle"><br>');
document.write('Temperatura: '+slTemp+'°C<br>');
document.write('Humedad: '+slHum+'%<br>');
document.write('</TD>');
document.write('<TD align=center class="H2"  width="261">');
document.write('<h3>'+slTrack+'</h3>');
document.write('</TD></TR><TR><TD colspan="2">');
document.write('<TABLE border=0 cellpadding=0 cellspacing=0 width="386">');
document.write('<TR><TD class="normal">');
document.write('<b>Vuelta Rapida</b><br>');
document.write(slFastest);
document.write('</TD>');
document.write('<TD align=right class="normal">');
document.write('<br>');
document.write('Vuelta '+slLap+' de '+slLaps);
document.write('</TD></TR></TABLE></TD></TR></TABLE></TD></TR>');
if (slLap != slLaps)
	{
	document.write('<TR>');
	document.write('<TD align="left">');
	document.write('<img src="/images/f1rem/grid1.gif">');
	document.write('</TD>');
	document.write('</TR>');
	}
document.write('</TABLE></TD></TR></TABLE></div>');
}

function addPodium( sTypePodium, sFirstFlagM, sFirstManName, sSecondFlagM, sSecondManName, sThirdFlagM, sThirdManName) {
document.write('<TABLE cellpadding="0" cellspacing="0" border="0">')
document.write('  <TR>')
document.write('	<TD width="103">&nbsp;')
document.write('	</TD>')
document.write('	<TD background="'+sTypePodium+'">')
document.write('	  <TABLE border="0" cellpadding="0" cellspacing="0" width="392">')
document.write('	    <tr>')
document.write('	      <td background="" colspan="4" valign="bottom" align="center" class="normalT" height="35">')
document.write('			<img src=' + sFirstFlagM + '><br>')
document.write('			<b>' + sFirstManName +'</b>')
document.write('	      </td>')
document.write('	    </tr>')
document.write('	    <tr>')
document.write('	      <td background="" colspan="2" align="center" width="198" class="normalT" height="25">')
document.write('			<img src=' + sSecondFlagM + '><br>')
document.write('			<b>' + sSecondManName +'</b>')
document.write('	      </td>')
document.write('	    </tr>')
document.write('	    <tr>')
document.write('	      <td background="" colspan="2" width="198">')
document.write('	      </td>')
document.write('	      <td background="colspan="2" valign="top" align="center" width="198" class="normalT" height="155">')
document.write('			<img src=' + sThirdFlagM +'><br>')
document.write('			<b>' + sThirdManName +'</b>')
document.write('	      </td>')
document.write('	    </tr>')
document.write('	  </TABLE>')
document.write('    </TD>')
document.write('  </TR>')
document.write('</TABLE>')
}

function slSetSound() {
	document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
	document.write('codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"');
	document.write('ID=Movie1 WIDTH=0 HEIGHT=0>');
	document.write('<PARAM NAME=movie VALUE="/flash/f1race.swf">');
	document.write('<PARAM NAME=loop VALUE=false>');
	document.write('<PARAM NAME=wmode VALUE=transparent>');
	document.write('<PARAM NAME=menu VALUE=false>');
	document.write('<PARAM NAME=quality VALUE=high>');
	document.write('<PARAM NAME=bgcolor VALUE=#FFFFFF>');
	document.write('<EMBED src="/flash/f1race.swf" loop=false menu=false quality=high bgcolor=#FFFFFF  WIDTH=0 HEIGHT=0 TYPE="application/x-shockwave-flash"');
	document.write('PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>');
	document.write('</OBJECT>');
	}

function addCar(bwidth, car_nr, car_type, pits_nr, laptime, jrk_nr, mgr_name, kaotus, gap, crash) {
	str = '';
	str += '<img src=/images/F1REM/blank.gif WIDTH='+bwidth+' HEIGHT=1>';
	str += '<img src=/images/F1REM/';
	str += car_nr;
	str += '';
	if (car_type != '') {	str += ''}
	str += car_type+' align=ABSMIDDLE ';
	if (crash == 0)
		{
		str += 'title="Pitstops:'+pits_nr+'  LapTime:'+laptime+'" ';
		str += 'alt="Pitstops:'+pits_nr+'  LapTime:'+laptime+'">';
		}
	else
		{
		str += '>'
		};
	str += '<font size="1" face="Arial">'
	str += jrk_nr+'. ';
	str += mgr_name;
	if (crash == 0)
		{
		if (kaotus != 0) {		str += '  - '+kaotus+'s' };
		};
	str += '</font>';
	for (var i=0; i<(gap+1); i++) {		document.write('<br>') };
	document.write(str);	
}

function addFooter() {
	document.write('<table cellpadding="0" cellspacing="0" width="595">');
	document.write('<tr><td><div align="center"></div></td></tr></table>');
	document.write('<font size="1" color="#999999"></font></td>');
	document.write('<TD WIDTH="60" BACKGROUND="/images/F1REM/crowds-d.gif">&nbsp;</TD>');
	document.write('<td width="162" valign="top">');
	document.write('<table border="0"><tr>');
	document.write('<td width="40">&nbsp;</td>');
	document.write('<td></td></tr></table>');
}

//----------progress bar functions----
var timerID = null;
var timerRunning = false;
var timerCount = 0;
var timerFinish = false;

var timerValue = 1000;  //the time increment in mS
var pic_max_width = 200;
var timerAeg = 0;
var timerSamm = 0;
var timerLoppAeg =0;

function startclock(_min, _sec, sGroup) {
	timerAeg = (_min*60*1000)+(_sec*1000);
	timerSamm = pic_max_width*timerValue/timerAeg;
	stopclock();
	timerID = setInterval("increment('"+sGroup+"')", timerValue);
	timerRunning = true;
}

function stopclock() {
	if (timerRunning)
		clearInterval(timerID);
	timerRunning = false;	
}

function increment(sGroup) {
	timerLoppAeg += 1000;
	timerCount += timerSamm;
	document.images.bar.width = timerCount;
	if (timerLoppAeg >= timerAeg) {	end(sGroup);	}
}

function end(sGroup) {
	stopclock();
	var tmp = self.location.href;
	var tmp1 = tmp.toLowerCase()
	var index = tmp1.indexOf('group');
	if (index > 0)	
		{
		window.location.href=self.location.href;
		}
	else
		{
		window.location.href=self.location.href + '?Group=' + sGroup;
		};
}