function ajoutMenus (menuPrincipal)
{

	/* version en ligne
	
		les href commencent par la racine en ligne du site : /
	
	*/
	
	var menu, ul, li, h3;
	
/* Insertion du menu du site, pour la page d'accueil seulement */
if (menuPrincipal)
{
	menu = document.createElement ('div');
	menu.setAttribute ('id', 'menu');
	document.getElementById ('conteneur').appendChild (menu);

	ul = document.createElement ('ul');
	menu.appendChild (ul);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/introduction-sites-realises.php' id='sites'>Sites réalisés</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/faire-un-site-internet/introduction-faire-un-site-internet.php' id='faire'>Faire un site internet</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/introduction-developpement-web.php' id='devel'>Développement web</a>";
	ul.appendChild (li);
}

/* Insertion du 1er sous-menu - sites réalisés */
	menu = document.createElement ('div');
	menu.setAttribute ('id', 'menusites');
	document.getElementById ('conteneur').appendChild (menu);

	h3 = document.createElement ('h3');
	h3.innerHTML = "Sites réalisés";
	menu.appendChild (h3);

	ul = document.createElement ('ul');
	menu.appendChild (ul);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/introduction-sites-realises.php' id='SRintro'><span class='capitales'>Introduction</span></a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/site-theatre-du-nord.php' id='SRtdn'>Théâtre du Nord</a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/billetterie-theatre-national-de-chaillot.php' id='SRtnc'>Billetterie du TNC</a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/site-formation-continue-paris-III.php' id='SRfcp3'>FCP3 – Université Paris III</a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/site-athenee-theatre-louis-jouvet.php' id='SRalj'>Athénée Louis-Jouvet</a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/site-maison-jean-vilar.php' id='SRmjv'>Maison Jean-Vilar</a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/billetterie-mc-93-bobigny.php' id='SRmc93'>Billetterie de la MC 93</a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/site-manivelle-association.php' id='SRman'>La Manivelle Association</a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/site-compagnie-les-mots-du-vent.php' id='SRmdv'>Cie Les Mots du Vent</a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/site-catherine-leromain.php' id='SRcl'>Catherine Leromain</a>";
	ul.appendChild (li);
	
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/site-societe-cb-square-aubiere.php' id='SRcbs'>Société CB Square</a>";
	ul.appendChild (li);
		
	li = document.createElement ('li');
	li.innerHTML = "<a href='/sites-realises/site-reprapide.php' id='SRrep'>Reprapide.fr</a>";
	ul.appendChild (li);

	
	
/* Insertion du 2e sous-menu - faire un site internet */
	menu = document.createElement ('div');
	menu.setAttribute ('id', 'menufaire');
	document.getElementById ('conteneur').appendChild (menu);

	h3 = document.createElement ('h3');
	h3.innerHTML = "Faire un site internet";
	menu.appendChild (h3);

	ul = document.createElement ('ul');
	menu.appendChild (ul);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/faire-un-site-internet/introduction-faire-un-site-internet.php' id='FSintro'><span class='capitales'>Introduction</span></a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/faire-un-site-internet/cahier-des-charges-du-site-internet.php' id='FScahier'>Cahier des charges</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/faire-un-site-internet/techniques-du-site-internet.php' id='FStech'>Techniques</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/faire-un-site-internet/graphisme-du-site-internet.php' id='FSgra'>Graphisme</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/faire-un-site-internet/separation-contenu-presentation-comportement-du-site-internet.php' id='FSsep'>Séparation contenu-présentation</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/faire-un-site-internet/accessibilite-du-web.php' id='FSacc'>Accessibilité</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/faire-un-site-internet/referencement-du-site-internet.php' id='FSref'>Référencement</a>";
	ul.appendChild (li);


/* Insertion du 3e sous-menu - développement web */
	menu = document.createElement ('div');
	menu.setAttribute ('id', 'menudev');
	document.getElementById ('conteneur').appendChild (menu);

	h3 = document.createElement ('h3');
	h3.innerHTML = "Développement web";
	menu.appendChild (h3);

	ul = document.createElement ('ul');
	menu.appendChild (ul);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/introduction-developpement-web.php' id='DEVintro'><span class='capitales'>Introduction</span></a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/dhtml-objet-agrandissement-image.php' id='DEVagi'><span class='capitales'>DHTML</span> – Agrandissement d’image</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/dhtml-objet-apparition-image.php' id='DEVapi'><span class='capitales'>DHTML</span> – Apparition d’image</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/dhtml-objet-apparition-element.php' id='DEVape'><span class='capitales'>DHTML</span> – Apparition d’élément</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/dhtml-objet-deplacement-element.php' id='DEVdee'><span class='capitales'>DHTML</span> – Déplacement d’élément</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/dhtml-objet-rotation-element.php' id='DEVroe'><span class='capitales'>DHTML</span> – Rotation d’élément</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/dhtml-objet-extension-element.php' id='DEVexe'><span class='capitales'>DHTML</span> – Extension d’élément</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/dhtml-objet-rebond-element.php' id='DEVree'><span class='capitales'>DHTML</span> – Rebond d’élément</a>";
	ul.appendChild (li);

	li = document.createElement ('li');
	li.innerHTML = "<a href='/developpement-web/dhtml-objet-element-deplacable.php' id='DEVeld'><span class='capitales'>DHTML</span> – Élément déplaçable</a>";
	ul.appendChild (li);
};

