// 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 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 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'

	// Ajax
	idArticle = boutonradio_valeur('couleur');
	qte = document.getElementById('qte').value;
	
	// Si il y a une option
	if(document.getElementById('option')){
		option = document.getElementById('option').value;
		url = "http://"+document.domain+"/popPanier.php?addArticle="+idArticle+"&qte="+qte+"&option="+option ;
	}else{
		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;
}
// ----------------------------------------------------------------------------------

// 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("You have to accept Kiwami's general sales conditions");	
	}
}
// ----------------------------------------------------------------------------------

// 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';
		document.getElementById('tbnPayePayPal').style.display='block';
		document.getElementById('tbnPayePayPalOk').style.display='none';

	}else{
		document.getElementById('btnPaye').style.display='none';
		document.getElementById('btnPayeOk').style.display='block';
		document.getElementById('tbnPayePayPal').style.display='none';
		document.getElementById('tbnPayePayPalOk').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,scrollbars = yes');
      win.focus();
    }
// ----------------------------------------------------------------------------------

// Fonction paiement PayPal
// ----------------------------------------------------------------------------------
 function payePayPal(formId){
	// Configuration des variables paypal
	document.getElementById('business').value="contact@kiwamitri.com";
	document.getElementById('return').value="http://"+document.domain+"/commandeOk.php";
	document.getElementById('cancel_return').value="http://"+document.domain+"/client/recap.php";
	document.getElementById('notify_url').value="http://www.kiwamitri.com/client/autoPayPal.php";
	document.getElementById(formId).action="https://www.paypal.com/us/cgi-bin/webscr";
	document.getElementById(formId).submit();
}

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

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