// JavaScript Document


/*SI JAVSCRIPT CHANGEMENT DU CSS ".close" POUR FERMER LES BOITES PAR DEFAUT*/

/*POUR FIREFOX*/
if (document.styleSheets[0].cssRules)document.styleSheets[0].insertRule('DIV.close {display: none}',document.styleSheets[0].cssRules.length);
/*POUR IE*/
if (document.styleSheets[0].rules)document.styleSheets[0].addRule("DIV.close","display: none");



/* FONCTION DE DEFINITION DES CALQUES */
function NameDiv(id){
	if(document.all){ doc = document.all[id]; }
	if(document.getElementById){ doc = document.getElementById(id);}
	return doc;
}

/* FONCTION D'AFFICHAGE/MASQUAGE DES ELEMENTS */
// id : id de l'element
// prop : propriete du display (none, block, inline)
function SetObjDisplay(id, prop){
	NameDiv(id);
	doc.style.display=prop;
}

/* FONCTION D'AFFECTATION DE CLASSE AUX ELEMENTS */
// id : id de l'element
// cssName : nom de la classe

function SetObjCss(id, cssName){
	NameDiv(id);
	doc.className=cssName;
}

/* SHOW/HIDE LAYER */
function ShowLayer(id) {
	var top;
	var popinHeight = 0;
	var popinWidth = 0;
	var obj;
	div = id;
	obj = $(div).select( 'div.layer');
	if (obj!="") {popinHeight = obj[0].getHeight(); popinWidth = obj[0].getWidth();}
	
	obj = $(div).select( 'div.layerDyn');
	if (obj!="") {popinHeight = obj[0].getHeight(); popinWidth = obj[0].getWidth();}
	
	obj = $(div).select( 'div#conf-news');
	if (obj!="") {popinHeight = obj[0].getHeight(); popinWidth = obj[0].getWidth();}
	
	obj = $(div).select( 'div.conf-ajout');
	if (obj!="") {popinHeight = obj[0].getHeight(); popinWidth = obj[0].getWidth();}
	
	obj = $(div).select( 'div#Panier-confirm');
	if (obj!="") {popinHeight = obj[0].getHeight(); popinWidth = obj[0].getWidth();}
	
	obj = $(div).select( 'div#envoi-ami');
	if (obj!="") {popinHeight = obj[0].getHeight(); popinWidth = obj[0].getWidth();}
	
	obj = $(div).select( 'div#Wishlist-confirm');
	if (obj!="") {popinHeight = obj[0].getHeight(); popinWidth = obj[0].getWidth();}
	
	obj = $(div).select( 'div#Mdp-lost');
	if (obj!="") {popinHeight = obj[0].getHeight(); popinWidth = obj[0].getWidth();}
	
	if(popinHeight ==0)
		popinHeight =250;
		
	obj="";
	
	// Safari
	if(navigator.userAgent.toLowerCase().indexOf("safari") != -1){
	top = document.body.scrollTop
	} else {
	top = document.documentElement.scrollTop;
	}
	
	halfHeight = ((getWindowHeight() - popinHeight) / 2) + top;
	halfWidth = ((getWindowWidth() - popinWidth) / 2)
	NameDiv(id).style.left = Math.round(halfWidth)+'px';
	
	NameDiv(id).style.top = Math.round(halfHeight)+'px';

	NameDiv(id).style.visibility = "visible";
}

function HideLayer(id) {
	NameDiv(id).style.visibility = "hidden";
}

function ShowID(id) {
	NameDiv(id).style.display = "block";
}

function HideID(id) {
	NameDiv(id).style.display = "none";
}