function initMenus ()
{
/*
	pages internes seulement
	modification des href & onclick du menu principal (càd vers les 3 parties du site) de chaque page
	pour afficher les sous-menus plutôt qu'aller directement dans les 3 parties
	(ce qui est le comportement lorsque js est désactivé)
*/

// 	document.getElementById("sitesrealises").href = "#";
// 	document.getElementById("sitesrealises").onclick = function() { afficherMenu ("s"); return false; };
// 	document.getElementById("fairesite").href = "#";
// 	document.getElementById("fairesite").onclick = function() { afficherMenu ("f"); return false; };
// 	document.getElementById("developpement").href = "#";
// 	document.getElementById("developpement").onclick = function() { afficherMenu ("d"); return false; };
};

function afficherMenu (afficher)
{
	document.getElementById("menusites").style.display = "none";
	document.getElementById("menufaire").style.display = "none";
	document.getElementById("menudev").style.display = "none";

	if (afficher =="s")
	{
		document.getElementById("menusites").style.display = "block";
	}
	else if (afficher =="f")
	{
		document.getElementById("menufaire").style.display = "block";
	}
	else if (afficher =="d")
	{
		document.getElementById("menudev").style.display = "block";
	}
};

function prechargerImages ()
{
	var i;
	var images = new Array ();
	for(i=0; i<arguments.length; i++) 
	{
		images[i] = new Image();
		images[i].src = arguments[i];
	}
};

function getWindowHeight ()
{
	var h = 0;
	if (typeof(window.innerHeight) == 'number') //  Gecko KHTML
	{
		h = window.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)	// IE
	{
		h = document.documentElement.clientHeight;
	}
	else if (document.body && document.body.offsetHeight) //client
	{
		h = document.body.offsetHeight;
	}
	return h;
};

function getWindowWidth ()
{
	var w = 0;
	if (typeof(window.innerWidth) == 'number') // Gecko KHTML
	{
		w = window.innerWidth;
	}
	else if (document.documentElement && document.documentElement.clientWidth)	// IE
	{
		w = document.documentElement.clientWidth;
	}
	else if (document.body && document.body.offsetWidth) //client
	{
		w = document.body.offsetWidth;
	}
	return w;
};

function ajoutBordBasDePage (position)
{
	// ajouter la bordure de bas de page en fonction de la taille de page	
	// mais pas pour IE < 7 (non ajouté grande page, buggé petite page)
	var n = navigator.appVersion.indexOf("MSIE 4") - navigator.appVersion.indexOf("MSIE 5") - navigator.appVersion.indexOf("MSIE 6");

	if (n == 1)
	{
		if (position == 1)	// petite page
		{
			var b = document.createElement ('div');
			b.setAttribute ('id', 'borderbaspage');	// id pour suppression si impression
			b.style.position = "absolute";
			b.style.top = "423px";
			b.style.left = "0px";
			b.style.width = "667px";
			b.style.height = "8px";
			b.style.backgroundColor = "#e3e1df";
			document.getElementById ('contenu').appendChild (b);
		}
		else if (position == 2)	// grande page
		{
			document.getElementById("contenu").style.borderBottom = "10px solid #e3e1df";
		}
	}
};

function ajoutEventImpression ()
{
	document.getElementById("imp").onclick = function ()
	{	// on supprime le bas de page (gris, épais) qui sinon serait imprimé
		document.getElementById("contenu").style.borderBottom = "none";
		window.print();
		return false;
	};
};

function colorerItemMenu (item)
{
	document.getElementById(item).style.cssText = "color:#900;background:url(../images/puce-menu-on.png) no-repeat right 2px;";
};

