function Afficheronglet(onglet,texte){
champs = document.getElementById("onglets").getElementsByTagName("td");nombre=champs.length;
for(i=0; i<nombre; i++){champs[i].className="onglet";}
document.getElementById("contenu").innerHTML=texte;document.getElementById(onglet).className="onglet2";
}

function apparition(id_div) {
	if (document.getElementById(id_div).style.display != "block") {
		var vitesse = 10;
		var chrono = 0;
		//On efface tous les sous-menus
		var divs = document.getElementsByTagName('div');
		for(var j=0; j<divs.length; j++) {
			if(divs[j].className == "sousmenu"&&divs[j].style.display=="block") {
				/*for(i = 100; i >= 13; i--) {setTimeout("changeOpac(" + i + ",'" + divs[j].id + "')",(chrono * 5)); chrono++;}*/
				divs[j].style.display="none";
				divs[j].style.opacity=0.15;
			}
		}
		chrono=0;
		for(i = 15; i <= 100; i++) {
			setTimeout("changeOpac(" + i + ",'" + id_div + "')",(chrono * vitesse));
			chrono++;
		}
	}
}


function changeOpac(opacite, id) {
    var object = document.getElementById(id).style;
	object.display='block';
    object.opacity = (opacite / 100);
    object.filter = "alpha(opacity=" + opacite + ")";
	if(opacite<=14){object.display="none";}
} 


function hide(identifiant) {
	 if (document.getElementById(identifiant).style.display == "none")
		{
		 document.getElementById(identifiant).style.display = "block";
		}
		else {document.getElementById(identifiant).style.display = "none";
		}
	}
function hidetable(identifiant) {
	  if (document.getElementById(identifiant).style.display == "none") {
		 Nom=navigator.appName;
		 if(Nom=='Microsoft Internet Explorer'){document.getElementById(identifiant).style.display = "block";}
		 else{document.getElementById(identifiant).style.display = "table-cell";}
	  } else {
		 document.getElementById(identifiant).style.display = "none";
	  }
   }
   
function voir(identifiant,width) {
	 document.getElementById(identifiant+'corps').style.display = "block";
	 document.getElementById(identifiant).class = "sousonglet";
	 document.getElementById(identifiant).style.background = 'url("include/sousonglet2.php?width='+width+'")';
	}
	
function cacher(identifiant,width) {
	document.getElementById(identifiant+'corps').style.display = "none";
	document.getElementById(identifiant).class = "sousonglet";
	document.getElementById(identifiant).style.background = 'url("include/sousonglet.php?width='+width+'")';
	document.getElementById(identifiant).style.cursor = "pointer";
	}

function niveaulabo(id){
	document.formulaire.action='rech_labos.php?idlabo='+id;
	document.formulaire.submit();
	}

function niveau_techno(id, type){
	document.formulaire.action='recherche.php?idtechno='+id+'&type='+type;
	document.formulaire.submit();
	}

