var checkboxHeight = "25";
var radioHeight = "25";
var selectWidth = "226";
document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');
var Custom = {
	init: function() {
		var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
		for(a = 0; a < inputs.length; a++) {
			if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
				span[a] = document.createElement("span");
				span[a].className = inputs[a].type;
				if(inputs[a].checked == true) {
					if(inputs[a].type == "checkbox") {
						position = "0 -" + (checkboxHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					} else {
						position = "0 -" + (radioHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					}
				}
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				inputs[a].onchange = Custom.clear;
				if(!inputs[a].getAttribute("disabled")) {
					span[a].onmousedown = Custom.pushed;
					span[a].onmouseup = Custom.check;
				} else {
					span[a].className = span[a].className += " disabled";
				}
			}
		}
		inputs = document.getElementsByTagName("select");
		for(a = 0; a < inputs.length; a++) {
			if(inputs[a].className == "styled") {
				option = inputs[a].getElementsByTagName("option");
				active = option[0].childNodes[0].nodeValue;
				textnode = document.createTextNode(active);
				for(b = 0; b < option.length; b++) {
					if(option[b].selected == true) {
						textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
					}
				}
				span[a] = document.createElement("span");
				span[a].className = "select";
				span[a].id = "select" + inputs[a].name;
				span[a].appendChild(textnode);
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				if(!inputs[a].getAttribute("disabled")) {
					inputs[a].onchange = Custom.choose;
				} else {
					inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled";
				}
			}
		}
		document.onmouseup = Custom.clear;
	},
	pushed: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
		} else if(element.checked == true && element.type == "radio") {
			this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
		} else if(element.checked != true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
		} else {
			this.style.backgroundPosition = "0 -" + radioHeight + "px";
		}
	},
	check: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 0";
			element.checked = false;
		} else {
			if(element.type == "checkbox") {
				this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else {
				this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
				group = this.nextSibling.name;
				inputs = document.getElementsByTagName("input");
				for(a = 0; a < inputs.length; a++) {
					if(inputs[a].name == group && inputs[a] != this.nextSibling) {
						inputs[a].previousSibling.style.backgroundPosition = "0 0";
					}
				}
			}
			element.checked = true;
				if(element.name="type" && element.value == 1) {
					document.getElementById('societe_div').style.display='none';
					document.getElementById('particulier').style.display='block';
				} else if(element.name="type" && element.value == 2) {
					document.getElementById('societe_div').style.display='block';
					document.getElementById('particulier').style.display='none';
				} else if(element.name="paiement") {
					caddie_paiementajax(element.value);
				}
		}
	},
	clear: function() {
		inputs = document.getElementsByTagName("input");
		for(var b = 0; b < inputs.length; b++) {
			if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			} else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
			} else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			}
		}
	},
	choose: function() {
		option = this.getElementsByTagName("option");
		for(d = 0; d < option.length; d++) {
			if(option[d].selected == true) {
				document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
				enregistrer_validerajax('pays');
			}
		}
	}
}
window.onload = Custom.init;
function bord_onoff(bord_left, bord_right, action) {
if(action == 'on') {
	document.getElementById(bord_left).style.background='url(http://cdn0.cheveux-naturels.net/text-left.png) 0 -27px';
	document.getElementById(bord_right).style.background='url(http://cdn0.cheveux-naturels.net/text-right.png) 0 -27px';
	}
else if(action == 'off') {
	document.getElementById(bord_left).style.background='url(http://cdn0.cheveux-naturels.net/text-left.png) 0 0';
	document.getElementById(bord_right).style.background='url(http://cdn0.cheveux-naturels.net/text-right.png) 0 0';
	}
}
function caddie_paiementajax(paiement)
{
	var z = new XMLHttpRequest;
	z.onreadystatechange = function()
	{
		if (this.readyState == 4)
		{
			if (this.status == 200)
			{
				eval(this.responseText);
			}
		}
	}
	url = 'ajax_caddiepaiement.php';
	params = 'paiement='+paiement;
	z.open("POST",url,true);
	z.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	z.setRequestHeader("Content-length", params.length);
	z.setRequestHeader("Connection", "close");
	z.send(params);
}
function caddie_ajax(action, id, qte, extension)
{
	var z = new XMLHttpRequest;
	z.onreadystatechange = function()
	{
		if (this.readyState == 4)
		{
			if (this.status == 200)
			{
				eval(this.responseText);
			}
		}
	}
	url = 'http://www.cheveux-naturels'+extension+'/client/ajax_caddie.php';
	params = 'action='+action+'&id='+id+'&qte='+qte;
	z.open("POST",url,true);
	z.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	z.setRequestHeader("Content-length", params.length);
	z.setRequestHeader("Connection", "close");
	z.send(params);
}
function caddie_validerajax(paier)
{
	var z = new XMLHttpRequest;
	z.onreadystatechange = function()
	{
		if (this.readyState == 4)
		{
			if (this.status == 200)
			{
				eval(this.responseText);
			}
		}
	}
	conditions = document.getElementById('conditions').checked;
	if(conditions != true)
		conditions = document.getElementById('conditions').value;
	sql_devise = document.getElementById('sql_devise').value;
	sql_commande = document.getElementById('sql_commande').value;
	sql_envoi = document.getElementById('sql_envoi').value;
	sql_paiement = document.getElementById('sql_paiement').value;
	sql_code_reduction = document.getElementById('sql_code_reduction').value;
	sql_rabais = document.getElementById('sql_rabais').value;
	sql_rabais_points = document.getElementById('sql_rabais_points').value;
	sql_sous_total = document.getElementById('sql_sous_total').value;
	url = 'ajax_caddievalider.php';
	params = 'paier='+paier+'&conditions='+conditions+'&sql_devise='+sql_devise+'&sql_commande='+sql_commande+'&sql_envoi='+sql_envoi+'&sql_paiement='+sql_paiement+'&sql_code_reduction='+sql_code_reduction+'&sql_rabais='+sql_rabais+'&sql_rabais_points='+sql_rabais_points+'&sql_sous_total='+sql_sous_total;
	z.open("POST",url,true);
	z.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	z.setRequestHeader("Content-length", params.length);
	z.setRequestHeader("Connection", "close");
	z.send(params);
}
function enregistrer_validerajax(field)
{
	var x = new XMLHttpRequest;
	x.onreadystatechange = function()
	{
		if (this.readyState == 4)
		{
			if (this.status == 200)
			{
				eval(this.responseText);
			}
		}
	}
	for( i = 0; i < document.form.type.length; i++ )
	{
		if( document.form.type[i].checked == true ) {
			type = document.form.type[i].value;
			}
	}
	societe = document.getElementById('societe').value;
	prenom = document.getElementById('prenom').value;
	nom = document.getElementById('nom').value;
	adresse = document.getElementById('adresse').value;
	adresse_num = document.getElementById('adresse_num').value;
	adresse_complement = document.getElementById('adresse_complement').value;
	adresse_quartier = document.getElementById('adresse_quartier').value;
	code_postal = document.getElementById('code_postal').value;
	ville = document.getElementById('ville').value;
	etat = document.getElementById('etat').value;
	option = document.getElementById('pays').getElementsByTagName('option');
	for(d = 0; d < option.length; d++) {
		if(option[d].selected == true) {
			pays = option[d].value;
		}
	}
	tel_portable_ddd = document.getElementById('tel_portable_ddd').value;
	tel_portable = document.getElementById('tel_portable').value;
	tel_portable = escape(tel_portable).replace(/\+/g,'%2B');
	email = document.getElementById('email').value;
	url = 'ajax_enregistrervalider.php';
	params = 'type='+type+'&societe='+societe+'&nom='+nom+'&prenom='+prenom+'&adresse='+adresse+'&adresse_num='+adresse_num+'&adresse_complement='+adresse_complement+'&adresse_quartier='+adresse_quartier+'&code_postal='+code_postal+'&ville='+ville+'&etat='+etat+'&pays='+pays+'&tel_portable_ddd='+tel_portable_ddd+'&tel_portable='+tel_portable+'&email='+email+'&field='+field;
	x.open("POST",url,true);
	x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	x.setRequestHeader("Content-length", params.length);
	x.setRequestHeader("Connection", "close");
	x.send(params);
}
function npa_to_city()
{
	var y = new XMLHttpRequest;
	y.onreadystatechange = function()
	{
		if (this.readyState == 4)
		{
			if (this.status == 200)
			{
				eval(this.responseText);
			}
		}
	}
	pays = document.getElementById('pays').value;
	code_postal = document.getElementById('code_postal').value;
	url = 'ajax_npatocity.php';
	params = 'pays='+pays+'&code_postal='+code_postal;
	y.open("POST",url,true);
	y.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	y.setRequestHeader("Content-length", params.length);
	y.setRequestHeader("Connection", "close");
	y.send(params);
}
function connecter_validerajax(redirect)
{
	var x = new XMLHttpRequest;
	x.onreadystatechange = function()
	{
		if (this.readyState == 4)
		{
			if (this.status == 200)
			{
				eval(this.responseText);
			}
		}
	}
	email_connecter = document.getElementById('email_connecter').value;
	email_connecter = escape(email_connecter).replace(/\+/g,'%2B');
	password_connecter = document.getElementById('password_connecter').value;
	url = 'ajax_connectervalider.php';
	params = 'email_connecter='+email_connecter+'&password_connecter='+password_connecter+'&redirect='+redirect;
	x.open("POST",url,true);
	x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	x.setRequestHeader("Content-length", params.length);
	x.setRequestHeader("Connection", "close");
	x.send(params);
}
function connecter_newpass()
{
	var x = new XMLHttpRequest;
	x.onreadystatechange = function()
	{
		if (this.readyState == 4)
		{
			if (this.status == 200)
			{
				eval(this.responseText);
			}
		}
	}
	email_connecter = document.getElementById('email_connecter').value;
	email_connecter = escape(email_connecter).replace(/\+/g,'%2B');
	url = 'ajax_connecternewpass.php';
	params = 'email_connecter='+email_connecter;
	x.open("POST",url,true);
	x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	x.setRequestHeader("Content-length", params.length);
	x.setRequestHeader("Connection", "close");
	x.send(params);
}
function cookies_multiajax(sid, extension, caddie){
   	var script = document.createElement('script');
   	script.src = 'http://www.cheveux-naturels.'+extension+'/include/cookies_multiajax.php?sid='+sid+'&caddie='+caddie;
   	script.id = 'requestMultiplier';
   	script.type = 'text/javascript';
   	document.body.appendChild(script);
}
function ajax_devise(extension){
	var x = new XMLHttpRequest;
	x.onreadystatechange = function()
	{
		if (this.readyState == 4)
		{
			if (this.status == 200)
			{
				eval(this.responseText);
			}
		}
	}
	devise = document.getElementById('devise').value;
	url = 'http://www.cheveux-naturels'+extension+'/include/ajax_devise.php';
	params = 'devise='+devise;
	x.open("POST",url,true);
	x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	x.setRequestHeader("Content-length", params.length);
	x.setRequestHeader("Connection", "close");
	x.send(params);
}