// *********************************************************************************************************

// FICHIER DE FONCTIONS : CONSTRUCTION GABARIT

// *********************************************************************************************************



// Ecrit le gabarit

// ****************

function Gabarit(Where)

{

	// Avant contenu

	// *************

	if (Where == "HAUT")

	{

		// Onglet

		// ******

		document.write("<div id='ONGLET' class='OngletTexte Border' style='position:absolute; visibility:hidden; z-index:5; left:-10px; top:126px; width:auto; height:auto; text-align:left; filter:blendTrans();' onMouseOver='SetOver(\"ON\");' onMouseOut='SetOver(\"OFF\");'></div>");



		// Gabarit

		// *******

		document.write("<center>");

		

		// Tableau général

		// ***************

		document.write("<table width=* height=* cellpadding=0 cellspacing=0 border=0>");

		document.write(" <tr>");

		document.write("  <td width=* height=* align=left valign=top>");



		// Bandeau

		// *******

		document.write("<table width="+ LargeurPage +" height=74 cellspacing=0 cellpadding=0 border=0 class='Border'>");

		document.write(" <tr>");

		document.write("  <td width=774  height=*><a href='"+ BaseURL +"/index.html'><img src='"+ DirImg +"/gabarit/Bandeau.gif' alt='' border=0 width=774></a></td>");

		document.write(" </tr>");

		document.write("</table>");

		

		// Espace

		// ******

		document.write("<table width=* height=4 cellspacing=0 cellpadding=0 border=0><tr><td></td></tr></table>");

		

		// Liste Onglets

		// *************

		document.write("<table width="+ LargeurPage +" height=43 cellspacing=0 cellpadding=0 border=0 class='NoBorderTop' style='margin : -1px 0px -1px 0px;'>");

		document.write(" <tr>");

		for (i=1; i<=NbOnglets; i++)

		{

			document.write("   <td width="+ Onglets[i][2] +" height=16 class='Onglet' onMouseOver='SetOver(\"ON\"); AfficheOnglet("+ i +");' onMouseOut='SetOver(\"OFF\");' id='ONGLET_"+ i +"'> "+ Onglets[i][0] +"</td>");

		}

		document.write(" </tr>");

		document.write("</table>");

		CheckOver();





		// Espace

		// ******

		document.write("<table width=* height=4 cellspacing=0 cellpadding=0 border=0><tr><td></td></tr></table>");

		

		

		// Page

		// ****

		document.write("<table width="+ LargeurPage +" height=300 cellpadding=0 cellspacing=0 border=0>");

		document.write(" <tr>");

		document.write("  <td width=* height=* align=left valign=top class='Border Contenu'>");

	}



	// Actualités

	// *************

	else if (Where == "ACTUALITESmembres")

	{

			document.write("<table width=* height=100% cellpadding=0 cellspacing=0 border=0>");

    		document.write("<tr>");

	 		document.write("<td width=* height=* align=left valign=top>");

            	document.write("<div class='ActusTitre FondOrange FondImg'> Accès réservé … </div>");

            	document.write("<div class='SocTexte' align=left>"); 
				document.write("<img src='"+ DirImg +"/autres/FlecheGauche.gif' align=bottom alt='' border=0>&nbsp;");
				document.write("<a href='"+ Membres +"/liste_membres.php' target=''_self' class='Actus' onMouseOver='NoStatus(); return true;'>Liste des membres </a> <br><br>");

				document.write("<img src='"+ DirImg +"/autres/FlecheGauche.gif' align=bottom alt='' border=0>&nbsp;"); 				
				document.write("<a href='"+ Membres +"/travail.php' target='_self' class='Actus' onMouseOver='NoStatus(); return true;'>Journées de travail</a><br><br>");

				document.write("<img src='"+ DirImg +"/autres/FlecheGauche.gif' align=bottom alt='' border=0>&nbsp;");
              	document.write("<a href='"+ Membres +"/calendrier.php' target='_self' class='Actus' onMouseOver='NoStatus(); return true;'>Calendriers des concours 2008</a><br><br>");				
				
				
				
				

				
				document.write("</div>"); 

		document.write("  </td>");

		document.write(" </tr>");

		document.write("</table>");

	}



	// Après contenu

	// *************

	else if (Where == "BAS")

	{

		document.write("  </td>");

		document.write(" </tr>");

		document.write("</table>");



				

		// Espace

		// ******

		document.write("<table width=* height=4 cellspacing=0 cellpadding=0 border=0><tr><td></td></tr></table>");



		// copyright

		// **************************

		document.write("<table width="+ LargeurPage +" height=16 cellspacing=0 cellpadding=0 border=0 class='Border FondBlanc' background='"+ DirImg +"/gabarit/PiedPage2_Fond.gif'>");

		document.write(" <tr>");

		document.write("  <td width=50% height=* class='Texte' align=right valign=middle style='padding-left:3px;'> Amicale du chien de Haguenau © 2005 </td>");

		document.write(" </tr>");

		document.write("</table>");



		// Fond

		// ****

		document.write("  </td>");

		document.write(" </tr>");

		document.write("</table>");

		

		document.write("</center>");



	}

}





