// FONCTION DETECTION NUANCE DE GRIS
function detectGray(couleurhexa) {
	var rougehexa = couleurhexa.substr(1, 2);
	var verthexa = couleurhexa.substr(3, 2);
	var bleuhexa = couleurhexa.substr(5, 2);
	
	var rougedec = parseInt(rougehexa, 16);
	var vertdec = parseInt(verthexa, 16);
	var bleudec = parseInt(bleuhexa, 16);
	
	var gris = Math.floor((0.299*rougedec)+(0.587*vertdec)+(0.114*bleudec));
	
	if (gris <160) {
		return "W";
	}
	else {
		return "B";
	}
}

// FONCTIONS GESTION COOKIES
function EcrireCookie(nom, valeur) {
	var argv=EcrireCookie.arguments;
	var argc=EcrireCookie.arguments.length;
	var expires=(argc > 2) ? argv[2] : null;
	var path=(argc > 3) ? argv[3] : null;
	var domain=(argc > 4) ? argv[4] : null;
	var secure=(argc > 5) ? argv[5] : false;
	document.cookie=nom+"="+escape(valeur)+
	((expires==null) ? "" : ("; expires="+expires.toGMTString()))+
	((path==null) ? "" : ("; path="+path))+
	((domain==null) ? "" : ("; domain="+domain))+
	((secure==true) ? "; secure" : "");
}

function getCookieVal(offset) {
   var endstr=document.cookie.indexOf (";", offset);
   if (endstr==-1) endstr=document.cookie.length;
   return unescape(document.cookie.substring(offset, endstr));
}

function LireCookie(nom) {
   var arg=nom+"=";
   var alen=arg.length;
   var clen=document.cookie.length;
   var i=0;
   while (i<clen)
   {
      var j=i+alen;
      if (document.cookie.substring(i, j)==arg) return getCookieVal(j);
      i=document.cookie.indexOf(" ",i)+1;
      if (i==0) break;
   }
   return null;
}
// FIN GESTION COOKIES


