var value_suggested = ''; //On stock la value du champ de texte pour éviter de refaire le processus si la valeur n'a pas changé (appuyé sur une touche autre que caractère)
function suggest(element, table, field){
	//Détection du navigateur
	var is_ie = ((navigator.userAgent.toLowerCase().indexOf("msie") != -1) && (navigator.userAgent.toLowerCase().indexOf("opera") == -1));

	/*Fonction utile : détermine la position absolue exacte d'un objet sur la page*/
	findPos = function(obj){
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft
			curtop = obj.offsetTop
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft
				curtop += obj.offsetTop
			}
		}
		return [curleft,curtop];
	}	
	
	//Création de la liste des propositions si elle n'existe pas encore
	if(!document.getElementById('suggestsList')){
		var suggestsList = document.createElement('ul');
		suggestsList.id = 'suggestsList';
		
		/*On donne à la liste la même largeur que le champ de texte => on doit récupérer sa largeur et son padding*/
		var style = (!is_ie ? window.getComputedStyle(element, null) : element.currentStyle); //Récupération du style
		if(style.width){
			var width = parseInt(style.width.replace(/px/, '')); //On transforme la largeur dans le style en int
			
			//On récupère le padding éventuel du champ pour le rajouter à la largeur à attribuer à la liste
			var paddingRight = (style.paddingRight ? style.paddingRight : false);
			if(paddingRight){
				paddingRight = parseInt(paddingRight.replace(/px/, ''));
				width += paddingRight;
			}
			
			var paddingLeft = (style.paddingLeft ? style.paddingLeft : false);
			if(paddingLeft){
				paddingLeft = parseInt(paddingLeft.replace(/px/, ''));
				width += paddingLeft;
			}
			
			width = (isNaN(width) ? 150 : width);
			if(width != 'NaN'){
				suggestsList.style.width = width+'px'; //On donne à la liste la même largeur que celle du champ de texte
			}
		}
		
		//On positionne la liste sous le champ
		suggestsList.style.position = 'absolute';
		var coord = findPos(element); //Récupération des coordonnées du champ
		suggestsList.style.left = coord[0]+'px';
		suggestsList.style.top = coord[1]+(19)+'px'; //On ajoute 19px de haut pour que la liste soit sur le champ et non par-dessus
		document.body.appendChild(suggestsList); //On insère la liste dans le document
	}
	else{
		//Si la liste existe déjà, on se contente de la repérer par rapport à son id
		suggestsList = document.getElementById('suggestsList');
	}
	//Si la valeur a changée, on masque la liste, le temps d'actualiser son contenu
	if(element.value != value_suggested){
		suggestsList.style.display = 'none';
	}
	
	//Fonction servant à cacher les suggestions
	closeSuggest = function(nofocus){
		var todelete = document.createElement('div');
		todelete.appendChild(suggestsList);
		if(!nofocus){ element.focus(); }
	};
	
	//Fonction gérant le parcour des éléments à l'aide des touches directionnelles
	selectSuggest = function(direction){
		//On regarde si un élément est selectionné
		var selected = -1;
		var lis = suggestsList.getElementsByTagName('li');
		for(i=0; i<lis.length; i++){
			if(lis[i].id == 'selectedSuggest'){
				selected = i;
			}
			lis[i].id = '';
		}
		
		selected += direction;
		selected = (selected < -1 ? (lis.length-1) : selected);
		if(selected >= 0 && selected < lis.length){
			lis[selected].id = 'selectedSuggest';
		}
	};
	
	//Remplit le champ avec la suggestion sélectionnée
	useSelected = function(){
		//On regarde si un élément est selectionné
		var lis = suggestsList.getElementsByTagName('li');
		for(i=0; i<lis.length; i++){
			if(lis[i].id == 'selectedSuggest'){
				element.value = lis[i].firstChild.innerHTML;
			}
		}
		closeSuggest();
	};
	
	document.body.onkeyup = function(e){
		var key = (!is_ie ? e.keyCode : window.event.keyCode);
		switch(key){
			case 27: //Esc
				closeSuggest();
				break;
			case 9: //Tab
				closeSuggest(true); //On referme la liste sans redonner le focus au champ
				break;
			case 38: //Up
				selectSuggest(-1);
				break
			case 40: //Down
				selectSuggest(1);
				break;
			case 13: //Enter
				useSelected();
				break;
		}
	};
	document.body.onclick = function(){ closeSuggest(); };
	
		
	if(element.value != '' && element.value != value_suggested){
		/*Récupération de la liste des suggestions*/
		var suggests = new Array();

	    var XHR = false; 
		try { XHR = new ActiveXObject("Microsoft.XMLHTTP"); }
		catch(e){ XHR = new XMLHttpRequest(); }
		
		//Requête AJAX : attention à bien donner le chemin du fichier autocomplete_ajax.php
		XHR.open("GET", '../autocomplete_ajax.php?table='+table+'&field='+field+'&search='+element.value+'&nocache='+Math.floor((new Date()).getTime()), true); //timestamp en parametre pour empecher la mise en cache
		// Attente de l'état 4 (-> OK)
		XHR.onreadystatechange = function () {
			// l'état est à 4, requête reçue
			if(XHR.readyState == 4){
				var xml = XHR.responseXML; //Récupération du xml contenant les suggestions
				var suggests_xml = xml.getElementsByTagName('suggest');
				for(i=0; i<suggests_xml.length; i++){
					//On remplit l'array des suggestions
					suggests[suggests.length] = suggests_xml[i].firstChild.data;
				}
				
				//On supprime l'ancien contenu de la liste des suggestions, puis on la remplit
				suggestsList.innerHTML = '';
				if(suggests.length){
					for(i=0; i<suggests.length; i++){
						var li = document.createElement('li');
						var a = document.createElement('a');
						a.innerHTML = suggests[i];
						//On ajoute un évènement sur le lien pour que son contenu soit mis dans le champ lorsque l'on clique dessus
						a.onclick = function(){
							element.value = this.innerHTML;
							closeSuggest();
						};
						li.appendChild(a);
						suggestsList.appendChild(li);
					}
					//Maintenant que la liste est remplie, on l'affiche
					suggestsList.style.display = '';
				}
				else{
					//S'il n'y a aucune suggestion correspondante, on cache la liste
					closeSuggest();
				}
			}
		}
		XHR.send(null);
	}
	else if(element.value == ''){
		//Si le champ est vide, on cache la liste
		closeSuggest();
	}
	
	//On enregistre la value pour laquelle le traitement a été effectuer pour ne pas le refaire s'il n'y a pas de changement
	value_suggested = element.value;
}

