	//©2009 Grégoire Duhamel pour l'EPSI
	var x, y;
	var maxSize = 135;

	function firstUse()
	{
		document.getElementById('1').height = maxSize;
		document.getElementById('1').innerHTML = "";
		document.getElementById('2').height = 10;
		document.getElementById('2').innerHTML = "";
		document.getElementById('3').height = 10;
		document.getElementById('3').innerHTML = "";
		document.getElementById('4').height = 10;
		document.getElementById('4').innerHTML = "";
		document.getElementById('5').height = 10;
		document.getElementById('5').innerHTML = "";
		document.getElementById('6').height = 10;
		document.getElementById('6').innerHTML = "";
		updateMenuSection(1);
	}
	
	function showOnly(id)
	{
		if((idToClose = whoisopened()) && id != whoisopened() )
		{
			x = maxSize;
			y = 10;
			
			if((navigator.appName=="Netscape")||(navigator.appName=="Opera"))
				y += 4;
			else if(navigator.appName=="Microsoft Internet Explorer")
				y += 14;
			
			
			openFirstCloseSecond(id, idToClose);
		}
	}
	
	function openFirstCloseSecond(id1, id2)
	{
		x -= 20;
		y += 20;
		
		if(x < 10)
		{
			x = 10;
			y = maxSize;
		}
		if(y > maxSize)
		{
			y = maxSize;
			x = 10;
		}
		document.getElementById(id1).height = y;
		document.getElementById(id2).height = x;
		
		if (y < maxSize)
		{
			setTimeout("openFirstCloseSecond("+id1+","+id2+")", 30);
			document.getElementById(id2).innerHTML = ""
		}
		else
			updateMenuSection(id1);
	}
	
	//Savoir quelle section du menu est ouverte
	function whoisopened()
	{
		if(document.getElementById('1').height == maxSize)
			return 1;
		if(document.getElementById('2').height == maxSize)
			return 2;
		if(document.getElementById('3').height == maxSize)
			return 3;
		if(document.getElementById('4').height == maxSize)
			return 4;
		if(document.getElementById('5').height == maxSize)
			return 5;
		if(document.getElementById('6').height == maxSize)
			return 6;
		
		return 0;
	}
	
		
	function updateMenuSection(id)
	{
		switch(id)
		{
			case 1:
				document.getElementById('1').innerHTML = '<ul><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,historique,.html" class="bleu" title="historique de l\'école">&nbsp;Historique</a></li><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,moyen,microsoft-unix.html" class="bleu" title="moyens des formations informatiques">&nbsp;Moyens</a></li><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,vie-etudiante,transports-logement-restauration.html" class="bleu" title="vie étudiante">&nbsp;Vie étudiante</a></li><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,assos,associations-etudiantes.html" class="bleu" title="vie associative">&nbsp;Vie associative</a></li><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,media,.html" class="bleu" title="les élèves ingénieurs dans la presse et à la télévision">&nbsp;Dans les médias</a></li><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,forum,.html" class="bleu" title="Candidats, Eleves, Anciens">&nbsp;Forum</a></li></ul>';
				break;
			case 2:
				document.getElementById('2').innerHTML = '<ul><li class="violet"><a href="ecole-ingenieur-informatique,bts-info,cursus,cursus-scolaire-informaticien.html" class="violet" title="techniciens et ingénieurs">&nbsp;Cursus</a></li><li class="violet"><a href="ecole-ingenieur-informatique,bts-info,programmes,ecole-informatique.html" class="violet" title="cycle préparatoire / cycle supérieur">&nbsp;Programmes</a></li><li class="violet"><a href="ecole-ingenieur-informatique,bts-info,projets,projets-professionnels.html" class="violet" title="gestion de projets d\'entreprises">&nbsp;Projets et travaux</a></li><li class="violet"><a href="ecole-ingenieur-informatique,bts-info,stages,emplois-informaticiens.html" class="violet" title="stages informatiques">&nbsp;Stages</a></li><li class="violet"><a href="ecole-ingenieur-informatique,bts-info,frais,etudes.html" class="violet" title="le financement des études à l\'EPSI">&nbsp;Tarifs et financement</a></li><li class="violet"><a href="ecole-ingenieur-informatique,bts-info,liste-temoignages,interview-informaticien.html" class="violet" title="témoignages d\'élèves ingénieurs">&nbsp;Témoignages</a></li></ul>';
				break;
			case 3:
				document.getElementById('3').innerHTML = '<ul><li class="jaune"><a href="ecole-ingenieur-informatique,bts-info,laboratoires,laboratoire-recherche-informatique.html" class="jaune" title="laboratoires de recherche appliquée">&nbsp;Laboratoires</a></li><li class="jaune"><a href="ecole-ingenieur-informatique,bts-info,junior-service,formaton-expertise-audit.html" class="jaune" title="formation, expertise et audit">&nbsp;Junior Service</a></li><li class="jaune"><a href="ecole-ingenieur-informatique,bts-info,certifications,certif-systeme-reseau-developpement-web.html" class="jaune" title="certifications microsoft, ibm, cisco">&nbsp;Certifications</a></li><li class="jaune"><a href="ecole-ingenieur-informatique,bts-info,cahiers-de-l-epsi,actualite-informatique-france.html" class="jaune" title="la revue semestrielle des élèves ingénieurs">&nbsp;"Les Cahiers de l\'EPSI"</a></li></ul>';
				break;
			case 4:
				document.getElementById('4').innerHTML = '<ul><li class="vert"><a href="ecole-ingenieur-informatique,bts-info,partenaire-entreprise,ccip-paris-arras-lyon-gironde-dordogne.html" class="vert" title="ssii, chambres de commerce, syndicats professionnels, entreprises">&nbsp;Partenaires</a></li><li class="vert"><a href="ecole-ingenieur-informatique,bts-info,parrains-promotion,yvelines-essonne-hauts-de-seine-savoie.html" class="vert" title="bnp paribas, sopra group, dassault, bouygues telecom, eads...">&nbsp;Parrains de promotions</a></li><li class="vert"><a href="ecole-ingenieur-informatique,bts-info,conference-entreprise,convention-reseau-dot-net-java.html" class="vert" title="transfert technologique, partage de savoirs et d\'expériences">&nbsp;Forums et conférences</a></li><li class="vert"><a href="ecole-ingenieur-informatique,bts-info,observatoire,metier-informaticien.html" class="vert" title="observatoire des métiers de l\'informatique">&nbsp;Observatoire des Métiers</a></li></ul>';
				break;
			case 5:
				document.getElementById('5').innerHTML = '<ul><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,labo-langues,cours-anglais-informatique.html" class="bleu" title="auto-formation, e-learning, training...">&nbsp;Labo de langues</a></li><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,toeic-test,ecole-informatique-superieure.html" class="bleu" title="préparation, tests, évaluation de compétences, validation, anglais">&nbsp;TOEIC</a></li><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,stage-etranger,ecole-superieure-informatique.html" class="bleu" title="europe, amérique du nord, asie...">&nbsp;Stages et jobs</a></li><li class="bleu"><a href="ecole-ingenieur-informatique,bts-info,partenariat-international,ecole-informatique.html" class="bleu" title="mobilité, ouverture, intégration...">&nbsp;Partenariat</a></li></ul>';
				break;
			case 6:
				document.getElementById('6').innerHTML = '<ul><li class="violet"><a href="ecole-ingenieur-informatique,bts-info,vae,vae-formation-pour-informaticien.html" class="violet" title="validation des acquis de l\'exprérience">&nbsp;VAE</a></li></ul>';
				break;
		}
	}
