// JavaScript Document

/**
*	Chemin d'accès aux images
*/
var chemin = 'images/miniatures/';
var chemin_apercu = 'images/apercu/';

/**
*	Initialisation
*	du tableau des images et de ses sous tableaux
*/
var imageObj = new Array();

	imageObj[0] = new Array();
		imageObj[0][0] = new Image();
		imageObj[0][0].src = chemin + '1.jpg';
		imageObj[0][1] = new Image();
		imageObj[0][1].src = chemin + '2.jpg';
		imageObj[0][2] = new Image();
		imageObj[0][2].src = chemin + '3.jpg';
		imageObj[0][3] = new Image();
		imageObj[0][3].src = chemin + '4.jpg';
		imageObj[0][4] = new Image();
		imageObj[0][4].src = chemin + '5.jpg';
	
	imageObj[1] = new Array();
		imageObj[1][0] = new Image();
		imageObj[1][0].src = chemin + '6.jpg';
		imageObj[1][1] = new Image();
		imageObj[1][1].src = chemin + '7.jpg';
		imageObj[1][2] = new Image();
		imageObj[1][2].src = chemin + '8.jpg';
		imageObj[1][3] = new Image();
		imageObj[1][3].src = chemin + '9.jpg';
		imageObj[1][4] = new Image();
		imageObj[1][4].src = chemin + '10.jpg';
	
	imageObj[2] = new Array();
		imageObj[2][0] = new Image();
		imageObj[2][0].src = chemin + '11.jpg';
		imageObj[2][1] = new Image();
		imageObj[2][1].src = chemin + '12.jpg';
		imageObj[2][2] = new Image();
		imageObj[2][2].src = chemin + '13.jpg';
		imageObj[2][3] = new Image();
		imageObj[2][3].src = chemin + '14.jpg';
		imageObj[2][4] = new Image();
		imageObj[2][4].src = chemin + '15.jpg';

/**
*	Première affichage au chargement de la page
*/
function firstImg()
{
	/**
	*	Génération d'un nombre aléatoire entre 0 et 2
	*/
	var randomNumber = Math.floor(Math.random()*3);
	document.getElementById('id_serie').value = randomNumber;
	
	/**
	*	Compteurs
	*/
	var i = 0;
	
	for( i=0 ; i <= 4 ; i++)
	{
		document.getElementById('img-'+i).src = imageObj[randomNumber][i].src;	
	}
	
	chargeDetail('img-0', randomNumber);
	
}

/**
*	Clic sur la flèche précédente
*/
function precImg()
{
	/**
	*	On récupère le numéro de la série courante
	*/
	var old_serie = parseInt(document.getElementById('id_serie').value);
	
	var new_serie = old_serie - 1;
	
	if(new_serie < 0)
		new_serie = 2;
		
	document.getElementById('id_serie').value = new_serie;
		
	/**
	*	Compteurs
	*/
	var i = 0;
	
	for( i=0 ; i <= 4 ; i++)
	{
		document.getElementById('img-'+i).src = imageObj[new_serie][i].src;	
	}
	
	/**
	*	On réinitialise la couleur de la bordure
	*/
	i = 0;
	for( i = 0 ; i <= 4 ; i++)
	{
		document.getElementById('container_photo-'+i).style.borderColor = '#FFFFFF';
	}
}

/**
*	Clic sur la flèche suivante
*/
function suivImg()
{
	/**
	*	On récupère le numéro de la série courante
	*/
	var old_serie = parseInt(document.getElementById('id_serie').value);
	var new_serie = old_serie + 1;
	if(new_serie > 2)
		new_serie = 0;

	document.getElementById('id_serie').value = new_serie;
	
	var i = 0;
	for( i=0 ; i <= 4 ; i++)
	{
		document.getElementById('img-'+i).src = imageObj[new_serie][i].src;	
	}
	
	/**
	*	On réinitialise la couleur de la bordure
	*/
	i = 0;
	for( i = 0 ; i <= 4 ; i++)
	{
		document.getElementById('container_photo-'+i).style.borderColor = '#FFFFFF';
	}
}

function chargeDetail(id_photo, serie)
{
	var serie = parseInt(serie);
	var id_container = id_photo.split('-');
	id_container = parseInt(id_container[1]);
	var diapo = 0;
	switch (serie)
	{
		case 0:
			diapo = id_container + 1;
			break;
		case 1:
			diapo = id_container + 6;
			break;
		case 2:
			diapo = id_container + 11;
			break;
	}
	
	/**
	*	On réinitialise la couleur de la bordure
	*/
	var i = 0;
	for( i = 0 ; i <= 4 ; i++)
	{
		document.getElementById('container_photo-'+i).style.borderColor = '#FFFFFF';
	}
	
	/**
	*	On met du vert ou l'on a cliqué
	*/
	document.getElementById('container_photo-'+id_container).style.borderColor = '#99cc33';
	
	/**
	*	On charge le détail
	*/
	document.getElementById('apercu').src = chemin_apercu+diapo+'.jpg';
	
	var xhr = null;
	
	if (window.XMLHttpRequest)                 //  Objet de la fenêtre courant
	{ 
		xhr = new XMLHttpRequest();     //  Firefox, Safari, ...
	}else if (window.ActiveXObject)                    //  Version Active
	{
		xhr = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer 
	}
	
	xhr.onreadystatechange  = function()
	{ 
		if(xhr.readyState  == 4)
		{
			if(xhr.status  == 200)
			{ 
				 document.getElementById('texte_detail').innerHTML = xhr.responseText;
			}
		}
	}; 

	xhr.open( "POST", "lib/ajax/AX_detail.php",  true); 
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  
	xhr.send("diapo="+diapo);
}