var idAdversaire = '' ;
var id= '' ;
function initAlert(){
	if (document.body){
		hauteur = (document.body.clientHeight);
		largeur = (document.body.clientWidth);
	}
	else{
		hauteur = (window.innerHeight); 
		largeur = (window.innerWidth); 
	}
	if (!boutonCache)
		document.getElementById('alert').style.height = hauteur+'px' ;
	document.getElementById('alert').style.width = largeur+'px' ;
}
var apparitionEnCours = 0 ;
var boutonCache = false ;
function afficheMessage(message, fermeture)
{
	document.getElementById("alertContenu").style.height = '150px';
	document.getElementById("alertContenu").style.top = '400px' ;
	document.getElementById("alert").style.top = '0px';
	initAlert () ;
	apparitionEnCours = 1 ;
	document.getElementById('alert').style.display = '' ;
	if (fermeture == '' )
		fermeture = '<a onClick="javascript:cacheMessage()">Fermer</a> ' ;

	document.getElementById("alertContenu").style.top = '300px' ;
	document.getElementById("alert").style.filter = 'Alpha(Opacity=0)' ;
	document.getElementById("alert").style.opacity = 0 ;
	document.getElementById("alertContenu").innerHTML = message+'<br /><br />'+fermeture ;
	setTimeout("apparitionMessage(0)",100);
	if (!boutonCache)
		timeOutCache = setTimeout("cacheMessage()",4500);
}
function apparitionMessage (opacity)
{
	document.getElementById("alert").style.filter = 'Alpha(Opacity='+opacity+')' ;
	document.getElementById("alert").style.opacity = opacity/100 ;
	document.getElementById("alertContenu").style.top = (parseInt(document.getElementById("alertContenu").style.top.substr(0,3),10)+3)+'px' ;
	if (opacity<80 && apparitionEnCours)
		setTimeout('apparitionMessage('+(opacity+5)+')',50);
	else
		apparitionEnCours = 2 ;

}

function cacheMessage()
{
	//Si le timeOutCache existe (on px ne pas l'avoir cree ds afficheMessage)
	if (!boutonCache)
		clearTimeout(timeOutCache);
	apparitionEnCours = 1 ;
	setTimeout('disaparitionMessage(80)',50);
}
function disaparitionMessage(opacity)
{
	document.getElementById("alert").style.filter = 'Alpha(Opacity='+opacity+')' ;
	document.getElementById("alert").style.opacity = opacity/100 ;
	document.getElementById("alertContenu").style.top = (parseInt(document.getElementById("alertContenu").style.top.substr(0,3),10)+2)+'px' ;
	if (opacity>0)
		setTimeout('disaparitionMessage('+(opacity-4)+')',50);
	else
	{
		apparitionEnCours = 0 ;
		document.getElementById('alert').style.display = 'none' ;
	}
}

function cacheBouton ()
{
	boutonCache = true ;
	afficheMessage ('<br />Ce n\'est pas à vous de jouer...' ,'  ') ;
	document.getElementById("alertContenu").style.top = '50px' ;
	document.getElementById("alertContenu").style.height = '50px';
	document.getElementById("alert").style.top = '500px';
	document.getElementById("alert").style.height = '100px';
}
function afficheBouton ()
{
	if (boutonCache == true )
	{
		cacheMessage() ;
		boutonCache = false ;
	}
}

function rafraichir(page, variable, destination){
	if (destination != 'refresh')
		document.getElementById(destination).innerHTML = '<div style=" width: 173px ;margin: auto"><img src="image/loader.gif" /></div>';
    var xhr;
    if (window.XMLHttpRequest) xhr = new XMLHttpRequest();
    else if (window.ActiveXObject) xhr = new ActiveXObject('Microsoft.XMLHTTP');
    else{
        alert('JavaScript : votre navigateur ne supporte pas les objets XMLHttpRequest... Téléchargez Mozilla !');
        return;
	}
    xhr.open('POST',page,true);
    xhr.onreadystatechange = function(){
        if (xhr.readyState == 4 && destination != ''){
			if (destination != 'personnage' && destination != 'refresh')
				info('','');
			document.getElementById(destination).innerHTML = xhr.responseText;
			var scripts = document.getElementById(destination).getElementsByTagName('script'); //on récupère les balises scripts
			for( var i=0; i < scripts.length; i++)
			{
			  eval(scripts.item(i).innerHTML); //on exécute
			}
		}
	}
    xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    xhr.send(variable);
}