function process()
{
// Create the HTML code
var string;
string = " <form name='frmemail' id='frmeamil' method='post' action=''>"
+"Votre Nom:"
+"<br/>"
+"<input type='text' name='txtnom1' id='txtnom1' size='30'/>"
+"<br/>"
+"Votre Email:"
+"<br/>"
+"<input type='text' name='txtemaild1' id='txtemail' size='30' />"
	+"<br/>"	
	+"Email destinataire:"
	+"<br/>"
+"<input type='text' name='txtemaild2' id='txtemail' size='30' />"
+"<br/>"
+"Votre Message:"
+"<br/>"
+"<textarea name='txtmessage1' rows='5' cols='30'></textarea>"	
+"<br/>"	
	+"<input class='submbutton' type='submit' name='envoyeremail' value='Envoyer Email' />"
	+"</form>";

 myDiv = document.getElementById("myDivElement");

myDiv.innerHTML = string;
}





function process2()
{
// Create the HTML code
var string;
string = "<ul>"
+"<li>"
+"<a href='../foot/lgfrance.php'>Ligue 1</a></li>"
+"<li><a href='../foot/lgespagne.php'>Liga Espagnole</a></li>"
+"<li><a href='../foot/lgangleterre.php'>Premier League</a></li>"
+"<li><a href='../foot/lgitalie.php'>Calcio Serie A</a></li>"
+"<li><a href='../foot/lgallemagne.php'>Bundesliga</a></li>"
+"<li><a href='../foot/lgholland.php'>Eredivisie</a></li>"
+"<li><a href='../foot/lgportugal.php'>Liga Sagres</a></li>"
+"</ul>";
document.getElementById("divCoupe").style.display="none";
document.getElementById("divVidéos").style.display="none";
document.getElementById("divAfrique").style.display="none";
document.getElementById("divAmérique").style.display="none";
document.getElementById("divEurope").style.display="none";
document.getElementById("divCoupe").innerHTML="";
document.getElementById("divAmérique").innerHTML="";

document.getElementById("divChampionnat").style.display="block";
 myDiv = document.getElementById("divChampionnat");

myDiv.innerHTML = string;
}


function process3()
{
// Create the HTML code
var string;
string = "<ul>"
+"<li><a href='../coupe/cpuefalg.php'>Uefa Champions</a></li>"
+"<li><a href='../coupe/cpuefacp.php'>Uefa Cup</a></li>"
+"</ul>";
document.getElementById("divChampionnat").style.display="none";
document.getElementById("divVidéos").style.display="none";
document.getElementById("divAfrique").style.display="none";
document.getElementById("divAmérique").style.display="none";
document.getElementById("divEurope").style.display="none";
document.getElementById("divChampionnat").innerHTML="";
document.getElementById("divAmérique").innerHTML="";
document.getElementById("divCoupe").style.display="block";
myDiv = document.getElementById("divCoupe");
myDiv.innerHTML = string;

}


function process4()
{
// Create the HTML code
var string;
string = "<ul>"
+" <li><a href='#'>Brésil</a></li>"
+"<li> <a href='#'>Argentine</a></li>"
+"  <li>  <a href='#'>Mexique</a></li>"
+"</ul>";
document.getElementById("divChampionnat").style.display="none";
document.getElementById("divCoupe").style.display="none";
document.getElementById("divVidéos").style.display="none";
document.getElementById("divAfrique").style.display="none";
document.getElementById("divEurope").style.display="none";
document.getElementById("divCoupe").innerHTML="";
document.getElementById("divChampionnat").innerHTML="";

document.getElementById("divAmérique").style.display="block";
myDiv = document.getElementById("divAmérique");
myDiv.innerHTML = string;
}





