
function affichePopUpZoomProduit(popinId, zoomerVarname) {


	var msie = void(0)!=document.createEventObject;
	if(msie) msie = window.XMLHttpRequest ? 7 : 6;
	var myPageOffsetY = (void(0)!=document.createEventObject) ? (document.documentElement.clientWidth?document.documentElement:document.body).scrollTop : window.pageYOffset;
	var ImageZoomer = window[zoomerVarname];

	if('object'==typeof ImageZoomer && ImageZoomer.refreshMetrics) {

		if(!ImageZoomer.o.PopinZoom) {
			ImageZoomer.o.PopinZoom = {
				pi: popinId, 
				zc: 'ProductZoomContainer', 
				sc: 'ScrollableContainer', 
				zi: 'img_zoom1000'
			}
			for(var k in ImageZoomer.o.PopinZoom) { 
				ImageZoomer.o.PopinZoom[k] = document.getElementById(ImageZoomer.o.PopinZoom[k]); 
				if(!ImageZoomer.o.PopinZoom[k].getPosition) ElGoodies.enrich(ImageZoomer.o.PopinZoom[k]);
			}
		}
		if(null!=ImageZoomer.o.PopinZoom.pi) {
			if('body'!==ImageZoomer.o.PopinZoom.pi.parentNode.tagName.toLowerCase()) {
				document.body.appendChild(ImageZoomer.o.PopinZoom.pi);
			}

			// on enleve les select
			var x = document.getElementsByTagName("select");
			for (i = 0; i < x.length; i++) {
			   x[i].style.display = "none";
			}
			var scrllTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
			ImageZoomer.o.PopinZoom.pi.style.display='block';
			maximize(ImageZoomer.o.PopinZoom.pi);

			ImageZoomer.o.PopinZoom.pi.style.width = '100%';
			if(msie && 7>msie) {
				ImageZoomer.o.PopinZoom.pi.style.cssText = 'position:absolute;top:'+myPageOffsetY+'px;left:0px;'+ImageZoomer.o.PopinZoom.pi.style.cssText+';width:100%;';
				(document.documentElement.clientWidth?document.documentElement:document.body).style.overflow = 'hidden';
			} else {
				ImageZoomer.o.PopinZoom.pi.style.cssText = 'position:fixed;top:0px;left:0px;'+ImageZoomer.o.PopinZoom.pi.style.cssText+';width:100%;';
				document.documentElement.style.overflow = 'hidden';
			}

			refreshPopUpZoomProduitScroll();
			OjO_EventUtil.addEventHandler(window, 'resize', refreshPopUpZoomProduitScroll);

		}
	}

	return false;
}

function cachePopUpZoomProduit(popinId, zoomerVarname){

	var msie = void(0)!=document.createEventObject;
	if(msie) msie = window.XMLHttpRequest ? 7 : 6;
	if(msie && 7>msie) {
		var docz = document.documentElement.clientWidth?document.documentElement:document.body;
		docz.style.width = '100%';
		docz.style.overflow = '';
	} else {
		document.documentElement.style.overflow = 'auto';
	}
	cachePopUp(popinId)
	var ImageZoomer = window[zoomerVarname];
	if('object'==typeof ImageZoomer && ImageZoomer.refreshMetrics) {
		OjO_EventUtil.removeEventHandler(window, 'resize', refreshPopUpZoomProduitScroll);
		ImageZoomer.refreshMetrics();
	}

	return false;
}

function refreshPopUpZoomProduitScroll() {
	var ImageZoomer = window['zoom_0'];
	if('object'==typeof ImageZoomer && ImageZoomer.refreshMetrics) {
		if(!ImageZoomer.o.PopinZoom) {
			affichePopUpZoomProduit('contenu_popup', 'zoom_0');
		}
	}

	for(k in ImageZoomer.o.PopinZoom) { ImageZoomer.o.PopinZoom[k].topLeft = ImageZoomer.o.PopinZoom[k].getPosition(); }
	var viewportDims = gwwp();
	if(viewportDims.height<ImageZoomer.o.PopinZoom.zc.offsetHeight || viewportDims.width<ImageZoomer.o.PopinZoom.zc.offsetWidth) {
		ImageZoomer.o.PopinZoom.sc.style.width = (viewportDims.width)+'px';
		ImageZoomer.o.PopinZoom.sc.style.height = viewportDims.height+'px';
		ImageZoomer.o.PopinZoom.sc.style.margin = '0px';
		ImageZoomer.o.PopinZoom.sc.style.overflow = 'scroll';
	} else {
		ImageZoomer.o.PopinZoom.sc.style.width = ImageZoomer.o.PopinZoom.zc.offsetWidth+'px';
		ImageZoomer.o.PopinZoom.sc.style.height = ImageZoomer.o.PopinZoom.zc.offsetHeight+'px';
		ImageZoomer.o.PopinZoom.sc.style.margin = '0px auto';
		ImageZoomer.o.PopinZoom.sc.style.overflow = 'hidden';
	}
}