var deb = 0;
function nxt() {
	var texte ='Il était une fois... ';
	deb = deb+1;
	if(deb>=1){texte +=" une clairière<br />";}
	if(deb>=2){texte +=" et dans cette clairière furent construits:";}
	if(deb>=3){texte +="<ul style='margin-bottom:0px; padding-bottom:0px;'><li>- des <strong>petites maisons</strong>, permettant d'accueillir les premiers habitants. Sans celles-ci il n'y aurait jamais eu d'habitants!</li>";}
	if(deb>=4){texte +="<li>- une <strong>école</strong>, permettant aux enfants de ces habitants de bénéficier d'un niveau de qualification qui leur permettra de trouver un emploi plus tard.</li>";}
	if(deb>=5){texte +="<li>- un <strong>cabinet de docteur</strong>, qui veille sur la santé et l'hygiène et donc sur la survie des habitants.</li>";}
	if(deb>=6){texte +="<li>- un <strong>bureau d'architectes</strong>, qui est garant de la solidité et donc la sécurité des bâtiments.</li>";}
	if(deb>=7){texte +="<li>- des <strong>marchands</strong>, qui font en sorte que les objets produits, récoltés et achetés par la communauté puissent être distribués correctement à tous les habitants.</li></ul>";}
	if(deb>=8){texte ="Et c'est ainsi que naquit un petit village. <br />";}
	if(deb>=9){texte +="Mais bientôt les habitants se rendirent compte que la gestion de leur communauté devint trop compliquée... <br />";}
	if(deb>=10){texte +=" Et c'est pour cela qu'ils élirent un maire.<br />";}
	if(deb>=11){texte +=" Et ce maire, c'est vous!<br />";}
	if(deb>=12){texte =" Mais heureusement, vous n'êtes pas seul! Je suis votre fidèle villiceman, qui guidera vos premier pas dans la gestion de cette communauté, qui se transformera rapidement en une petite ville.<br />";}
	if(deb>=13){texte +=" Plus cette ville grandit, plus vous aurez de nouveaux outils, de nouvelles possibilités et plus d'interactions avec d'autres villes. Cette évolution se fera presque au jour-le-jour. Ce sera moi qui vous introduirai ces nouveautés.<br />";}
	if(deb>=14){texte ="Commençons par une rapide explication des principales pages du menu:";}
	if(deb>=15){texte +="<ul style='margin-bottom:0px; padding-bottom:0px;'><li>- Dans <strong>Ma ville</strong>, vous aurez les statistiques principales de votre ville, comme le chômage, et certains indices de bien-être.</li>";}
	if(deb>=16){texte +="<li>- Dans <strong>Bâtiments</strong>, vous pouvez construire des bâtiments. Chaque bâtiment produit soit des objets qui sont stockés ou consommés, soit des services. Au début, concentrez-vous sur la production de services, car des objets vous sont offerts (voir page <strong>stockage</strong>).</li>";}
	if(deb>=17){texte +="<li>- La <strong>Mairie</strong> et la page <strong>Economie</strong> vous donne accès à des statistiques approfondies et vous permet de modifier certaines variables clé dans la gestion de votre ville.</li>";}
	if(deb>=18){texte +="<li>- Dans <strong>Recherches</strong>, vous pouvez contrôler vos 4 laboratoires. Ceux-ci ont un rôle clé dans la construction de votre ville, car ils permettent d'augmenter leur indice de recherche respectif, ce qui va vous permettre de développer certaines technologies. Les technologies sont indispensables pour pouvoir construire certains bâtiments (voir page <strong>Aide</strong>) et permettent d'augmenter la productivité de certains bâtiments. </li></ul>";}
	if(deb>=19){texte +="D'autres pages s'ajouteront au fur et à mesure de votre progression dans le jeu :).";}
	if(deb>=20){texte ="Voici encore quelques principes importants à savoir en tant que bon villicien:<br />";}
	if(deb>=21){texte +="<ul style='margin-bottom:0px; padding-bottom:0px;'><li>- <strong> Un an villicien = un jour réel</strong>. Le changement d'année se fait toutes les nuits à 2h du matin. C'est à ce moment-là que les changements que vous avez fait la journée seront définitivement d'application.</li>";}
	if(deb>=22){texte +="<li>- Si vous avez des questions ou si vous voulez encore plus de bons conseils sur des stratégies à suivre, n'hésitez pas à aller faire un tour sur le <a href='http://villice.forumactif.com'>forum</a>!.</li>";}
	if(deb>=23){texte +="<li>- S'il y a un concept que vous ne comprennez pas, garder votre souris dessus pendant 1 sec, et une explication apparaitra.</li>";}
	if(deb>=24){texte +="<li>- Vous pouvez revoir cette présentation à tout moment dans la page 'aide'.</li></ul>";}
	if(deb>=25){texte ="Voilà, je n'ai plus qu'à vous souhaiter un bon jeu! Allez jetter un coup d'oeil sur la page <strong> Ma Ville</strong> où je vous donnerai quelques conseils pour bien commencer ;-)!";}


document.getElementById("txt").innerHTML='<center>'+texte+'</center>';
} 


function minMaxChamp(){

maxV = eval(this.getAttribute("maxValue"));
if(this.value >maxV)this.value = maxV;
if(this.value <0)this.value = 0;

}

function verifChamps()
{
var allInput = document.getElementsByTagName("input");
for (var j=0;j<allInput.length;j++)
if(allInput[j].getAttribute("maxValue") != null)
allInput[j].onchange = minMaxChamp;
}