//-------------------------------------------------------
// tools de base
function dw(m) { 
document.write (m) ;
}

//-------------------------------------------------------
// affiche entete standard avec logo + texte + banniere
function entete() {
dw( "<TABLE class=\"entete\" >");
dw( "	<TR>");
dw( "	<TD height=\"65\" width=\"151\"> <IMG SRC=\"images/logo_rl.jpg\" alt=\"ça roule\"> </TD>" );
dw( "	<TD width=\"200\">" ) ;
dw( "	  <br>Roue libres <br> sous l'egide <br>de<br>L'UFOLEP<br><br>organise" ); 
dw( " </TD> " );
dw( "	<TD width=\"300\">" ) ;
dw( "  <font face=\"Times New Roman\" color=\"0099bb\" size=\"5\"><b><big>Le UNDERCROSS <br>5 X RACE </big></b></font> ");
dw( " </TD> " );
dw( "	<TD width=\"*\"> <IMG SRC=\"images/velo.gif\" height=\"80\" alt=\"Allez...Courage\"> </TD>");
//dw( "	<TD width=\"*\"> <IMG SRC=\"images/overstim.gif\" alt=\"Merci à nos Sponsors\"> </TD>");
dw( "</TABLE>");
}

//-------------------------------------------------------
// affiche menu gauche
function menug() {
dw( "	<TD class=\"blanc\" WIDTH=130 VALIGN=\"TOP\"> ");
dw( "	<BR>");
dw( "	<b>La course </b> ");
dw( "	<BR> <A HREF=\"index.htm\"> Présentation </A>");
//dw( "	<BR> <A HREF=\"enpratiq.htm\"> En pratique</A>");
dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\">  En pratique </A>");
//dw( "	<BR> <A HREF=\"program.htm\"> Programme </A>");
dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\">  Programme </A>");
dw( "	<BR> <A HREF=\"javascript:mapopup('reglement_undercross.pdf')\"> Règlement </A>");
dw( "	<BR> <A HREF=\"javascript:mapopup('PlanAcces.pdf')\"> Plan d'accès </A>");
dw( "	<BR> <A HREF=\"javascript:mapopup('Piste_5x.pdf')\"> Piste </A>");
dw( "	<BR>");
dw( "	<br><b>Classements </b> ");
//dw( "	<BR> <A HREF=\"javascript:mapopup('class06.pdf')\">  - 2006 </A>");
dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\">  - 2010 </A>");
//dw( "	<BR> <A HREF=\"javascript:mapopup('class07.pdf')\">  - 2007 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\">  - 2007 </A>");
//dw( "	<BR> <A HREF=\"javascript:mapopup('ClassRVttiste2008Scratch.pdf')\">  - 2008 </A>");
//dw( "	<BR> <A HREF=\"javascript:mapopup('classrvttiste2009_scratch.pdf')\">  - 2009 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\">  - 2008 </A>");
//dw( "	<BR> <A HREF=\"javascript:mapopup('classemen.xls')\">  Classement </A>");
//dw( "	<BR> <iframe frameborder='0' name='objectFrame' height='462' marginheight='1' marginwidth='1' scrolling='no' style='border:0px' width='500' src='/tinc?key=8RAXbEeP&preview=1&only_object=1'></iframe> ");
dw( "	<BR>");