// CHANGEMENT DE LA COULEUR DE MUR
function changeCouleur(teinte) {
	date=new Date;
	date.setMonth(date.getMonth()+12);
	
	if (teinte == "blanc") {
		document.getElementById('milieu').style.backgroundColor = "#ffffff"; EcrireCookie("couleur_mur", "#ffffff", date);
		if (detectGray("#ffffff") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#ffffff") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#ffffff"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#ffffff")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#ffffff")+".png)";
	}
	if (teinte == "blancdemeudon") {
		document.getElementById('milieu').style.backgroundColor = "#c9d0da"; EcrireCookie("couleur_mur", "#c9d0da", date);
		if (detectGray("#c9d0da") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#c9d0da") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#c9d0da"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#c9d0da")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#c9d0da")+".png)";
	}
	if (teinte == "ivoire") {
		document.getElementById('milieu').style.backgroundColor = "#fcfbe0"; EcrireCookie("couleur_mur", "#fcfbe0", date);
		if (detectGray("#fcfbe0") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#fcfbe0") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#fcfbe0"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#fcfbe0")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#fcfbe0")+".png)";
	}
	if (teinte == "coquille") {
		document.getElementById('milieu').style.backgroundColor = "#f4e9ca"; EcrireCookie("couleur_mur", "#f4e9ca", date);
		if (detectGray("#f4e9ca") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#f4e9ca") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#f4e9ca"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#f4e9ca")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#f4e9ca")+".png)";
	}
	if (teinte == "lin") {
		document.getElementById('milieu').style.backgroundColor = "#cac0b3"; EcrireCookie("couleur_mur", "#cac0b3", date);
		if (detectGray("#cac0b3") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#cac0b3") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#cac0b3"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#cac0b3")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#cac0b3")+".png)";
	}
	if (teinte == "taupe") {
		document.getElementById('milieu').style.backgroundColor = "#786e62"; EcrireCookie("couleur_mur", "#786e62", date);
		if (detectGray("#786e62") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#786e62") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#786e62"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#786e62")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#786e62")+".png)";
	}
	if (teinte == "grissouris") {
		document.getElementById('milieu').style.backgroundColor = "#acacac"; EcrireCookie("couleur_mur", "#acacac", date);
		if (detectGray("#acacac") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#acacac") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#acacac"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#acacac")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#acacac")+".png)";
	}
	if (teinte == "grismoyen") {
		document.getElementById('milieu').style.backgroundColor = "#727272"; EcrireCookie("couleur_mur","#727272", date);
		if (detectGray("#727272") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#727272") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#727272"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#727272")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#727272")+".png)";
	}
	if (teinte == "griscendre") {
		document.getElementById('milieu').style.backgroundColor = "#5d646a"; EcrireCookie("couleur_mur", "#5d646a", date);
		if (detectGray("#5d646a") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#5d646a") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#5d646a"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#5d646a")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#5d646a")+".png)";
	}
	if (teinte == "tabac") {
		document.getElementById('milieu').style.backgroundColor = "#635b4e"; EcrireCookie("couleur_mur", "#635b4e", date);
		if (detectGray("#635b4e") == "W") { document.getElementById('milieu').style.color = "#ffffff"; }
		if (detectGray("#635b4e") == "B") { document.getElementById('milieu').style.color = "#000000"; }
		EcrireCookie("noir_blanc", detectGray("#635b4e"), date);
		document.getElementById('afftableaux').style.backgroundImage = "url(images/tableaux"+detectGray("#635b4e")+".png)";
		document.getElementById('jepeinssuite').style.backgroundImage = "url(images/jepeins_suite"+detectGray("#635b4e")+".png)";
	}
}

// ALLUMER OU ETEINDRE LA LUMIERE
function changeAmbiance() {	
	if (LireCookie("ambiance_lumiere") == "on") {
		EcrireCookie("ambiance_lumiere", "off");
		document.getElementById('interrupteur').style.backgroundImage = "url(images/interrupteur_off.png)";
		document.getElementById('milieu').style.backgroundImage = "url(images/decor_off.png)";
		document.getElementById('cache_tableau').style.backgroundImage = "url(images/ombre_40pc.png)";
		document.getElementById('cache_tableau1').style.backgroundImage = "url(images/ombre_40pc.png)";
		document.getElementById('cache_tableau2').style.backgroundImage = "url(images/ombre_40pc.png)";
		document.getElementById('cache_tableau3').style.backgroundImage = "url(images/ombre_40pc.png)";
	}
	else {
		EcrireCookie("ambiance_lumiere", "on");
		document.getElementById('interrupteur').style.backgroundImage = "url(images/interrupteur_on.png)";
		document.getElementById('milieu').style.backgroundImage = "url(images/decor_on.png)";
		document.getElementById('cache_tableau').style.backgroundImage = "none";
		document.getElementById('cache_tableau1').style.backgroundImage = "none";
		document.getElementById('cache_tableau2').style.backgroundImage = "none";
		document.getElementById('cache_tableau3').style.backgroundImage = "none";
	}
}


// DELAI CONSERVATION COOKIE
date=new Date;
date.setMonth(date.getMonth()+12);

// INITIALISATION ET LECTURE "COULEUR DE MUR"
mur = LireCookie("couleur_mur");
if (mur == null){ 
	mur = "#e6e6e6";
}
EcrireCookie("couleur_mur", mur, date);
EcrireCookie("noir_blanc", detectGray(mur), date);
document.write("<style type='text/css'>#milieu { background-color: "+mur+"; }</style>");

// INITIALISATION ET LECTURE "AMBIANCE LUMIERE"
lumiere = LireCookie("ambiance_lumiere");
if (lumiere == null){ 
	lumiere = "on";
}
EcrireCookie("ambiance_lumiere", lumiere);
document.write("<style type='text/css'>#milieu { background-image: url(images/decor_"+lumiere+".png); }</style>");

// MASQUE DU TABLEAU SI ETEINT
if (LireCookie("ambiance_lumiere") == "off") {
	document.write("<style type='text/css'>#cache_tableau { background-image: url(images/ombre_40pc.png); } #cache_tableau1 { background-image: url(images/ombre_40pc.png); } #cache_tableau2 { background-image: url(images/ombre_40pc.png); } #cache_tableau3 { background-image: url(images/ombre_40pc.png); }</style>");
}
if (LireCookie("ambiance_lumiere") == "on") {
	document.write("<style type='text/css'>#cache_tableau { background-image: none; } #cache_tableau1 { background-image: none; } #cache_tableau2 { background-image: none; } #cache_tableau3 { background-image: none; }</style>");
}

// AFFICHAGE DU TEXTE NOIR OU BLANC SELON COULEUR DE FOND
if (LireCookie("noir_blanc") == "B") {
	document.write("<style type='text/css'>#milieu { color: #000000; }</style>");
}
if (LireCookie("noir_blanc") == "W") {
	document.write("<style type='text/css'>#milieu { color: #ffffff; }</style>");
}

jour=new Date;
jour.setDate(jour.getDate()+2);

// INITIALISATION COOKIE SELECTIONS
select_cookie = LireCookie("mes_selections");
if (select_cookie == null){ 
	select_cookie = "vide";
}
EcrireCookie("mes_selections", select_cookie, date);

// INITIALISATION COOKIE PANIER
panier_cookie = LireCookie("mon_panier");
if (panier_cookie == null){ 
	panier_cookie = "vide";
}
EcrireCookie("mon_panier", panier_cookie, jour);

// INITIALISATION DES POSITIONS DES ONGLETS
lireselect = LireCookie("mes_selections");
lirepanier = LireCookie("mon_panier");

if (lireselect == "vide") {
	if (lirepanier == "vide") {				// SELECTION VIDE, PANIER VIDE
		var largeurselection = "15";
		var largeurpanier = "15";
		var pospanier = "15";
		var largeurselection2 = "90";
		var largeurpanier2 = "90";
		var pospanier2 = "90";
	}
	else {									// SELECTION VIDE, PANIER NON VIDE
		var largeurselection = "15";
		var largeurpanier = "90";
		var pospanier = "15";
		var largeurselection2 = "90";
		var largeurpanier2 = "15";
		var pospanier2 = "90";
	}
}
else {
	if (lirepanier == "vide") {				// SELECTIONS NON VIDE, PANIER VIDE
		var largeurselection = "90";
		var largeurpanier = "15";
		var pospanier = "90";
		var largeurselection2 = "15";
		var largeurpanier2 = "90";
		var pospanier2 = "15";
	}
	else {									// SELECTION NON VIDE, PANIER NON VIDE
		var largeurselection = "90";
		var largeurpanier = "90";
		var pospanier = "90";
		var largeurselection2 = "15";
		var largeurpanier2 = "15";
		var pospanier2 = "15";
	}
}
document.write("<style type='text/css'>.selections { width: "+largeurselection+"px; } .panier { width: "+largeurpanier+"px; left: "+pospanier+"px; }</style>");

// INITIALISATION DES OUVERTURES DES CONTENUS DES ONGLETS

if (lireselect == "vide") {
	if (lirepanier == "vide") {				// SELECTION VIDE, PANIER VIDE
		var largeurselection_a = "0";
		var largeurpanier_a = "0";
		var pospanier_a = "0";
		var largeurselection2_a = "75";
		var largeurpanier2_a = "75";
		var pospanier2_a = "75";
	}
	else {									// SELECTION VIDE, PANIER NON VIDE
		var largeurselection_a = "0";
		var largeurpanier_a = "75";
		var pospanier_a = "0";
		var largeurselection2_a = "75";
		var largeurpanier2_a = "0";
		var pospanier2_a = "75";
	}
}
else {
	if (lirepanier == "vide") {				// SELECTIONS NON VIDE, PANIER VIDE
		var largeurselection_a = "75";
		var largeurpanier_a = "0";
		var pospanier_a = "75";
		var largeurselection2_a = "0";
		var largeurpanier2_a = "75";
		var pospanier2_a = "0";
	}
	else {									// SELECTION NON VIDE, PANIER NON VIDE
		var largeurselection_a = "75";
		var largeurpanier_a = "75";
		var pospanier_a = "75";
		var largeurselection2_a = "0";
		var largeurpanier2_a = "0";
		var pospanier2_a = "0";
	}
}
document.write("<style type='text/css'>.selections_a { width: "+largeurselection_a+"px;} .panier_a { width: "+largeurpanier_a+"px; left: "+pospanier+"px; }</style>");

// Affichage ou non du bouton panier à l'ouverture
if(lirepanier == "vide") {
		var sesame = "none";
	}
else {
		var sesame = "block";
	}
document.write("<style type='text/css'>#sesame {display :"+sesame+";}</style>");

// TOGGLER SELECTIONS
$(document).ready(function(){
	$(".click_selec").toggle(function() {
    $(".selections").animate({ width: largeurselection2+"px" }, 500); $(".panier").animate({ left: pospanier2+"px" }, 500);
	},function() {
		$(".selections").animate({ width: largeurselection+"px" }, 500); $(".panier").animate({ left: pospanier+"px" }, 500);
	});
});
// TOGGLER PANIER
$(document).ready(function(){
	$(".click_panier").toggle(function() {
    	$(".panier").animate({ width: largeurpanier2+"px" }, 500);
			$(".panier_a").animate({ width: largeurpanier2_a+"px" }, 500);
	},function() {
		$(".panier").animate({ width: largeurpanier+"px" }, 500);
		$(".panier_a").animate({ width: largeurpanier_a+"px" }, 500);
	});
});