function jouer(type){
	if (document.getElementById('pseudo').value == '' )
		info('Veuillez entrer un pseudo', '#cbf6cc');
	else
		rafraichir(type+'/connexion.php5','pseudo='+document.getElementById('pseudo').value,'info') ;
}

function info (texte, couleur){
	document.getElementById('info').innerHTML = '<div style="background: '+couleur+'; margin-left: 350px; width: 410px; padding: 0px 5px 0px 5px; text-align: center">'+texte+'</div>' ;
}
function initInfo (){
	document.getElementById('info').style.height = '20px' ;
}

function listeOver (element, info){
	element.className='personnageOver';
	document.getElementById('infoPersonnage').innerHTML='Taille : '+info ;
}
function listeClick (value){
	document.getElementById('reponse').value= value ;
	document.getElementById('personnage').innerHTML='';
}

var heure = 0;
var modulo = 5 ;
function refreshChat(pseudo){
	rafraichir('multi/refreshChat.php5', 'pseudo='+pseudo+'&heure='+heure+'&modulo='+modulo, 'refresh');
	modulo = (modulo+1) % 3 ;
	idTimeout = setTimeout("refreshChat('"+pseudo+"')",2000);
}

function envoyerChat(pseudo){
	//Dans une partie du mode multi
	if (document.sender.inputChat.value != '' && idAdversaire !=''){
		clearTimeout(idTimeout);
		rafraichir('jeux/refreshMulti.php5','idAdversaire='+idAdversaire+'&pseudo='+pseudo+'&heure='+heure+'&color='+document.sender.couleur.value+'&message='+document.sender.inputChat.value.replace('&','<£>'),'refresh');
		document.sender.inputChat.value = '';
        idTimeout = setTimeout("refreshMulti('"+pseudo+"')",2000);
	}
	else if (document.sender.inputChat.value != ''){
		clearTimeout(idTimeout);
		rafraichir('multi/refreshChat.php5','idAdversaire='+idAdversaire+'&pseudo='+pseudo+'&heure='+heure+'&color='+document.sender.couleur.value+'&message='+document.sender.inputChat.value.replace('&','<£>'),'refresh');
		document.sender.inputChat.value = '';
        idTimeout = setTimeout("refreshChat('"+pseudo+"')",2000);
	}
}

function refreshMulti(id){
	rafraichir('jeux/refreshMulti.php5', 'idAdversaire='+idAdversaire+'&pseudo='+id, 'refresh');
	idTimeout = setTimeout("refreshMulti('"+id+"')",2000);
}
var aide = new Array() ;
aide[1] = "<span class=\"orange\">L'interface d'Utomia a &eacute;t&eacute; developp&eacute;e par l'association Web Etudiant.</span><br /><br />Grâce &agrave; ce petit jeux culturel, Web Etudiant vous montre ses capacit&eacute;s &agrave; r&eacute;aliser un site internet facilement accessible, design et inovant !<br />N'h&eacute;sitez pas &agrave; <strong>nous contacter</strong> !<br />Plus d'informations sur <strong><a href=\"http://www.web-etudiant.com\" target=\"_blank\">www.web-etudiant.com</a></strong><br /><br /><span class=\"orange\">Site r&eacute;alis&eacute;s par Web Etudiant :</span><br /><strong> <a href=\"http://www.lordofcastle.com\"  target=\"_blank\">www.lordofcastle.com</a></strong> (jeux MMO gratuit)<br /><strong><a href=\"http://www.checksong.com\"  target=\"_blank\">www.checksong.com</a></strong> (blind test).<br /><strong><a href=\"http://www.taguemoi.fr\"  target=\"_blank\">www.tagueMoi.fr</a></strong> A venir..." ;
aide[2] = "<span class=\"orange\">Le but du jeux est de trouver les 20 personnages c&eacute;l&egrave;bres ! </span><br /><br />Le vainquer est celui qui a <strong>le plus de points</strong> apr&egrave;s avoir trouv&eacute; les 20 personnages !" ;
aide[3] = "<span class=\"orange\">Vous partez avec un capital de 2000 points</span>.<br /><br /> Chaque nouvel indice vous fait perdre <strong>10 points</strong>. <br />Une reponse fausse vous fait perdre <strong>20 points</strong>.<br /> Un joker vous fait perdre <strong>50 points</strong>.<br /> Le fait de passer vous fait perdre <strong>100 points</strong>.<br /> Une bonne reponse ne rajoute aucun point !" ;
aide[4] = "<span class=\"orange\">Si vous &ecirc;tes bloqu&eacute;, utilisez un joker !</span><br /><br />Le joker vous donne la première lettre du personnage a d&eacute;couvrir et le nombre total de lettre ! <br /><br /><strong>(par exemple CICERON -> C7)</strong> " ;
function help (id){
	document.getElementById('affAide').innerHTML =  aide[id] ;
}