//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\">  - Blabla </A>");
//dw( "	<br><b>Etape 1 </b> ");
//dw( "	<BR> <A HREF=\"parcour1.htm\">  - Parcours 1 </A>");
//dw( "	<BR> <A HREF=\"descrip1.htm\">  - Descriptif 1 </A>");
//dw( "	<BR> <A HREF=\"javascript:mapopup('denivel1.htm')\">  - Dénivelé 1 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> - Descriptif 1 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> - Dénivelé 1 </A>");
//dw( "	<br><b>Etape 2</b> ");
//dw( "	<BR> <A HREF=\"parcour2.htm\">  - Parcours 2 </A>");
//dw( "	<BR> <A HREF=\"descrip2.htm\">  - Descriptif 2 </A>");
//dw( "	<BR> <A HREF=\"javascript:mapopup('denivel2.htm')\">  - Dénivelé 2 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> - Descriptif 2 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> - Dénivelé 2 </A>");
//dw( "	<br><b>Etape 3</b> ");
//dw( "	<BR> <A HREF=\"parcour3.htm\">  - Parcours 3 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> - Descriptif 3 </A>");
//dw( "	<BR> <A HREF=\"descrip3.htm\">  - Descriptif 3 </A>");
//dw( "	<BR> <A HREF=\"javascript:mapopup('denivel3_04.htm')\">  - Dénivelé 3 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> - Descriptif 3 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> - Dénivelé 3 </A>");
//dw( "	<br><b>Etape 4</b> ");
//dw( "	<BR> <A HREF=\"parcour4.htm\">  - Parcours 4 </A>");
//dw( "	<BR> <A HREF=\"descrip4.htm\">  - Descriptif 4 </A>");
//dw( "	<BR> <A HREF=\"javascript:mapopup('denivel4_04.htm')\">  - Dénivelé 4 </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> - Dénivelé 4 </A>");
dw( "	<BR>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> Inscriptions </A>");
dw( "	<BR> <A HREF=\"javascript:mapopup('inscript.pdf')\"> Inscriptions </A>");
//dw( "	<P> <A HREF=\"inscript.htm\"> Inscriptions </A>");
dw( "	<BR> <A HREF=\"liens.htm\"> Liens préférés</A>");
dw( "	<BR> &nbsp;");
dw( "	<BR> <A HREF=\"sponsor_5x.htm\"> Sponsors </A>");
//dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\"> Sponsors </A>");
dw( "	<HR>");
dw( "	<BR> <A HREF=\"merci.htm\"> Remerciements </A>");
dw( "	<BR> &nbsp;");
dw( "	<HR>");
dw( "	<BR> &nbsp;");
dw( "	<HR>");
dw( "	<b>Nous contacter</b>");
dw( "	<br> <A HREF=\"mailto:dianou@roues-libres974.fr?subject=Informations\">Organisation</A>");
dw( "	<br> <A HREF=\"mailto:gerard.fidji@orange.fr?subject=Suggestions\">webmestre</A>");
dw( "	<P> Roues Libres");
dw( "	<br>41 Allée des Pailles en queue");
dw( "	<br>97434 St Gilles les Bains");
dw( "	<font size=\"-2\">");
//dw( "	<br>tél/fax. 0262 26 79 53");
dw( "	<br>Gsm. 0692 82 38 83");
dw( "<br>www.roues-libres974.fr");
dw( "	<br>dianou<br>@roues-libres974.fr");
dw( "	</font>");
dw( "	</TD>");
}

//-------------------------------------------------------
// affiche Titre
function titre(tit) {
dw( "<SPAN class=\"titre\">UNDER CROSS - 5 X RACE</SPAN>");
dw( " &nbsp;&nbsp; ");
if (tit!="Accueil") 
	dw( " <A class=\"titre\" HREF=\"index.htm\"> Accueil</A>" );
dw( " <SPAN class=\"titre\">&nbsp; / &nbsp; " + tit + "</SPAN>" );
}

//-------------------------------------------------------
// affiche le bas de page standard
function baspage(){
dw( "<SPAN class=\"baspage\">");
dw( "Site réalisé par un <A HREF=\"auteur.htm\">Un bénévole</A> - v1.00 - Février 2010 (c)");
dw( "<br>optimisé pour IE - résolution 800x600 " );
dw( "</SPAN>");
}