function displayConfLayer(divId){
	var obj = NameDiv(divId);
	showMasque();
	showPopupCenter(divId);
	var layerDyn = $(obj).select( 'div');
	var layerDynWidth = parseInt(layerDyn[0].getStyle('width'));
	/* Initialisation */
	$(obj).style.zIndex = "371";
	obj.style.left = "0px";
	layerDyn[0].style.top = "0px";
	layerDyn[0].style.left = "0px";
	/**/
	var layerDynHeight = layerDyn[0].getHeight();
	$(obj).setStyle({
  		'height': layerDynHeight+'px',
		'width': layerDynWidth+'px',
		'position' : 'absolute'
	});
	var sTop=$(obj).cumulativeScrollOffset().top;//Hauteur de défilement de l'élément parent
	var posy = (getWindowHeight()-layerDynHeight) / 2;
	var pos = findPos($(obj));
	var posx =  ((getWindowWidth()-layerDynWidth) / 2) ;
	obj.style.top = parseInt(posy+sTop)+"px";
	obj.style.left = parseInt(posx)+"px";
	var html = obj.innerHTML;
	//html = "<iframe style=\"visibility: collapse; margin-bottom: 0px; width: "+ layerDynWidth +"px; height: "+layerDynHeight+"px; position: absolute; left:15px; z-index: 9; opacity: 0;filter:alpha(opacity=0);\"></iframe>" + html;
	obj.innerHTML = html;
}

function showMasque(){
	var masque = NameDiv("masque");
	if(masque){
		masque.style.height = getWindowHeight() + "px";
		masque.style.display = "block";
	}
}

function hideMasque(){
	var masque = NameDiv("masque");
	if(masque)
	masque.style.display = "none";
}

function ShowLayerDynID(id) {
	var layerDyn = $(id).select( 'div.layerDynLook');
	var layerDynWidth = parseInt(layerDyn[0].getStyle('width'));
	$(id).style.display = "block";
	$(id).style.zIndex = "100";
	NameDiv(id).style.left = "0px";
	var layerDynHeight = layerDyn[0].getHeight();
	$(id).setStyle({
  		'height': layerDynHeight+'px',
		'width': layerDynWidth+'px',
		'position' : 'absolute'
	});
	var sTop=$(id).cumulativeScrollOffset().top;//Hauteur de défilement de l'élément parent
	var posy = (getWindowHeight()-layerDynHeight) / 2;
	var pos = findPos($(id));
	var posx =  ((getWindowWidth()-layerDynWidth) / 2)-pos.x ;
	NameDiv(id).style.top = parseInt(posy+sTop)+"px";
	NameDiv(id).style.left = parseInt(posx)+"px";
	var html = NameDiv(id).innerHTML;
	html = "<iframe style=\"visibility: collapse; margin-bottom: 0px; width: "+ layerDynWidth +"px; height: "+layerDynHeight+"px; position: absolute; left:15px; z-index: 9; opacity: 0;filter:alpha(opacity=0);\"></iframe>" + html;
	NameDiv(id).innerHTML = html;
}



function HideLayerDynID(id) {
	NameDiv(id).style.display = "none";
}


var nselect;
function ShowSelect(nselect) {
	for (var i = 1; i<=nselect; i++) {
		if (NameDiv('Trunc'+i)){
			doc.style.visibility = "visible";
		}
	}
}

function HideSelect(nselect) {
	for (var i = 1; i<=nselect; i++) {
		if (NameDiv('Trunc'+i)){
			doc.style.visibility = "hidden";
		}
	}
}

function findPos(obj) {
        var curleft = obj.offsetLeft || 0;
        var curtop = obj.offsetTop || 0;
        while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
        }
        return {x:curleft,y:curtop};
}

function getWindowHeight() {

    var windowHeight=0;

    if (typeof(window.innerHeight)=='number'){
        windowHeight=window.innerHeight;
    }
    else {
		if (document.documentElement && document.documentElement.clientHeight){
			windowHeight = document.documentElement.clientHeight;
		}
		else{
			if (document.body&&document.body.clientHeight) {
				windowHeight=document.body.clientHeight;
			}
		}
    }
	return windowHeight;
}


	
function getWindowWidth() {

    var windowWidth=0;

    if (typeof(window.innerWidth)=='number'){
        windowWidth=window.innerWidth;
    }
    else {
		if (document.documentElement && document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth;
		}
		else{
			if (document.body&&document.body.clientWidth) {
				windowWidth=document.body.clientWidth;
			}
		}
    }
	return windowWidth;
}

var id;
/* Fonction d'affichage des sous-rub de la Nav principale */
function ShowSubrub(id) {
	for (var i = 1; i<=8; i++) {
		if (NameDiv('Subrub'+i)) {
			doc.style.visibility = 'hidden';
		}
	}
	
	if (NameDiv(id)) {
		doc.style.visibility = 'visible';
	}
}

var test;
function StartTO(id){
	test=window.setTimeout("ShowSubrub(id)",50);	
}