var listePersonnage = new Array () ;

function afficherPersonnage ()
{
	var reponse=new String();
	reponse = document.getElementById('reponse').value.toUpperCase() ;
	liste = '' ;
	if (reponse != '')
	{

		if (reponse.substr(1, 1) > 0)
		{
			longueur = parseInt(reponse.substr(1, 1),10) ;
			premiereLettre = reponse.substr(0, 1) ;
			for (i=0; i<listePersonnage.length;i++)
			{
				if (listePersonnage[i].nomPersonnage.length ==longueur && listePersonnage[i].nomPersonnage.substr(0,1) ==premiereLettre )
					liste += listePersonnage[i].valeur ;
			}
		}
		else
		{
			for (i=0; i<listePersonnage.length;i++)
			{
				if (listePersonnage[i].nomPersonnage.substr(0, reponse.length) == reponse)
					liste += listePersonnage[i].valeur ;
			}
		}
	}
	else
	{
		for (i=0; i<listePersonnage.length;i++)
		{
				liste += listePersonnage[i].valeur ;
		}
	}
	if (liste == '')
		liste ='Aucun personnage trouvé' ;
	document.getElementById('personnage').innerHTML = liste ;
	
}
var compteurInit = 60 ;
function refreshCompteur()
{
	compteurSeconde = parseInt(compteurSeconde,10) -1;
	compteurMinute = parseInt(compteurMinute,10);
	r = (compteurSeconde+compteurMinute*60<compteurInit/2) ? 255 : Math.floor(255 - (compteurSeconde+compteurMinute*60 - compteurInit/2)/(compteurInit/2) *255);
	g = (compteurSeconde+compteurMinute*60>compteurInit/2) ? 255 : -1*Math.floor(255 - (compteurSeconde+compteurMinute*60 + compteurInit/2)/(compteurInit/2) *255 );	
	if (compteurMinute*60+compteurSeconde == compteurInit){
		document.getElementById('compteur').style.fontSize  = '30px' ;
			document.getElementById('compteur').style.marginTop  = '0px' ;
		document.getElementById('btonTemps').src = 'jeux/images/btonOk.png' ;
	}
	if (compteurSeconde ==0 && compteurMinute <=0)
		document.getElementById('btonTemps').src = 'jeux/images/btonNo.png' ;
	if (compteurSeconde <0 && compteurMinute <=0)
	{
		document.getElementById('compteur').style.fontSize  = '20px' ;
		document.getElementById('compteur').style.marginTop  = '10px' ;
		document.getElementById('compteur').innerHTML = 'Synchronisation...' ;
		rafraichir('jeux/valider.php5', 'id='+id+'&reponse=tempEcoule', 'info')
	}
	else
	{
		//alert (parent.document.getElementById('compteur').style.fontsize) ;
		if (compteurSeconde == -1)
		{
			compteurSeconde = 59 ;
			compteurMinute-- ;
		}
		if (compteurSeconde <10)
			compteurSeconde ='0'+compteurSeconde ;
		if (compteurMinute <10)
			compteurMinute ='0'+compteurMinute ;
		parent.document.getElementById('compteur').innerHTML = compteurMinute+':'+compteurSeconde ;
		parent.document.getElementById('compteur').style.color = 'rgb('+r+','+g+',0)' ;
	}
	refreshCompteurTimeout = setTimeout("refreshCompteur()",999);
	//clearTimeout(idTimeout);
}