// Fonction affichage des photos dans la fiche produit
// ----------------------------------------------------------------------------------
function changePhoto(url){
	document.getElementById('gImage').src=url;
}
// ----------------------------------------------------------------------------------


// Fonction liste les couleurs d'un produit
// ----------------------------------------------------------------------------------
function listCouleurs(selObj){
	document.getElementById("blocCouleur").style.display="block";
	idTaille = selObj.options[selObj.selectedIndex].value;
	idProduit = document.getElementById("idProduit").value;
	url = "http://"+document.domain+"/shop/_shopFunctionsAjax.php?media=couleur&idProduit="+idProduit+"&idTaille="+idTaille ;
	
	var xhr = getXhr()
	
	// On défini ce qu'on va faire quand on aura la réponse
	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)
		{
			document.getElementById("listCouleur").innerHTML = xhr.responseText;
		}
	}
	// Objet à remplir
	xhr.open("GET", url, true);
	// Fermeture
	xhr.send(null);		
}
// ----------------------------------------------------------------------------------


// Fonction liste les qte
// ----------------------------------------------------------------------------------
function listQte(idArticle){
	document.getElementById("blocQuantite").style.display="block";
	document.getElementById("blocValider").style.display="block";
	url = "http://"+document.domain+"/shop/_shopFunctionsAjax.php?media=qte&idarticle="+idArticle ;
	var xhr = getXhr()
	
	// On défini ce qu'on va faire quand on aura la réponse
	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)
		{
			document.getElementById('blocQuantite').innerHTML = xhr.responseText;
		}
	}
	// Objet à remplir
	xhr.open("GET", url, true);
	// Fermeture
	xhr.send(null);		
}
// ----------------------------------------------------------------------------------


// Fonction qui gere l'affichage de la video des produits
// ----------------------------------------------------------------------------------
function afficheVideoP(idProduit)
{
	var xhr = getXhr()
	
	// On défini ce qu'on va faire quand on aura la réponse
	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)
		{
			document.getElementById("viewZone").innerHTML = xhr.responseText;
			document.getElementById("viewZone").style.height = "330px";
			document.getElementById("icoZone").innerHTML = "";
		}
	}

	// Objet à remplir
	xhr.open("GET", "http://"+document.domain+"/shop/_shopFunctionsAjax.php?idProduit="+idProduit+"&media=video", true);
	// Fermeture
	xhr.send(null);		
}
// ----------------------------------------------------------------------------------


// Fonction AJAX
// ----------------------------------------------------------------------------------
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
}
// ----------------------------------------------------------------------------------


// Fonction LightBox gradient
// ----------------------------------------------------------------------------------
function gradient(id, level)
{
	var box = document.getElementById(id);
	box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";
	box.style.display="block";
	return;
}
// ----------------------------------------------------------------------------------


// Fonction LightBox fadeIn
// ----------------------------------------------------------------------------------
function fadein(id) 
{
	var level = 0;
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
}
// ----------------------------------------------------------------------------------


// Fonction LightBox Ouvrir
// ----------------------------------------------------------------------------------
function openbox()
{
	var box = document.getElementById('box'); 
	var content = document.getElementById('boxcontent');
	var filter = document.getElementById('filter');
	
	// Affichage du pop panier
	hFenetre = hauteur_fenetre()+200;
	lFenetre = largeur_fenetre();
  	filter.style.display='block';
	filter.style.height = hFenetre+"px";
	filter.style.width = lFenetre+"px";
	content.style.padding="0";
	box.style.display='block'

	// Ajax
	idArticle = document.getElementById('couleur').value;
	qte = document.getElementById('qte').value;
	url = "http://"+document.domain+"/popPanier.php?addArticle="+idArticle+"&qte="+qte ;
	var xhr = getXhr()
	
	// On défini ce qu'on va faire quand on aura la réponse
	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)
		{
			content.innerHTML = xhr.responseText;
		}
	}
	// Objet à remplir
	xhr.open("GET", url, true);
	// Fermeture
	xhr.send(null);	

}	
// ----------------------------------------------------------------------------------


// Fonction Fermer panier
// ----------------------------------------------------------------------------------
function closePanier()
{
   document.getElementById('box').style.display='none';
   document.getElementById('filter').style.display='none';
   document.getElementById('boxcontent').innerHTML='';
}
// ----------------------------------------------------------------------------------


// Fonction qui retourne la hauteur de la page
// ----------------------------------------------------------------------------------
function hauteur_fenetre()
{
 if (window.innerHeight) return window.innerHeight  ;
 else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
 else return 0;
}
// ----------------------------------------------------------------------------------

// Fonction qui retourne la largeur de la page
// ----------------------------------------------------------------------------------
function largeur_fenetre()
{
 if (window.innerWidth) return window.innerWidth;
 else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
 else return 0;
}