function KillTO(){
	window.clearTimeout(test);
}

// Fonction special pour effacer et réafficher le champs SELECT derriere un LAYER ss ie6
function Trunc_select() {
	for (var i = 1; i<=6; i++) {
		if (NameDiv('Trunc'+i)){
			doc.style.visibility = "hidden";
		}
	}
}

function Replace_select() {
 for (var i = 1; i<=6; i++) {
		if (NameDiv('Trunc'+i)){
			doc.style.visibility = "visible";
		}
	}
}

/* FONCTION D'AFFICHAGE/MASQUAGE DES LAYERS DE LA PAGE PRODUITS DETAILS */
Layers = new Array();
Layers[0] ="glideDiv0";
Layers[1] ="glideDiv1";
Layers[2] ="glideDiv2";
Layers[3] ="glideDiv3";

var id;

function Showglide(id){
		for(i = 0; i<Layers.length; i++){
			if(NameDiv(Layers[i])!=null){
				if(i == id){
					showPopupCenter(Layers[id]);
					NameDiv(Layers[id]).style.visibility = "visible";
					Trunc_select();
				} else {
					NameDiv(Layers[i]).style.visibility = "hidden";
					Trunc_select();
				}
			}
		}
}

function displayGlide(divId){
	var id = Layers[divId];
	Showglide(divId);
	var layerDyn = $(id).select( 'div.layerDyn');
	var layerDynWidth = parseInt(layerDyn[0].getStyle('width'));
	/* Initialisation */
	$(id).style.zIndex = "100";
	NameDiv(id).style.left = "0px";
	layerDyn[0].style.top = "0px";
	layerDyn[0].style.left = "0px";
	/**/
	var layerDynHeight = layerDyn[0].getHeight();
	$(id).setStyle({
  		'height': layerDynHeight+'px',
		'width': layerDynWidth+'px',
		'position' : 'absolute'
	});
	var sTop=$(id).cumulativeScrollOffset().top;//Hauteur de défilement de l'élément parent
	var posy = (getWindowHeight()-layerDynHeight) / 2;
	var pos = findPos($(id));
	var posx =  ((getWindowWidth()-layerDynWidth) / 2)-pos.x ;
	NameDiv(id).style.top = parseInt(posy+sTop)+"px";
	NameDiv(id).style.left = parseInt(posx)+"px";
	var html = NameDiv(id).innerHTML;
	if(html.indexOf("iframe")==-1)
		html = "<iframe style=\"visibility: collapse; margin-bottom: 0px; width: "+ layerDynWidth +"px; height: "+layerDynHeight+"px; position: absolute; left:15px; z-index: 9; opacity: 0;filter:alpha(opacity=0);\"></iframe>" + html;
	NameDiv(id).innerHTML = html;
}

function hideglide(id){
		for(i = 0; i<Layers.length; i++){
			if(NameDiv(Layers[i])!=null){
				if(i == id){
					NameDiv(Layers[id]).style.visibility = "hidden";
					Replace_select();
				} else {
					NameDiv(Layers[i]).style.visibility = "hidden";
					Replace_select();
				}
			}
		}
}

/* FONCTION D'AFFICHAGE/MASQUAGE DES LAYERS DE LA PAGE CONSEILS */
var Advices = 3;
var id;

function ShowAdvice(id){
		for(i = 0; i<Advices; i++){
			if(i == id){
				NameDiv("Conseil"+i).style.visibility = "visible";
			} else {														
				if(NameDiv("Conseil"+i) != null){				
					NameDiv("Conseil"+i).style.visibility = "hidden";						
				}
			}
		}
}

function HideAdvice(id){
		for(i = 0; i<Advices; i++){
			if(NameDiv("Conseil"+i) != null){
				NameDiv("Conseil"+i).style.visibility = "hidden";
			}
		}
}

/* FONCTION D'AFFICHAGE/MASQUAGE DES SYMBOLES DE LA PAGE CONSEILS */
var Symbols = 6;
var idsymb;

function ShowSymbol(idsymb){
		for(i = 0; i<Symbols; i++){
			if(i == idsymb){
				NameDiv("symbol"+i).style.display = "block";
				HideID('symbol');
			} else {
				NameDiv("symbol"+i).style.display = "none";
			}
		}
}

function HideSymbols(){
		for(i = 0; i<Symbols; i++){
			NameDiv("symbol"+i).style.display = "none";
			ShowID('symbol');
		}
}