//-------------------------------------------------------
// affiche Date puis, decompte des jours
function jmoins() {
var auj, dep, nbj, js, jj, mm, aaaa, libmmm, libjjj, datrebour;
auj = new Date ;
dep = new Date(2010,3,4);//Format année,mois(0 à 11 janvier=0),jour
libmmm = new Array("Jan","Fev","Mar","Avr","Mai","Jun","Jui","Aou","Sep","Oct","Nov","Dec" );
libjjj = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
js = auj.getDay();
jj = auj.getDate();
mm = auj.getMonth();
aaaa = auj.getFullYear();
datrebour = new Date(aaaa,mm,jj);
dw(libjjj[js]+" "+ jj+"-"+libmmm[mm]+"-"+aaaa+"<BR>" );
if (auj < dep )
{
	// nbj = Date.parse(auj.toLocaleString );
	// nbj = (parse(dep) - parse(auj))/1000000/3600/24;
	nbj=((dep-datrebour)/3600000/24);

	dw( "	<H2>Under Cross<br>5 X Race 2010 <br> J-"+ nbj +"</H2> ");
}
}

//-------------------------------------------------------
// affiche édition
function edition() {
dw("	<TABLE CLASS=\"art\"  CELLSPACING=0> ");
dw("<tr><td align=center>");
dw("<h2>1ère Edition");
dw("<br>4 Avril 2010</h2>" );
dw("</td></tr></table>");
}

//-------------------------------------------------------
// affiche l'article numéro n 
function article(n) {
if (n==1)
{
  dw( "	<TABLE CLASS=\"art\"  CELLSPACING=0> ");
  dw( "		<TR><TH class=\"art\"> ");
  dw( "		Les inscriptions sont ouvertes");
  dw( "		</TH></TR>  ");
  dw( "		<TR><TD>  ");
  dw( "		La fiche d'inscription est téléchargeable depuis ce site, "); 
  dw( "		ou peut être demandée par mail. "); 
  dw( "		<br><b><b>Attention</b></b><br> Date limite <br> le 26 Mars 2010"); 
  dw( "        <br><A HREF=\"javascript:mapopup('inscript.pdf')\">s'inscrire</A>");
  //dw( "        <br><A HREF=\"inscript.pdf\">s'inscrire</A>");
  //dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\">s'inscrire</A>");
  dw( "		</TD></TR> ");
  dw( "	</TABLE> ");
  dw( "	<br>&nbsp; " );
}
if (n==2)
{
  dw( "	<TABLE CLASS=\"art\"  CELLSPACING=0> ");
  dw( "		<TR><TH class=\"art\"> ");
  dw( "		Informations sur le site ");
  dw( "		</TH></TR>  ");
  dw( "		<TR><TD>  ");
  dw( "		Toutes les informations n'étant pas encore disponibles, "); 
  dw( "		d'autres pages vous seront bientôt proposées. "); 
  dw( "		</TD></TR> ");
  dw( "	</TABLE> ");
  dw( "	<br>&nbsp; " );
}
if (n==3)
{
  dw( "	<TABLE CLASS=\"art\"  CELLSPACING=0> ");
  dw( "		<TR><TH class=\"art\"> ");
  dw( "		FLASH !! Reconnaissances ");
  dw( "		</TH></TR>  ");
  dw( "		<TR><TD>  ");
  dw( "		Attention aux passages dangereux et glissant. "); 
  dw( "		<br>Contacter les services de l'ONF pour");
  dw( "         connaitre les sentiers fermés."); 
  dw( "		</TD></TR> ");
  dw( "	</TABLE> ");
  dw( "	<br>&nbsp; " );
}
if (n==4)
{
  dw( "	<TABLE CLASS=\"art\"  CELLSPACING=0> ");
  dw( "		<TR><TH class=\"art\"> ");
  dw( "		OUF !!");
  dw( "		</TH></TR>  ");
  dw( "		<TR><TD>  ");
  dw( "     Merci aux centaines de personnes qui ont signé la pétition... <br>Mille excuses pour l'information tardive que la course allait se faire.<br><br>Bravo aux concurrents pour votre réactivité dans les inscriptions, et d'avoir tenté l'aventure.<br><br>Un Grand merci à l'ensemble des bénévoles, aux sponsors en particulier la Mairie de St Paul.");
  dw( "		<br><br>Beau temps durant toute la course "); 
  dw( "		du coup de très bons chronos pour les coureurs. "); 
  dw( "		<br><b><b>1er scratch</b></b>&nbsp;ALBA Mathieu"); 
  dw( "     <br><b><b>1ere Féminine</b></b>&nbsp;RUBENS Florella");
  dw( "		<br>Retrouvez tout le <A HREF=\"javascript:mapopup('ClassRVttiste2008Scratch.pdf')\">classement scratch </A>sur ce site");
//  dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\">s'inscrire</A>");
  dw( "		</TD></TR> ");
  dw( "	</TABLE> ");
  dw( "	<br>&nbsp; " );
}
// dw( "	</TD>");
if (n==5)
{
  dw( "	<TABLE CLASS=\"art\"  CELLSPACING=0> ");
  dw( "		<TR><TH class=\"art\"> ");
  dw( "		PETITION ");
  dw( "		</TH></TR>  ");
  dw( "		<TR><TD>  ");
  dw( "		Merci de nous soutenir dans notre demande de subvention complémentaire, "); 
  dw( "		auprès de la mairie de Saint Paul. "); 
  dw( "        <br><A HREF=\"petition.pdf\" target='_blank'>Voir la pétition</A>");
//  dw( "	<BR> <A HREF=\"#\" onclick=\"bientot()\">s'inscrire</A>");
  dw( "		</TD></TR> ");
  dw( "	</TABLE> ");
  dw( "	<br>&nbsp; " );
}
}

