// JavaScript Document

function carroussel(hauteur,top)
	{
		// Calcul préalables :
		// Element de référence pour la zone de visualisation (ici le premier item)
		Reference = $("#list-produit li:first-child");
		var nbmax = $("#list-produit li").length;
		var nbmaxd = nbmax * 2;
		hauteur = parseInt(hauteur);
		top = parseInt(top);
		// Ciblage de la bande de diapositives
	$("#list-produit")
		.css("margin-right", "-"+(Reference.width())+"px")
		// Englobage de la liste par la zone de visualisation
		.wrap('<div class="carrousel-conteneur"></div>')

	// Ciblage de la zone de visualisation
		$(".carrousel-conteneur")
		// Application de la largeur d'une seule diapositive
		.css("width", "700px"  )
		// Application de la hauteur d'une seule diapositive
		.css("height", hauteur+"px" )
		// Blocage des débordements
		//.css("overflow", "hidden")
		.css("float", "left")
		.css("text-align", "right")
		.css("top", top+"px")
		.css("position","relative")
		.css("padding", "0px")
		.css("margin", "0px")
		.before('<div class="carrousel-prev" style="height: '+ hauteur+'px;top : '+ top +'px;"></div>')
		.after('<div class="carrousel-next" style="height: '+ hauteur+'px;top : '+ top +'px;"></div>');
		var img_aff = Math.floor($("#list-produit").width() / Reference.width())

		var nbfin = nbmax*1.45 - img_aff ;
		// Actions de navigation
		if (nbfin == 0)
				{
					 $(".carrousel-next").css("visibility","hidden");
					 $(".carrousel-prev").css("visibility","hidden");

				}
		// Initialisation du compteur
		Cpt = 0;
		// Clic sur le bouton "Suivant"
		$(".carrousel-next").click(function() {
			// Ajout +1 au compteur (nous allons sur la diapositive suivante)
			Cpt++;
			$("#list-produit").clearQueue();
			if (Cpt > nbfin)
				{
					Cpt = 0;
				}

			// Mouvement du carrousel en arrière-plan
			$("#list-produit").animate({

				marginLeft : - ((Reference.width()) * Cpt)
			},500);
		});
		      $(".carrousel-prev").click(function() {// Clic sur le bouton "Précédent"
				// Soustraction -1 au compteur (nous allons sur la diapositive précédente)
			Cpt--;
			$("#list-produit").clearQueue();
			if (Cpt <= 0)
				{
					var t = (nbmaxd - (img_aff*1.5));
					if (t >= img_aff)
						{
							Cpt = nbfin;
						}
					else
						{
							Cpt = 0;
						}
				}
			// Mouvement du carrousel en arrière-plan
			$("#list-produit").animate({
				marginLeft : - ((Reference.width()) * Cpt)
			},500);
		});

	}
function choixcouleur(id,nom){
	$(".couleur").removeClass("choisis");
	$("#"+id).addClass("choisis");
	$("#idcol").val(id);
	$("#nomcoul").html(nom);
}

function cache(){
	document.getElementById("art").removeChild(maDiv)
}

function getXhr() {
	//alert("getxhr en route");
	var xhr = null;
	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		try {
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	} else {
		alert("Votre navigateur ne supporte pas les objets XMLHttpRequest");
		xhr = false;
	}
	return xhr;
}

function couleur(produit,np, nbmax)
{
	//alert("go en route");
	page = 1;
	var xhr = getXhr();
	var pactu = parseInt(document.getElementById("pagecourante").innerHTML);
	if ((np == "p") && (pactu > 1))
		{
			page = pactu - 1;
		}
	if (np == "s")
		{
			page = pactu + 1;
		}

	if (page >= nbmax)
		{
			page = nbmax;
		}
		document.getElementById("choixcoul").innerHTML = "Chargement en cours";
	xhr.onreadystatechange = function() {

		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0))
		{
			document.getElementById("choixcoul").innerHTML = xhr.responseText;
		}


	}
	xhr.open("GET","couleurspdt.php?pdt="+produit+"&page="+page, true);
	xhr.send(null);
}
function ajoutpanier()
{
	//alert("go en route");
	var xhr = getXhr();
	var pdt = document.getElementById("idpdt").value;
	var col = document.getElementById("idcol").value;
	var qte = document.getElementById("idquant").value;
	var taille= document.getElementById("idtaille").value;
	//document.getElementById("divimg").innerHTML = "<img src='wait.gif' />";
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0))
		{
			maDiv = document.createElement("xhr");
			maDiv.id = "xhr";
			divclose = document.createElement("divclose");
			divclose.id= "divclose";
			divclose.innerHTML ="<span>Fermer X</span>";
			maDiv.appendChild(divclose);
			divtext = document.createElement("cont");
			divtext.id ="divtext";
			cont = xhr.responseText;
			divtext.innerHTML = cont;
			maDiv.appendChild(divtext);
			document.getElementById("art").appendChild(maDiv);
			divclose.onclick = function(){cache();}; //Évènement ayant lieu lors du click sur la div
		}

	}
	xhr.open("GET","ajout-produit.php?id_produit="+pdt+"&couleur="+col+"&quantite="+qte+"&taille="+taille, true);
	xhr.send(null);
}