///////////////////////////////////////////////////////////////////
// JavaScript Document
function getViewSize() { //// renvoie taille de la zone d'affichage
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  /// pr enlever espace occupé par scrollbars
  if(typeof(window.innerHeight) == 'number'){
	 if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ){
		myWidth=myWidth-Math.max((window.innerWidth - document.documentElement.clientWidth),0);
		myHeight=myHeight-Math.max((window.innerHeight - document.documentElement.clientHeight),0);
	}
	/*else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ){
		myWidth=myWidth-(window.innerWidth - document.body.clientWidth);
		myHeight=myHeight-(window.innerHeight - document.body.clientHeight);
	 }*/
  }  
   return [ myWidth, myHeight ];
}
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}
function initPositionDiv(elem){
	var tab = new Array();
	tab = getScrollXY();
	elem.style.top=tab[1]+'px';
	elem.style.left=tab[0]+'px';
	elem.style.height=getViewSize()[1]+'px';
	window.setTimeout(function(){initPositionDiv(elem)}, 10);
}

function openDiv(affichage,id)
{
	var affichage = affichage;
	var id = id;
	var newDiv=document.createElement("div");
	var opa=0.5;
	newDiv.style.position="absolute";
	newDiv.style.zIndex=100;
	initPositionDiv(newDiv);
	newDiv.style.width='100%';
	newDiv.style.backgroundColor='#000000';
	newDiv.style.opacity=opa;
	newDiv.style.filter = "alpha(opacity=" + (opa*100) + ")"; /// pr IE
	document.body.appendChild(newDiv);
		
	var newDiv2=document.createElement("div");
	newDiv2.style.position="absolute";
	newDiv2.style.zIndex=200;
	newDiv2.style.textAlign='left';
	newDiv2.style.width='577px';
	newDiv2.style.top='1';
    newDiv2.style.marginLeft='-'+Math.round((577+20)/2)+'px';
	newDiv2.style.left='50%';
	newDiv2.innerHTML = affichage; 
	document.body.appendChild(newDiv2);
	var temp=getViewSize()[1]-newDiv2.offsetHeight;
		if(temp>0){newDiv2.style.top=getScrollXY()[1]+(temp/2)+'px';}
		else{newDiv2.style.top=jsLib.getScrollXY()[1]+'px';}
	 	 document.getElementById("fermer__js__pop__").onclick=function(){
		closeDiv(newDiv, newDiv2);
		}
}

function closeDiv(elem, elem2){
	document.body.removeChild(elem);
	document.body.removeChild(elem2);
}

function popup(id,num)
{
	var type = type;
	var num = num;
 	if(id != '[object Event]' & id != '[object MouseEvent]')
	{

		var id = id;
		var xhr = null; 
		if(window.XMLHttpRequest) // Firefox 
		xhr = new XMLHttpRequest(); 
		else if(window.ActiveXObject) // Internet Explorer 
		xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
		else { // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		return; 
		} 
		xhr.open("GET", "image.php?photo="+num+"&id_gal="+id, true);
		xhr.onreadystatechange = function() { 
		if(xhr.readyState == 4) 
			{
				var decoupage = xhr.responseText;
				
				openDiv(decoupage,id);
				return false; 
			}
		} 	 
		xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		// --- ICI TU PASSE TES ARGUMENTS AU SCRIPT :
		var data = "";
		xhr.send(data);
	}
	
}