/* FONCTION D'AFFICHAGE/MASQUAGE DES ILLUSTRATIONS DE LA PAGE CONSEILS */
var Illus = 4;
var idillu;

function ShowIllu(idillu){
		for(i = 0; i<Illus; i++){
			if(i == idillu){
				NameDiv("illu"+i).style.display = "inline";
				SetObjCss("btnillu"+i, "on");
			} else {
				NameDiv("illu"+i).style.display = "none";
				SetObjCss("btnillu"+i, "off");
			}
		}
}


/* FONCTION D'AFFICHAGE/MASQUAGE DE LA NAV CONTEXTUELLE */
function SwapBtnnav(id){
	
	var pathlay = NameDiv('NavContext'+id);
	var pathlay2 = NameDiv('Nav'+id);
	
	if(pathlay.style.display=="block") {
		pathlay.style.display="none";
		pathlay2.className="";
	}else{
		pathlay.style.display="block";
		pathlay2.className="on";
	}
}

/* FONCTION D'AFFICHAGE/MASQUAGE LOGIN MON COMPTE */

function HideformAccount(){
	ShowID('logged');
	HideID('account');
	HideID('compte');
	ShowID('prog');
}

function ShowformAccount(){
	HideID('logged');
	ShowID('account');
	ShowID('compte');
	HideID('prog');
}


/* FONCTION D'AFFICHAGE/MASQUAGE PAGE ENGAGEMENTS */
function SwapItem(id) {
	for (var i = 1; i<=8; i++) {
			NameDiv('p'+i).style.display = 'none';
			NameDiv('item'+i).className = 'off';
	}
		NameDiv('p'+id).style.display = 'inline';
		NameDiv('item'+id).className = 'on';
}

/* FONCTION D'AFFICHAGE/MASQUAGE DU VISUEL AUTRES LOOKS */
function SwapImg(id){
	
	var pathlay = NameDiv('front'+id);
	var pathlay2 = NameDiv('back'+id);
	
	if(pathlay2.style.display=="none") {
		pathlay.style.display="none";
		pathlay2.style.display="block";
	}else{
		pathlay.style.display="block";
		pathlay2.style.display="none";
	}
}

/* FONCTION D'AFFICHAGE/MASQUAGE PAGE FAQ */
function SwapFaq(id) {
	for (var i = 1; i<=16; i++) {
		if (NameDiv('resp'+i) && NameDiv('item'+i)) {
			NameDiv('resp'+i).style.display = 'none';
			NameDiv('item'+i).className = 'off';
		}
	}
	
	if (NameDiv('resp'+id) && NameDiv('item'+id)) {
		NameDiv('resp'+id).style.display = 'inline';
		NameDiv('item'+id).className = 'on';
	}
}

/* FONCTION D'AFFICHAGE/MASQUAGE TEXTAREA - page le club */
function Affichetextarea(){
	if( document.getElementById('quest3rep3').checked==true){
		 	NameDiv("interneturl").style.display = "block";
			NameDiv('internet-true').className = 'screen';
		}else{
			NameDiv("interneturl").style.display = "none";
			NameDiv('internet-true').className = 'off';
		}
}

/* FONCTION PAGE ZONE D'ACHAT */
var sens; 	
function MathPrices(id, sens) {
	var quantite_max = 5;
	var prix_ttc = NameDiv('prix_ttc'+id).value;
	var quantite = Math.round(NameDiv('quantite'+id).value);
	var montant_article = NameDiv('montant_article'+id).value;

	if(sens == "plus" && quantite < quantite_max){ quantite=quantite+1; }
	if(sens == "moins" && quantite > 0){ quantite=quantite-1; }
	NameDiv('quantite'+id).value=quantite;
	
	var endString = prix_ttc.search(" ");
	var prixNan = prix_ttc.substring(0,endString);
	var prixInt = prixNan.replace(",",".");
	var montant = prixInt*quantite;
	
	var montantInt = montant.toFixed(2);
	var montantChar = montantInt.replace(".",",");
	
	NameDiv('montant_article'+id).value= montantChar+" €";
}

/* FONCTION INTERACTION JAVASCRIPT AVEC MENU FLASH */
function appelTest() { getMovieName("nav-swf-menu").testCall(); }