// JavaScript Document

function placeTousLesCalques(){
  var monCalque = document.getElementById('retourhaut');
  if (monCalque){
    if (monCalque.style){
      var decal = 0;
      if (window.pageYOffset){
        decal = window.pageYOffset;
         
      }
      else {
        decal = document.body.scrollTop;
      }
      //alert(decal)
      if (decal > 0){
        monCalque.style.display = ''
      }
      else {
        monCalque.style.display = 'none'
      }
      monCalque.style.top = 275 + decal;
      //monCalque.style.left = 594;
      
    }
  }
}
window.onresize = placeTousLesCalques;
window.onscroll = placeTousLesCalques;

function imprimer(){
  try{
    window.print();
  }
  catch (e){
    alert('Fonction non supportée par votre navigateur, cliquez-sur le bouton "Imprimer" de celui-ci');
  }
  
}

function ouvrirAbo() {
	window.open('abonnes.php','navigateur','width=1000, toolbar=yes, menubar=yes, location=yes, resizable=yes, scrollbars=yes, status=no');
}

function ouvrirPopUp(nom,titre,width,height) {
window.open(nom,titre,'width='+width+',height='+height+',toolbar=yes, menubar=yes, location=yes, resizable=yes, scrollbars=yes, status=no');
}

function getXhr(){
                 var xhr = null; 
		if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest(); 
		else if(window.ActiveXObject){ // Internet Explorer 
		try {
		    xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
		    xhr = new ActiveXObject("Microsoft.XMLHTTP");
		    }
		} else { // XMLHttpRequest non supporté par le navigateur 
		    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
  		    xhr = false; 
		} 
                return xhr;
}
			
/**
* Méthode qui sera appelée sur le clic du mot
*/
function AjaxGetDef(idmot) {
   	     var xhr = getXhr();
	     xhr.onreadystatechange = function() {
	// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
	     if(xhr.readyState == 4 && xhr.status == 200){
		retour = xhr.responseText;
		// On se sert de innerHTML pour rajouter les options à la liste
		document.getElementById('def').innerHTML = retour;
	     }
			}

	// Ici on va voir comment faire du post
	   xhr.open("POST","js/ajax/ajaxDefinition.php",true);
	// ne pas oublier ça pour le post
	   xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');


	// ne pas oublier de poster les arguments
	// ici, le nom de la famille
	   xhr.send("idmot="+idmot);
}


/********************
 * Fonction pour faire le page par page du pavé glossaire
 * on attent qu'un tableau tab contenant tous les elt et leur id et 
 * une variable altliste donnant le nombre d'elt par page
 * soient préalablements définis
 ********************/
function pager(type,elt) {
		var debut=parseInt(document.getElementById('nb').value);
		if (type=="init") {tab=Array();eval(montab);var debut=0; var fin=2*eltliste;}
		if (type=="suite") { var fin= debut+(2*eltliste); }
		if (type=="retour") { var fin = debut-(2*eltliste); var debut = debut-(2*2*eltliste); }
		var tranche=tab.slice(debut,fin);
		document.getElementById('liste').innerHTML ="";
		for (cnt=0; cnt<tranche.length;cnt=cnt+2) {
		document.getElementById('liste').innerHTML += "<li id=\"mot\"><a onclick=\"AjaxGetDef('"+tranche[cnt+1]+"')\" >- "+tranche[cnt]+"</a></li>";
		}		
	        debut += 2*eltliste;
		document.getElementById('nb').value = debut;
		
		if (debut <= 0 || debut-(2*eltliste) <=0 && tab.length > fin) {
		        GetBoutons('premier',elt);
			return false;
		} else if (debut>2*eltliste && tab.length<=fin) {
		    	GetBoutons('dernier',elt);
		} else if (debut==2*eltliste && tab.length < fin) {
		    	GetBoutons('vide',elt);
		} else {
	                GetBoutons('plein',elt);
		}
	return false;
}


function GetNewTab(elt) {
	
   	     var xhr = getXhr();
	     xhr.onreadystatechange = function() {
	// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
	     if(xhr.readyState == 4 && xhr.status == 200){
		retour1 = xhr.responseText;
		montab=retour1;
		pager('init',elt);
	     }
			}
	// Ici on va voir comment faire du post
	   xhr.open("POST","js/ajax/ajaxMakeTab.php",true);

	// ne pas oublier ça pour le post
	   xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

	// ne pas oublier de poster les arguments
	// ici, le nom de la famille
	   xhr.send("elt="+elt);
}

function GetBoutons(etat,elt) {
		switch(etat) {
   			case 'premier':
       				document.getElementById('boutons').innerHTML = "<span style=\"color:#CCC\"><img src=\"medias/dossier/precedent_off.gif\" border=0 />Précédent</span><span style=\"padding-left:380px;\"><a  style=\"color:#285F96;\" onclick=\"pager('suite','"+elt+"')\">Suivant <img src=\"medias/dossier/suivant.gif\" border=0 /></a></span>";
				document.getElementById('nb').value = 2*eltliste;
       				break;
   			case 'dernier':
       				 document.getElementById('boutons').innerHTML = "<a style=\"color:#285F96;\" onclick=\"pager('retour','"+elt+"')\"><img src=\"medias/dossier/precedent.gif\" border=0 />Précédent</a><span style=\"color:#CCC;padding-left:380px\">Suivant <img src=\"medias/dossier/suivant_off.gif\" border=0 /></span>";
       				break;
			case 'plein':
       				document.getElementById('boutons').innerHTML = "<a style=\"color:#285F96;\" onclick=\"pager('retour','"+elt+"')\"><img src=\"medias/dossier/precedent.gif\" border=0 />Précédent</a><span style=\"padding-left:380px;\"><a style=\"color:#285F96;\" onclick=\"pager('suite','"+elt+"')\">Suivant <img src=\"medias/dossier/suivant.gif\" border=0 /></a></span>";
       				break;
			case 'vide':
       				document.getElementById('boutons').innerHTML = "<span style=\"color:#CCC;\"><img src=\"medias/dossier/precedent_off.gif\" border=0 />Précédent</span><span style=\"color:#CCC;padding-left:380px;\">Suivant <img src=\"medias/dossier/suivant_off.gif\" border=0 /></span>";
       				break;
  			default:
       				alert("aucun état défini pour les boutons");
       				break;
		}
}