// temporaire il faut y mettre le script 
function affiche_lecture(texte,option)
{
	 
		document.getElementById("bas").innerHTML = "<a onclick=\"automatique()\" "+option+" style=\"cursor:pointer;margin-right:50px; font-size:15px; color:#ffffff;\">"+texte+"</a>";
	
	// on modifie le mot lecture ou pause
}
function affichage(moins, plus,suite)
{
	document.getElementById("image").innerHTML = "<img src='http://www.suagenfoot.fr/images/"+tab_img_diap[suite]+"'>";
	document.getElementById("formnonvisible").innerHTML = "<input id='idsuite' type=\"hidden\" value=\""+plus+"\" /><input id=\'idprec\' type=\"hidden\" value=\""+moins+"\" />";
	// on modifie l'image et les valeurs suivantes et precendentes
}
function retour(suite)
{
	if(suite == null) { suite = parseInt(document.getElementById("idprec").value); }
	// On attribue  à "suite" la valeur précédente si la valeur "suite" n'est pas déclarée
	if(suite < 0) { suite = parseInt(document.getElementById("id_total").value) - 1; }
	// On attribue à "suite"  la valeur "total - 1" si la valeur "suite" est < 0  
	var moins = parseInt(suite) - 1;
	// on declare la valeur precedent ( suite - 1 )
	var plus = parseInt(suite) + 1;
	// on declare la valeur suivante ( suite + 1 )
	if(moins < 0) { moins = parseInt(document.getElementById("id_total").value) - 1; }
	//  On attribue a "moins" la valeur "total - 1" si la valeur "moins" est < 0 
	if(plus >= document.getElementById("id_total").value) { plus = 0; }
	//  On attribue a "plus" la valeur "0" si la valeur "plus" est > ou = a la valeur "total"
	affichage(moins,plus,suite);
}
function suivant(suite)
{
	if(suite == null) { suite = parseInt(document.getElementById("idsuite").value); }
	// On attribue  à "suite" la valeur suivante si la valeur "suite" n'est pas déclarée
	if(suite >=  document.getElementById("id_total").value) { suite = 0; }
	// On attribue à "suite"  la valeur "0" si la valeur "suite" est > ou égale au total 
	var plus =  parseInt(suite) + 1;
	var moins =  parseInt(suite) - 1;
	if(moins < 0) { moins = parseInt(document.getElementById("id_total").value - 1); } 
	//  On attribue a "moins" la valeur "total - 1" si la valeur "moins" est < 0 
	if(plus >= document.getElementById("id_total").value) { plus = 0; }
	//  On attribue a "plus" la valeur "0" si la valeur "plus" est > ou = a la valeur "total"
	affichage(moins,plus,suite);
}

function automatique(suite)
{
		var avant,apres;
		
		suite = parseInt(document.getElementById('idsuite').value);	
		if(suite >=  document.getElementById("id_total").value) { suite = 0; }
		// On attribue à "suite"  la valeur "0" si la valeur "suite" est > ou égale au total 
		var plus =  parseInt(suite) + 1;
		var moins =  parseInt(suite) - 1;
		if(moins < 0) { moins = parseInt(document.getElementById("id_total").value - 1); } 
		//  On attribue a "moins" la valeur "total - 1" si la valeur "moins" est < 0 
		if(plus >= document.getElementById("id_total").value) { plus = 0; }
		//  On attribue a "plus" la valeur "0" si la valeur "plus" est > ou = a la valeur "total"
		affichage(moins,plus,suite);
		// Affichage de l'image				
		affiche_lecture("Pause","id='clearautomatique'");
		// on modifie le mot lecture en Pause
		
		suite = suite + 1;
		// On incremente suite d'1
		if(suite >= document.getElementById("id_total").value){suite = 0;}
		// On attribue à "suite"  la valeur "0" si la valeur "suite" est > ou égale au total  
		var t = setTimeout(function() {automatique(suite);},timer)
		// changement automatique d'image toutes les x secondes
		
		document.getElementById("clearautomatique").onclick=function ()
		{
			// Si on clique sur Pause
			clearTimeout(t);
			// arret du Timeout
			affiche_lecture("Lecture","");
			// Remise du mot lecture à la place du mot Pause
		}
		document.getElementById("bouton_suiv").onclick=function ()
		{
			// Si on clique sur suivant
			clearTimeout(t);
			// arret du Timeout
			affiche_lecture("Lecture","");
			// Remise du mot lecture à la place du mot Pause
			avant = document.getElementById("idsuite").value;
			if(avant >=  document.getElementById("id_total").value)	{avant = 0;	}
			else {avant = document.getElementById("idsuite").value;}
			
			suivant(avant);
		}
		document.getElementById("bouton_prec").onclick=function ()
		{
			// Si on clique sur precedent
			clearTimeout(t);
			// arret du Timeout
			affiche_lecture("Lecture","");
			// Remise du mot lecture à la place du mot Pause
			apres = document.getElementById("idprec").value;
			if(apres < 0){apres = document.getElementById("id_total").value;}
			else {apres = document.getElementById("idprec").value ;	}
			
			retour(apres);
		}
}