//-------------------------------------------------------
// affiche une page dans fenêtre popup
function mapopup(page)
{
	window.open(page, null,"toolbar=no,menubar=no,personalbar=no,scrollbars=yes,titlebar=no,location=no");
}
//-------------------------------------------------------

// message bientot..
function bientot()
{ 	var m = "Cette page sera bientôt disponible,";
 	m += "\n Merci de réessayer dans quelques temps";
	m += "\n\n En attendant, bon entrainement à tous...";
	alert(m);
}
//-------------------------------------------------------
// Logos des sponsors
function sponsor()
{
dw( "	<TABLE CLASS=\"art\"  CELLSPACING=0> ");
dw( "		<TR><TH class=\"art\"> ");
dw( "		Nos partenaires ");
dw( "		</TH></TR>  ");
dw( "		<TR><TD>  ");
var imagesTodisplay = new Array();
imagesTodisplay[0] = "Logos/logo1.jpg"; // TOUJOURS COMMENCER PAR imagesTodisplay[0]
imagesTodisplay[1] = " Logos/logo2.jpg";
imagesTodisplay[2] = " Logos/logo3.jpg";
//imagesTodisplay[3] = " Logos/logo4.gif";
// ET AINSI DE SUITE
imageWidth = 130;
imageHeight = 150;
changeSpeed = 50; // CHANGE SPEED : MIN = 10, MAX = 300
imageStay = 1;    // IMAGE STAYS AT 100% DURING x SECONDS
diaporama = new Object();
counter = 0;
diaporama.initialize = function() {
document.write("<img src='"+imagesTodisplay[0]+"' id='diapimage' style='width: "+imageWidth+"px; height: "+imageHeight+"px; filter: alpha(opacity=0); opacity: 0' />");
diaporama.addOpacity();
}
diaporama.addOpacity = function() {
document.getElementById('diapimage').filters.alpha.opacity+=changeSpeed/10;
 
if(document.getElementById('diapimage').filters.alpha.opacity==100) {
setTimeout("diaporama.decreaseOpacity()",imageStay*1000);
} else {
setTimeout("diaporama.addOpacity()",50);
}
}
diaporama.decreaseOpacity = function() {
document.getElementById('diapimage').filters.alpha.opacity-=changeSpeed/10;
 
if(document.getElementById('diapimage').filters.alpha.opacity==0) {
counter++;
diaporama.changeImage();
} else {
setTimeout("diaporama.decreaseOpacity()",50);
}
}
diaporama.changeImage = function() {
if(counter==imagesTodisplay.length) {
counter = 0;
document.getElementById('diapimage').src = imagesTodisplay[counter];
} else {
document.getElementById('diapimage').src = imagesTodisplay[counter];
}
diaporama.addOpacity()
}
diaporama.initialize();
dw( "		</TD></TR> ");
dw( "	</TABLE> ");
dw( "	<br>&nbsp; " );
}
