// JavaScript Document
/* ATTENTION pour que cela fonctionne il faut la ligne suivante dans la page HTML et le style infobulle dans ls css
<div id="curseurMS" class="infobulle"></div>
*/


function menu1(classN,ficN,altN,idN){
	document.write("<div class='"+classN+"'><a href='"+ficN+"'><img id='"+idN+"' src='img/raquette1.jpg' alt='"+altN+"' border='0px' /></a></div>");
}

function menu2(classN,ficN,altN,idN){

	v1="<div class=\""+classN+"\"><a href=\""+ficN+"\"><img id='"+idN+"' src=\"img/balle1.jpg\" alt=\""+altN+ "\" border=\"0px\"";
	v2=" onMouseover=\"document.getElementById('"+idN+"').src='img/balle2.jpg'\"";
	v3=" onMouseout=\"document.getElementById('"+idN+"').src='img/balle1.jpg'\"/></a></div>";
	document.write(v1+v2+v3);
}
function menu3(label){
	document.write("<div class='menuD'>"+label+"</div>");
}

function menu(menuName){

        document.write("<div class='menu'>");
//== index ==
	if( menuName == "index" ) menu1("menuI_1","index.html","Accueil","img1");
	else 	menu2("menuI_1","index.html","Accueil","img1");		
	menu3("Accueil");

   
//== pedagogie ==
	if( menuName == "pedagogie") menu1("menuI_2","pedagogie.html","P&eacute;dagogie","img2");
	else menu2("menuI_2","pedagogie.html","P&eacute;dagogie","img2");
	menu3("P&eacute;dagogie<br />Encadrement");
 
//== programme ==
	if( menuName == "programme") menu1("menuI_3","programme.html","Programme","img3");
	else menu2("menuI_3","programme.html","Programme","img3");
	menu3("Actualit&eacute;s<br />Photos");

//== renseignements ==
	if( menuName == "renseignements") menu1("menuI_4","renseignements.html","Renseignements","img4");
	else menu2("menuI_4","renseignements.html","Renseignements","img4");
	menu3("Renseignements<br />pratiques");

//== liens ==
	if( menuName == "liens") menu1("menuI_5","liens.html","Liens","img5");
	else menu2("menuI_5","liens.html","Liens","img5");	
	menu3("Vos questions<br/>Liens utiles <br/>&nbsp;");

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


/* Modifier la var dateMaj pour avoir une nouvelle date de maj */
function derniereMAJ() {
	var dateMAJ="18 f&eacute;vrier 2012"
	document.write('<div class="piedPageData">Derni&egrave;re mise &agrave; jour le ' + dateMAJ + '<br/>Site optimis&eacute; pour Firefox</div>');
}

/* Ecriture du bandeau */
function ecritureBandeau() {
	document.write('<div class="bandeau"> <img src="fd/enTete.jpg"/>');
	document.write('<div class="textBandeau">');
	document.write('<br/><strong>Rejoignez-nous sur </strong><span style="position: relative; left: 15px; top: 5px; ">');
	document.write('<a href="http://www.twitter.com/ap2t_isuchecki"><img src="http://twitter-badges.s3.amazonaws.com/twitter-a.png" alt="S&rsquo;abonner à ap2t_isuchecki sur Twitter"/></a></span></div>');
	document.write('</div>'); 
}

function photoPiedDePage() {
v1="Ivan";
v2="Entraînement gymnase Le Paloisel";
v3="Remise des coupes";
v4="Panier de balles";
v5="Robot lanceur";
v6="Ping Pong en chinois";

	document.write('<div class="salle"><MAP NAME="mapSalle">');
		document.write('<AREA SHAPE=RECT COORDS="0,0,109,195"  	 onmouseover="montre(v1)"; onmouseout="cache()"; >');
		document.write('<AREA SHAPE=RECT COORDS="110,2,420,192" onmouseover="montre(v2)"; onmouseout="cache()"; >');
		document.write('<AREA SHAPE=RECT COORDS="421,2,684,194" onmouseover="montre(v3)"; onmouseout="cache()"; >');
		document.write('<AREA SHAPE=RECT COORDS="685,0,815,98"   onmouseover="montre(v4)"; onmouseout="cache()"; >');
		document.write('<AREA SHAPE=RECT COORDS="685,99,815,195" onmouseover="montre(v5)"; onmouseout="cache()"; >');
		document.write('<AREA SHAPE=RECT COORDS="815,1,936,195"  onmouseover="montre(v6)"; onmouseout="cache()"; >');
		document.write('<AREA SHAPE=default HREF=".">');
		document.write('</MAP> <img  border="0" src="img/salle.jpg" alt="photos salle"   usemap="#mapSalle" /></div>');
	document.write('<div class="piedPage"><img  src="fd/pied.jpg" /></div>');
}

/*  RENSEIGNEMENTS GENERAUX  SUR AP2T */
function messGen(i){
	/* Modifier les messages p1 à p4 si necessaire */
	var p1="Entra&icirc;nement professionnel de ping-pong par Ivan SUCHECKI Brevet&eacute; d&acute;Etat";
	var p1Index="Entra&icirc;nement professionnel de <strong>ping-pong</strong> par Ivan SUCHECKI Brevet&eacute; d&acute;Etat";

	var p2="Pendant les vacances scolaires &agrave; Souppes-sur-Loing";	
      	var p3="Cours particuliers";
	var p4="";
	
	document.write('      <div class="decalT"></div>');
	if( i==1 ) { /* cas de la page index.html */
	document.write('<p>' +p1Index + '</p>');
	/* document.write('<p>' + p2 + '</p>'); */
	document.write('<p>' + p3 + '</p>');
	document.write('<p>' + p4 + '</p>');
        document.write('       <div class="decalB"></div>');
	}
	else { /* cas des autres pages */
	document.write('<p>' + p1 + '<hr/>');
	/* document.write(p2 + '<hr/>'); */
	document.write(p3 + '<hr/>');
	// document.write(p4 + '</p>'); POUR L'INSTANT PAS DE 4eme BLOC
        document.write('       <div class="decalB"></div>');
	}
}

/*  RENSEIGNEMENTS GENERAUX  SUR AP2T POUR LA PAGE INDEX*/
function rensGenIndex() {
	document.write('<div class="contCOrange">');
        document.write('   <div class="contCD">');
	messGen(1);
        document.write('    </div>');
        document.write(' </div>');
	document.write(' <br/>');
}

/*  RENSEIGNEMENTS GENERAUX  SUR AP2T POUR LES AUTRES PAGES */ 	
function rensGen() {
	document.write('<div class="contGOrange">');
        document.write('   <div class="contGD">');
	messGen(2);
        document.write('    </div>');
        document.write(' </div>');
	document.write(' <br/>');
}

/* LOGO POUR LA PAGE INDEX */
function logoIndex(){
         document.write("<div class='contDLogo'><div class='contDDLogo'><img src='img/logo.jpg' alt='logo' border='0px'/></div></div>");
}

/* LOGO POUR LES AUTRES PAGES */ 
function logo(){
        document.write("<div class='contCDetourageLogo'><div class='contCLogo'><div class='contCDLogo'><img src='img/logo.jpg' alt='logo' border='0px'/></div></div></div>");
}


function GetId(id) {
      return document.getElementById(id);
}

var i=false; // La variable i nous dit si la bulle est visible ou non

function move(e) {

	if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
		if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
			GetId("curseurMS").style.left=e.pageX + 5+"px";
			GetId("curseurMS").style.top=e.pageY + 10+"px";
		}
		else { // Modif proposé par TeDeum, merci à  lui
			return ; // A VIRER PAR LA SUITE VOIR COMMENTAIRE 2
			if(document.documentElement.clientWidth>0) {
				GetId("curseurMS").style.left=20+e.x+document.documentElement.scrollLeft+"px";
				GetId("curseurMS").style.top=10+e.y+document.documentElement.scrollTop+"px";
			} else {
				GetId("curseurMS").style.left=20+e.x+document.body.scrollLeft+"px";
				GetId("curseurMS").style.top=10+e.y+document.body.scrollTop+"px";
			}
		}
	}

}

function montre(text) {
	if (navigator.appName=="Microsoft Internet Explorer") { // COMMENTAIRE 2 Si on est  sous IE pour l'instant on sort . A résoudre ensuite
		 return;
	}

	if(i==false) {
		GetId("curseurMS").style.visibility="visible"; // Si il est caché (la verif n'est qu'une securité) on le rend visible.
		GetId("curseurMS").innerHTML = text; // on copie notre texte dans l'élément html
		i=true;
	}
}

function cache() {
	if(i==true) {
		GetId("curseurMS").style.visibility="hidden"; // Si la bulle est visible on la cache
		i=false;
	}
}

document.onmousemove=move; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.

