function page(numPage,parametres){
    switch(numPage){
    case   1: return new laPage ("pages/accueil.php","Bienvenue sur le site de l\'ASJ Gymnastique",0);
    case  21: return new laPage ("pages/historique.php","Histoire de la section gymnastique",0);
    case  22: return new laPage ("pages/organigramme.php","Organigramme de l\'ASJ Gymnastique",0);
    case  23: return new laPage ("pages/salle.php","Salle d\'entraînement de l\'ASJ Gymnastique",0);
    case  24: return new laPage ("pages/entraineurs.php","Les entraîneurs de l\'ASJ Gymnastique",0);
    case   3: return new laPage ("pages/activites.php","Activités de l\'ASJ Gymnastique",0);
    case  41: return new laPage ("pages/actualites.php","L\'actualité de l\'ASJ Gymnastique",0);
    case  42: return new laPage ("pages/calendrier.php","Agenda de l\'ASJ Gymnastique",0);
    case  5: return new laPage ("pages/contact.php","Adresse, contact, accès…",0);
    case  6: return new laPage ("pages/gymnalerte.php","<span class=\"sc\">Gymnalerte</span>&nbsp;: l\'actualit&eacute; de l\'ASJ Gymnastique",0);
	// menu administration
    case 101: return new laPage ("administration/index.php","Administration du site",0);
	// page d'accueil
    case 201: return new laPage ("administration/accueil.php","Administration&nbsp;: gestion page d\'accueil",1);
	// entraineur
    case 111: return new laPage ("administration/entraineur.php","Administration&nbsp;: gestion entra&icirc;neur",0);
    case 112: return new laPage ("administration/entraineurCreer.php","Administration&nbsp;: nouvel entra&icirc;neur",0);
    case 113: return new laPage ("administration/entraineurEdit.php"+parametres,"Administration&nbsp;: &eacute;dition entra&icirc;neur",1);
	// gymnaste
    case 121: return new laPage ("administration/gymnaste.php","Administration&nbsp;: gestion gymnaste",0);
    case 122: return new laPage ("administration/gymnasteCreer.php","Administration&nbsp;: nouveau gymnaste",0);
    case 123: return new laPage ("administration/gymnasteEdit.php"+parametres,"Administration&nbsp;: &eacute;dition gymnaste",1);
	// formation
    case 131: return new laPage ("administration/formation.php","Administration&nbsp;: gestion formation",0);
    case 133: return new laPage ("administration/formationEdit.php"+parametres,"Administration&nbsp;: &eacute;dition formation",0);
	// equipe
    case 141: return new laPage ("administration/equipe.php","Administration&nbsp;: gestion &eacute;quipe",0);
    case 143: return new laPage ("administration/equipeEdit.php"+parametres,"Administration&nbsp;: &eacute;dition &eacute;quipe",0);
	// actualite
    case 151: return new laPage ("administration/actualite.php","Administration&nbsp;: gestion actualit&eacute",0);
    case 153: return new laPage ("administration/actualiteEdit.php"+parametres,"Administration&nbsp;: &eacute;dition actualit&eacute",1);
	// gymnalerte
    case 161: return new laPage ("administration/gymnalerte.php","Administration&nbsp;: gestion gymnalerte",0);
    case 163: return new laPage ("administration/gymnalerteEdit.php"+parametres,"Administration&nbsp;: &eacute;dition gymnalerte",1);
	//
    default: return new laPage ("pages/accueil.php","Bienvenue sur le site de l\'ASJ Gymnastique",0);
    }
}

function laPage(nomFichier,titre,tinyMCE) {
    this.nomFichier = nomFichier;
    this.titre = titre;
    this.tinyMCE = tinyMCE;
}

function getXhr(){
	var xhr = null; 
	if(window.XMLHttpRequest) // tout sauf IE
		xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // pour IE
		try {
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	} else {
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
	}
	return xhr;
}

function changerPage(numPage,parametres){
    var xhr = getXhr();
    var p = page(numPage,parametres);
    // ce qu'on va faire quand on aura la reponse
    xhr.onreadystatechange = function() {
	// si tout recu et serveur ok
	if (xhr.readyState == 4 && xhr.status == 200) {
	    document.getElementById("page").innerHTML = xhr.responseText;
	    document.getElementById("titrePage").innerHTML = p.titre;
	    // si on a besoin d'un editeur tinyMCE on l'initialise
	    if (p.tinyMCE == 1) {
		tinyMCE.init({
			// options generales
			language : "fr",
			// mode : "textareas",
			mode : "exact",
			elements : "editeurHTML",
			theme : "advanced",
			plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount",
			// options du theme
			// theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
			// theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
			// theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
			// theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
			theme_advanced_buttons1 : "fontselect,fontsizeselect,|,bold,italic,underline,strikethrough,sub,sup,|,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull",
			theme_advanced_buttons2 : "cleanup,code,preview,fullscreen,|,bullist,numlist,|,outdent,indent,|,link,unlink,|,nonbreaking,charmap,emotions,image,media,|,search,replace,|,undo,redo",
			theme_advanced_buttons3 : "visualaid,visualchars,|,tablecontrols",
			theme_advanced_toolbar_location : "top",
			theme_advanced_toolbar_align : "left",
			theme_advanced_statusbar_location : "bottom",
			// theme_advanced_resize_horizontal : false,
			theme_advanced_resizing : true,
			// le css du contenu (celui utilise pour visualiser plus tard)
			content_css : "css/general.css,css/tinyMCE.css"
		    });
	    }
	}
    }
    xhr.open("GET",p.nomFichier,true);
    xhr.send(null);
}