// Fonction qui masque la baniere pour les petits ecrans
//-------------------------------------------------------------------------------------
function masqueBaniere(){
	if(screen.height<=768 && document.getElementById("banner")){
		document.getElementById("banner").style.display="none";
	}
}
//-------------------------------------------------------------------------------------

// Fonction qui ouvre le popUp tissus
//-------------------------------------------------------------------------------------
function popArticle(page){
	var largeur = 500;
	var hauteur = 350;
	var top=(screen.height-hauteur)/2;     
	//var left=(screen.width-largeur)/2; 
	var left=250;
	window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+",menubar=no,scrollbars=yes,statusbar=no"); 
}
//-------------------------------------------------------------------------------------


// 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";
	//document.getElementById("blocQuantite").style.display="none";
	//document.getElementById("btnPanier").style.display="none";
	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);	
	
	// Appel de qte
	initQte(idTaille,idProduit);
}
// ----------------------------------------------------------------------------------


// Fonction liste les couleurs marquage
// ----------------------------------------------------------------------------------
function listCouleursMarquage(selObj){
	document.getElementById("blocCouleur").style.display="block"; 
	document.getElementById("blocQuantite").style.display="block"
	document.getElementById("btnPanier").style.display="block";
	idTaille = selObj.options[selObj.selectedIndex].value;
	idProduit = document.getElementById("idProduit").value;
	url = "http://"+document.domain+"/shop/_shopFunctionsAjax.php?media=couleurMarquage&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 couleurs du combo
// ----------------------------------------------------------------------------------
function comboCouleursMarquage(selObj,typeImage){
	produit = selObj.options[selObj.selectedIndex].value;
	url = "http://"+document.domain+"/shop/_shopFunctionsAjax.php?nomProduit="+produit+"&type="+typeImage ;
	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("zoneCmbCouleurMarquage").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";
	//document.getElementById("btnPanier").style.display="block";
	url = "http://"+document.domain+"/shop/_shopFunctionsAjax.php?media=qte&idarticle="+idArticle ;
	
	// Check le radio
	document.getElementById("radio"+idArticle).checked=true;
	
	
	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 qteInitiales
// ----------------------------------------------------------------------------------
function initQte(idTaille,idProduit){
	url = "http://"+document.domain+"/shop/_shopFunctionsAjax.php?media=qteInit&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("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 qui gere l'affichage de la video des produits
// ----------------------------------------------------------------------------------
function swfMarquage()
{
	comboImage = document.getElementById("produitMarquage");
	comboCouleur = document.getElementById("comboCouleurMarquage");
	comboCoulTxt = document.getElementById("comboCoulTxt");
	comboTypoTxt = document.getElementById("comboTypoTxt");
	
	image = comboImage.options[comboImage.selectedIndex].value;
	couleur = comboCouleur.options[comboCouleur.selectedIndex].value;
	
	if(comboCoulTxt){
		couleurTxt = comboCoulTxt.options[comboCoulTxt.selectedIndex].value;
	}else{
		couleurTxt = "0xFFFFFF";
	}
	
	if(comboTypoTxt){
		typoTxt = comboTypoTxt.options[comboTypoTxt.selectedIndex].value;
	}else{
		typoTxt = "Arial";
	}
	
	typeImage = document.getElementById("typeImage").value;
	txtLigne1 = document.getElementById("textLigne1").value;
	txtLigne2 = document.getElementById("textLigne2").value;
	
	
	var url;
	url= "http://"+document.domain+"/shop/_shopFunctionsAjax.php?swf=ok&";
	url+= "image="+image+"&couleur="+couleur+"&couleurTxt="+couleurTxt+"&typoTxt="+typoTxt;
	url+= "&typeImage="+typeImage+"&txtLigne1="+txtLigne1+"&txtLigne2="+txtLigne2;
	
	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", url, true);
	// Fermeture
	xhr.send(null);		
}
// ----------------------------------------------------------------------------------


// Fonction qui update la commande
// ----------------------------------------------------------------------------------
function note(idCommande)
{
	note = document.getElementById("note").value;
	
	var xhr = getXhr()
	url = "http://"+document.domain+"/shop/_shopFunctionsAjax.php?idCommande="+idCommande+"&note="+note+"&media=noteCommande";

	// 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)
		{
		}
	}

	// Objet à remplir
	xhr.open("GET", url, 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 qui affiche ou masque un élément
// ----------------------------------------------------------------------------------
function showHideElement(id){
	element = document.getElementById(id);
	
	if(element.style.display == 'block'){
		element.style.display = 'none';
	} else {
		element.style.display = 'block';
	}
}
// ----------------------------------------------------------------------------------

// Fonction qui coche ou decoche une case
// ----------------------------------------------------------------------------------
function cocheDecocheCase(id){
	element = document.getElementById(id);
	
	if(element.checked == true){
		element.checked = false;
	} else {
		element.checked = true;
	}
}


// ----------------------------------------------------------------------------------

// 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
	hBoby = hauteur_element('wrap')+60;
	hFenetre = hauteur_fenetre()+200;
	lFenetre = largeur_fenetre();
  	filter.style.display='block';
	filter.style.height = hBoby+"px";
	filter.style.width = lFenetre+"px";
	content.style.padding="0";
	box.style.display='block'

		// Id Produit
	idProduit = document.getElementById('idProduit').value;
		
	// Traitement marquage face, dos et ITU
	if(idProduit==33 || idProduit==34 || idProduit==64){
		
		// Valeur des variables
		txtLigne1 = document.getElementById('textLigne1').value;
		txtLigne2 = document.getElementById('textLigne2').value;
		comboProduit = document.getElementById('produitMarquage');
		produitPose = comboProduit.options[comboProduit.selectedIndex].value;
		comboProduitCouleur = document.getElementById('comboCouleurMarquage');
		produitPoseCouleur = comboProduitCouleur.options[comboProduitCouleur.selectedIndex].value;
		
		if(document.getElementById('comboCoulTxt')){
			comboTxtCouleur = document.getElementById('comboCoulTxt');
			txtCouleur = comboTxtCouleur.options[comboTxtCouleur.selectedIndex].text;
		}
		
		if(document.getElementById('comboTypoTxt')){
			comboTxtTypo = document.getElementById('comboTypoTxt');
			txtTypo = comboTxtTypo.options[comboTxtTypo.selectedIndex].value;
		}
		
		// Definition de l'id article en fonction du produit
		// Marquage devant
		if(idProduit==33){
			idArticle = 945;
		}
		
		// Marquage derriere
		if(idProduit==34){
			idArticle = 519;
		}
		
		// Marquage ITU
		if(idProduit==64){
			idArticle = 865;
			txtTypo = "Arial";
			txtCouleur = "Blanc";
		}
		
		// Ecriture de l'option
		option = produitPose+" "+produitPoseCouleur+"|"+txtLigne1+"|"+txtLigne2+"|"+txtCouleur+"|"+txtTypo;
		// Quantité par defaut
		qte = 1;
		// Url
		url = "http://"+document.domain+"/popPanier.php?addArticle="+idArticle+"&qte="+qte+"&option="+option ;
		
	// Se n'est pas un produit de marquage
	}else{
		idArticle = boutonradio_valeur('couleur');
		qte = document.getElementById('qte').value;
		url = "http://"+document.domain+"/popPanier.php?addArticle="+idArticle+"&qte="+qte ;
	}
	
	// Ajax
	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;
}
// ----------------------------------------------------------------------------------

// Fonction qui retourne la hauteur d'un élément
// ----------------------------------------------------------------------------------
function hauteur_element(idElement)
{	
	var obj = document.getElementById(idElement);
	
	if(obj.offsetHeight){return obj.offsetHeight;}
	else if(obj.style.pixelHeight){return obj.style.pixelHeight;}
}
// ----------------------------------------------------------------------------------


// Fonction qui ferifie que la case est coché
// ----------------------------------------------------------------------------------
function chkCgv(champId){
	if(document.getElementById(champId).checked==false){
		alert("Vous devez accepter les conditions générales de vente");	
	}
}
// ----------------------------------------------------------------------------------

// Fonction qui crée le bouton quand la case est cochée
// ----------------------------------------------------------------------------------
function btnPayer(){
	if(document.getElementById('cgv').checked==false){
		document.getElementById('btnPaye').style.display='block';
		document.getElementById('btnPayeOk').style.display='none';
	}else{
		document.getElementById('btnPaye').style.display='none';
		document.getElementById('btnPayeOk').style.display='block';
	}
}
// ----------------------------------------------------------------------------------


// Retourne la valeur du bouton radio sélectionné
// ----------------------------------------------------------------------------------
function boutonradio_valeur(nom) 
{ 
	retour = ""; 
	// On récupère tous les éléments portant le nom : nom
	var boutons = document.getElementsByName(nom);
	for(var i=0; i < boutons.length; i++)
	{
		if (boutons[i].checked)
		{
			retour = boutons[i].value;
			break;
		}
	}
	return retour;
}
// ----------------------------------------------------------------------------------


// Fonction paiement SPPLUS
// ----------------------------------------------------------------------------------
 function paiement()
    {
      var win;
      win=window.open('','SPPLUS','width=750,height=560,status=1');
      win.focus();
    }
// ----------------------------------------------------------------------------------


// Fonction qui change la region
// ----------------------------------------------------------------------------------
function changeRegion(selObj){
	page = selObj.options[selObj.selectedIndex].value;
	window.location.href=page; 
}
// ----------------------------------------------------------------------------------