function process5()
{
// Create the HTML code
var string;
string = "<ul>"
+"<li><a href='../video/videoliga.php'>Liga </a></li>"
 +"<li><a href='../video/videoprleague.php'>Premier League</a></li>"
 +"<li><a href='../video/videocalcio.php'>Calcio</a></li>"
  +"<li><a href='../video/videoligue1.php'>Ligue1</a></li>"
  +"<li><a href='../video/videobundesliga.php'>Bundesliga</a></li>"
  +"<li><a href='../video/videoeredivisie.php'>Eredivisie</a></li>"
  +"<li><a href='../video/videouefachampions.php'>Uefa Champions League</a></li>"
 +"<li><a href='../video/videouefacup.php'>Uefa Cup</a></li>"
 +"<li><a href='../video/videoequipenat.php'>Internationals</a></li>"
 +"<li><a href='../video/videoautres.php'>Autres</a></li>"
+"</ul>";
document.getElementById("divChampionnat").style.display="none";
document.getElementById("divCoupe").style.display="none";
document.getElementById("divAmérique").style.display="none";
document.getElementById("divAfrique").style.display="none";
document.getElementById("divEurope").style.display="none";
document.getElementById("divCoupe").innerHTML="";
document.getElementById("divChampionnat").innerHTML="";
document.getElementById("divAmérique").innerHTML="";
document.getElementById("divAfrique").innerHTML="";

document.getElementById("divVidéos").style.display="block";
myDiv = document.getElementById("divVidéos");
myDiv.innerHTML = string;
}




function process6()
{
// Create the HTML code
var string;
string = "<ul>"
   +"<li><a href='../afrique/eqmaroc.php'>Maroc</a></li>"
				  +" <li> <a href='../afrique/eqegypte.php'>Egypte</a></li>"
				   +"<li>  <a href='../afrique/eqtunisie.php'>Tunisie</a></li>"
				    +" <li>  <a href='../afrique/eqalgerie.php'>Algerie</a></li>"
+"</ul>";
document.getElementById("divChampionnat").style.display="none";
document.getElementById("divCoupe").style.display="none";
document.getElementById("divVidéos").style.display="none";
document.getElementById("divAmérique").style.display="none";
document.getElementById("divEurope").style.display="none";
document.getElementById("divCoupe").innerHTML="";
document.getElementById("divChampionnat").innerHTML="";
document.getElementById("divVidéos").innerHTML="";
document.getElementById("divAmérique").innerHTML="";


document.getElementById("divAfrique").style.display="block";
myDiv = document.getElementById("divAfrique");
myDiv.innerHTML = string;
}





function process7()
{
// Create the HTML code
var string;
string = "<ul>"
   +" <li><a href='../europe/eqfrance.php'>France</a></li>"
		    +" <li><a href='../europe/eqespagne.php'>Espagne</a></li>"
			 +" <li><a href='../europe/eqangleterre.php'>Angleterre</a></li>"
			 +"  <li><a href='../europe/eqitalie.php'>Italie</a></li>"
			 +"   <li><a href='../europe/eqallemagne.php'>Allemagne</a></li>"
          +"  <li><a href='../europe/eqholland.php'>Holland</a></li>"
		   +"  <li><a href='../europe/eqportugal.php'>Portugal</a></li>"
			 +" <li><a href='../europe/eqbelgique.php'>Belgique</a></li>"
			 +"  <li><a href='../europe/eqsuisse.php'>Suisse</a></li>"
			 +"  <li><a href='../europe/eqecosse.php'>Ecosse</a></li>"
			 +"  <li><a href='../europe/eqturquie.php'>Turquie</a></li>"
			 +"    <li><a href='../europe/eqsuede.php'>Suède</a></li>"
			+"  <li><a href='../europe/eqcroatie.php'>Croatie</a></li>"
				 +"  <li> <a href='../europe/eqdanemark.php'>Danemark</a></li>"
				 +"  <li>  <a href='../europe/eqrussie.php'>Russie</a></li>"
+"</ul>";
document.getElementById("divChampionnat").style.display="none";
document.getElementById("divCoupe").style.display="none";
document.getElementById("divVidéos").style.display="none";
document.getElementById("divAmérique").style.display="none";
document.getElementById("divAfrique").style.display="none";
document.getElementById("divCoupe").innerHTML="";
document.getElementById("divChampionnat").innerHTML="";
document.getElementById("divVidéos").innerHTML="";
document.getElementById("divAmérique").innerHTML="";


document.getElementById("divEurope").style.display="block";
myDiv = document.getElementById("divEurope");
myDiv.innerHTML = string;
}