function affichePopUp(nom_popup){

	maximize(document.getElementById('BgPopup'));
	document.getElementById(nom_popup).style.display='block';

	// on enleve les select
	var x = document.getElementsByTagName("select");
	for (i = 0; i < x.length; i++) {
	   x[i].style.display = "none";
	}
	
	return false;
}

function affichePopUpArchives(nom_popup, lien){
	maximize(document.getElementById('BgPopup'));
	
	var curleft = curtop = 0;
	obj = document.getElementById(lien);
	if (obj.offsetParent) {
		do {
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}

	curtop = Math.max(curtop, 300);
	if(300==curtop) {
		curtop += 15;
	} else if(curtop < (document.documentElement.scrollTop+300)) {
		curtop = document.documentElement.scrollTop+315;
	}

	document.getElementById(nom_popup).style.top = (curtop - 300) + 'px';
	document.getElementById(nom_popup).style.display='block';
	
	// on enleve les select
	var x = document.getElementsByTagName("select");
	for (i = 0; i < x.length; i++) {
	   x[i].style.display = "none";
	}
	return false;
}

function affichePopUpLook(){
	maximize(document.getElementById('BgPopup'));
	document.getElementById('contenu_popup').style.display='block';
	return false;
}

function cachePopUp(nom_popup){
	document.getElementById(nom_popup).style.display='none';
	document.getElementById('BgPopup').style.display='none';
	
	// on remet les select
	var x = document.getElementsByTagName("select");
	for (i = 0; i < x.length; i++) {
	   x[i].style.display = "block";
	}
	return false;
}

function modifierVisuel(img){

	//url = img.src;
	var mirrorClick = (1<arguments.length) ? arguments[1] : true;
	var evt = OjO_EventUtil.getEvent();
	var altImgListOwner, monitoredImage, loadingImg, switchTarget, switchSrc, switchSize, switchURL;
	var imgListOwner = img.parentNode.parentNode.parentNode;
	var productCurrentImage = document.getElementById('img_zoom355');
	var productCurrentZoom = document.getElementById('img_zoom1000');
	if(!productCurrentImage.loadedImages) { 
		productCurrentImage.loadedImages = [];
		productCurrentImage.failedImages = [];
	}


	if('ProductDetailThumbList'==imgListOwner.id) {
		switchSize = 355;
		altImgListOwner = document.getElementById('ProductZoomThumbList');
		switchTarget = productCurrentImage;
	} else if('ProductZoomThumbList'==imgListOwner.id) {
		switchSize = 1000;
		altImgListOwner = document.getElementById('ProductDetailThumbList');
		switchTarget = productCurrentZoom;
	}
	switchTarget.referer = img;
	switchURL = img.src.replace('/img_80', '/img_'+switchSize);


	if(productCurrentImage.failedImages.contains(switchURL.dirname().basename()+'¤'+switchURL.basename())) {

		switchTarget.src = '/images/no-image-355-en.jpg';
		switchTarget.setAttribute('width', '355');
		switchTarget.setAttribute('height', '355');
		switchTarget.style.cssText = 'margin-left:300px;width:355px;height:355px';

	} else if(switchTarget.src!=switchURL) {

		if(productCurrentImage.loadedImages.contains(switchURL.dirname().basename()+'¤'+switchURL.basename())) {

			if('img_zoom355'==switchTarget.id) {
				switchTarget.style.cssText = 'margin-top:13px;width:'+switchSize+'px;height:'+switchSize+'px';
				upateZoomerImages.call(switchTarget.referer, switchTarget.referer.parentNode.getAttribute('rel'));
			} else {
				switchTarget.style.cssText = 'float:left;margin-top:60px;width:'+switchSize+'px;height:'+switchSize+'px';
			}
			switchTarget.src = switchURL

		} else {

			loadingImg = new Image(275, 200);
			loadingImg.src = "/images/global/loading.gif";
			if('img_zoom355'==switchTarget.id) {
				switchTarget.style.cssText = 'margin-top:13px;margin-left:'+Math.ceil((355-loadingImg.width)/2)+'px;width:'+loadingImg.width+'px;height:'+loadingImg.height+'px';
			} else {
				switchTarget.style.cssText = 'float:left;margin-top:50px;margin-left:'+Math.ceil((1000-loadingImg.width)/2)+'px;width:'+loadingImg.width+'px;height:'+loadingImg.height+'px';
			}

			switchTarget.src = loadingImg.src;
			monitoredImage = new Image(switchSize, switchSize);
			monitoredImage.switchTarget = switchTarget;
			monitoredImage.onerror = function() {
				var productImage = document.getElementById('img_zoom355');
				var imgKey = this.src.dirname().basename()+'¤'+this.src.basename();
				if(!productImage.failedImages.contains(imgKey)) {
					productImage.failedImages.push(imgKey);
				}
				this.switchTarget.src = '/images/no-image-355-en.jpg';
				this.switchTarget.setAttribute('width', '355');
				this.switchTarget.setAttribute('height', '355');
				this.switchTarget.style.cssText = 'margin-left:300px;width:355px;height:355px';
			}
			monitoredImage.onload = function() {
				document.getElementById('img_zoom355').loadedImages.push(this.src.dirname().basename()+'¤'+this.src.basename());
				this.switchTarget.setAttribute('width', this.width);
				this.switchTarget.setAttribute('height', this.height);
				if('img_zoom355'==this.switchTarget.id) {
					this.switchTarget.style.cssText = 'margin-top:13px;width:'+this.width+'px;height:'+this.height+'px';
					upateZoomerImages.call(this.switchTarget.referer, this.switchTarget.referer.parentNode.getAttribute('rel'));

				} else {
					this.switchTarget.style.cssText = 'float:left;margin-top:60px;width:'+this.width+'px;height:'+this.height+'px';
				}
				this.switchTarget.src = this.src;
			}
			monitoredImage.src = switchURL;
		}

		if(mirrorClick && null!==altImgListOwner) {
			var linkCollection = altImgListOwner.getElementsByTagName('a');
			for(var i=0; i<linkCollection.length; i++) {
				if(img.src == linkCollection.item(i).firstChild.src) {
					modifierVisuel.apply(linkCollection.item(i), [linkCollection.item(i).firstChild, false]);
					upateZoomerImages.call(linkCollection.item(i).firstChild, linkCollection.item(i).getAttribute('rel'));
					break;
				}
			}
		}
	}

}

function modifierVisuelLook(url){
	document.getElementById('img_centrale_look').src = url;
	return false;
} 

function afficheGuide(id, id_onglet){
	for(i=0; i<12; i++){
		if(i!=id){
			document.getElementById("onglet_contenu"+i).className = "hide";
		}else{
			document.getElementById("onglet_contenu"+i).className = "";
		}
	}
	
	for(j=1; j<7; j++){
		if(j!=id_onglet){
			document.getElementById("onglet"+j).className = "";
		}
	}
	
	document.getElementById("onglet"+id_onglet).className = "selected"; 
	
	return false;
}

/*function checkFormEnvoiMail(test){
		formulaire = document.getElementById(test);
		
		var mail = formulaire.mail1.value;
		if(mail==''){
			alert("Le champ 'Votre e-mail' est obligatoire");
			return false;
		}else{
			if(mail.isMailAddr()==false){
				alert("L'adresse e-mail saisie est invalide.");
			return false;
			}
		}
		
		if (formulaire.nom1.value=='') {
			alert("Le champ 'Votre nom' est obligatoire."); 
			return false;
		}
		
		if (formulaire.prenom1.value=='') {
			alert("Le champ 'Votre prenom' est obligatoire."); 
			return false;
		}
		
		var mail = formulaire.mail2.value;
		if(mail==''){
			alert("Le champ 'Son e-mail' est obligatoire");
			return false;
		}else{
			if(mail.isMailAddr()==false){
				alert("L'adresse e-mail saisie est invalide.");
			return false;
			}
		}
		
		if (formulaire.nom2.value=='') {
			alert("Le champ 'Son nom' est obligatoire."); 
			return false;
		}
		
		if (formulaire.prenom2.value=='') {
			alert("Le champ 'Son prenom' est obligatoire."); 
			return false;
		}
		
		if (formulaire.message.value=='') {
			alert("Le champ 'Message' est obligatoire."); 
			return false;
		}
	return true;
}*/
