timerID = null;
var active = 0;

function ChangePage(num){
if(document.getElementById){
obj[active].style.visibility = "hidden";
active = num;
obj[active].style.top = 0;
obj[active].style.visibility = "visible";
}
}

function DefilementHaut(vitesse)
{
	if ( document.getElementById )
	{
		if ( parseInt(obj[active].style.top ) < 0 )
		{
			obj[active].style.top = parseInt(obj[active].style.top) + vitesse + "px";
		}

		timerID = setTimeout("DefilementHaut("+vitesse+")",30);
	}
}

function DefilementBas(vitesse)
{
	if ( document.getElementById )
	{
		if ( parseInt(obj[active].style.top) > document.getElementById('liste-tableau').offsetHeight - obj[active].offsetHeight )
		{
			obj[active].style.top = parseInt(obj[active].style.top) - vitesse + "px";
		}

		timerID = setTimeout("DefilementBas("+vitesse+")",30);
	}
}

function DefilementStop()
{
	if ( document.getElementById )
	{
		clearTimeout(timerID);
	}
}

function InitDefilementPage()
{
	if ( document.getElementById )
	{
		obj = document.getElementById("liste-tableau").getElementsByTagName("div");
		obj['page'].style.visibility = "visible";
		obj['page'].style.top = 0;
	}

	if ( document.addEventListener )
	{
		for( i = 0; i < document.getElementsByTagName('a').length; i++ )
		{
			document.getElementsByTagName('a')[i].style.position = "relative";
		}
	}
}



	 
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 lors du clic sur une vignette
*/

function affichage(id_tableau)
{
	var id_tableau = id_tableau;

	var xhr = getXhr();
	// Définition de l'action à réaliser lors de la réception de la réponse
	xhr.onreadystatechange = function()
	{
		// L'action est effectuée seulement si tout le contenu a été reçu et que le serveur est OK
		if ( xhr.readyState == 4 && xhr.status == 200 )
		{
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('cadre-tableau').innerHTML = leselect;
		}
	}

	// POST
	xhr.open("POST", "galerie_ajax.php", true);
	// Entête pour le POST
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	// Postage des arguments
	// Ici, post de l'id du tableau
	xhr.send("id_tableau="+id_tableau);
}

function affichage_cat(id_cat)
{
	var id_cat = id_cat;

	var xhr = getXhr();
	// Définition de l'action à réaliser lors de la réception de la réponse
	xhr.onreadystatechange = function()
	{
		// L'action est effectuée seulement si tout le contenu a été reçu et que le serveur est OK
		if ( xhr.readyState == 4 && xhr.status == 200 )
		{
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('cadre-tableau').innerHTML = leselect;
		}
	}

	// POST
	xhr.open("POST", "categories_ajax.php", true);
	// Entête pour le POST
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	// Postage des arguments
	// Ici, post de l'id du tableau
	xhr.send("id_cat="+id_cat);
}