// ********************************************************************************************************************************

// ********************************************************************************************************************************







// Controle si rollover

// ********************

var Over		= "OFF";

function SetOver(Etat)

{

	Over = Etat;

}



// Calcule le décalage selon le navigateur

// ***************************************

function LeftBegin()

{

	var leftBegin;

	leftBegin = document.body.offsetWidth;

	

	if (Navig == "IE")

	{

		leftBegin = leftBegin - 17;

	}

	else

	{

		if (Version >= 7.0) 	leftBegin = leftBegin + 2;

		else					leftBegin = leftBegin + 1;

	}

	

	leftBegin = leftBegin - LargeurPage;

	leftBegin = leftBegin / 2;

	leftBegin = parseInt(leftBegin);

	leftBegin = leftBegin - parseInt(31/2); 			// decalage a cause du fond de droite

	

	return leftBegin;

}



// Affiche l'onglet si rollover

// ****************************

function AfficheOnglet(Num)

{



	leftBegin = LeftBegin();

	

	for (i=1; i<=NbOnglets; i++)

	{

		if (i == Num)	document.getElementById("ONGLET_"+ i).className = "OngletOver";

		else			document.getElementById("ONGLET_"+ i).className = "Onglet";

	}

	

	var DivWidth = Onglets[Num][3];

	if (Navig == "IE")

	{

		if (screen.width <= 800)	leftBegin = leftBegin + 14;

	}

	else

	{

		if (screen.width <= 800)	leftBegin = leftBegin + 11;

  		DivWidth = DivWidth - 12;

	}

	

	document.getElementById("ONGLET").style.left = leftBegin + Onglets[Num][1] + 1;

	document.getElementById("ONGLET").style.width = DivWidth;

	

	var Liens = "";

	for (i=1; i<=NbOngletsLiens; i++)

	{

		if (OngletsLiens[i][0] == Num)

		{

			var Lien = OngletsLiens[i][2];

			if (OngletsLiens[i][4] > 0)	Lien = Lien + "?Open="+ OngletsLiens[i][4];

			Liens = Liens +"<img src='"+ DirImg +"/autres/li.gif' alt='' border=0 align=baseline style='margin-right:3px;'> <a href='"+ Lien +"' target='"+ OngletsLiens[i][3] +"' class='Menu' onMouseOver='NoStatus(); return true;'>"+ OngletsLiens[i][1] +"</a> <br>"; 

		}

	}

	

	document.getElementById("ONGLET").innerHTML = Liens;

	if (Navig == "IE")

	{

		document.getElementById("ONGLET").filters.blendTrans.apply();

		document.getElementById("ONGLET").style.visibility = "visible";

		document.getElementById("ONGLET").filters.blendTrans.play(0.3);

	}

	else

	{

		document.getElementById("ONGLET").style.visibility = "visible";

	}

}



// Efface l'onglet si souris en dehors

// ***********************************

function CheckOver()

{

	if (Over == "OFF")

	{

		for (i=1; i<=NbOnglets; i++)

		{

			document.getElementById("ONGLET_"+ i).className = "Onglet";

		}

		if (Navig == "IE")

		{

			document.getElementById("ONGLET").filters.blendTrans.apply();

			document.getElementById("ONGLET").style.visibility = "hidden";

			document.getElementById("ONGLET").filters.blendTrans.play(0.3);

		}

		else

		{

			document.getElementById("ONGLET").style.visibility = "hidden";

		}

	}

	setTimeout("CheckOver();", 1000);

}