function eventListener(page,reload,target){ if( $("show_universe") ) { if(swfobject.getFlashPlayerVersion().major && $("iebugfix") ) { $("show_universe").style.display = "none"; jQuery("#info_right").find(".univers").hide(); } else { $("show_universe").style.display = "block"; jQuery("#info_right").find(".univers").show(); } } if(typeof(pagename) == 'undefined') { pagename = new Array(); } if(typeof(reload) == 'undefined'){ reload=true; } if(typeof(target) == 'undefined'){ target="centerdiv"; } if(typeof(page) == 'undefined') { var params = new Array(); url = window.location.toString(); params['page'] = document.getElementById('pagename').value; pagename["centerdiv"]=params['page']; } if(typeof(page) != 'undefined'){ pagename[target] = page; } if(reload && target == "centerdiv") { if($('inline_popup')){ $('inline_popup').style.display = 'none'; } if($('inline_popup2')){ $('inline_popup2').style.display = 'none'; } if($('popin')){ $('popin').innerHTML = ''; } if($('popin2')){ $('popin2').innerHTML = ''; } } var ajaxConnexion = null; /** HOME PAGE **/ if(pagename[target] == 'accueil') { if(!swfobject.getFlashPlayerVersion().major) { if(typeof(timer) == 'undefined') { timer = setTimeout("slideshow(1)",4000); } } else { if($('noflash')) $('noflash').style.display = 'none'; } } if(pagename[target] == 'bridal_anim') { /* CONTENU FLASH BRIDAL */ if(swfobject.getFlashPlayerVersion().major) { var lngBridal = sitelocEncoded.split('/')[0]; if( lngBridal == "ja_JP" ) var xmlFile = path_site+"_xml/conf_jp.xml"; else var xmlFile = path_site+"_xml/conf.xml"; var params = { quality: "high", wmode: "transparent", scale: "noscale", allowFullScreen: "true", allowscriptaccess: "always", bgcolor: "#ffffff" }; var flashvars = { lg:lngBridal, xml:xmlFile }; if( chanelFW.resVersion == "Big" ) { flashvars.resolution = ""; } else { flashvars.resolution = "1024"; } var attributes = { id: 'flashcontent', name: 'flashcontent' }; swfobject.embedSWF(path_site+"_swf/bridalAnim.swf", 'noflash', "100%", "100%", "9.0.124", path_site+"_swf/expressInstall.swf", flashvars, params, attributes); $("wrapper_element_right").style.display = "none"; $("wrapper_element_left").style.display = "none"; if($('noflash')){ $('noflash').style.display = 'none'; } } /* CONTENU ALTERNATIF BRIDAL */ else { if( $("wrapper_bridal_anim") ) { var lngBridal = sitelocEncoded.split('/')[0]; /* Paramètres de l'animation */ var paramsBridal = { current:0, currentPage : 1, nbpage:0, zoomed:false, currentImg:null, oldPosX:0, oldPosY:0, totalImg:0, rightMax:0, moduleW:0, moduleY:0, speed:1000, startMoveIpad:true, startXIpad:0, distanceToSlide:150, smallZoom:"25%", bigZoom:"34%", fps:50, oldTypoSize:"18px", delay:300 }; var leftMove = 0; var Left = 0; var Moved = false; var positionsImg = new Array(); var positionPage = new Array(); var positionTextBig = new Array(); var positionTextSmall = new Array(); var i = 0; jQuery("#moveLeftPageAnim").css({ "left":"-40px" }); if( chanelFW.resVersion == "Small" ) { jQuery("#btnCloseBridal").css({ "width":"20px" }); jQuery("#moveLeftPageAnim").css({ "width":"20px" }) jQuery("#moveRightPageAnim").css({ "right":"-40px", "bottom":"0px", "height":"210px", "width":"20px" }).delay(paramsBridal.delay).animate({ "right":"0px" },paramsBridal.speed); }else jQuery("#moveRightPageAnim").css({ "right":"-40px", "bottom":"0px", "height":"280px" }).delay(paramsBridal.delay).animate({ "right":"0px" },paramsBridal.speed); jQuery("#pageImg").find("div span").css({ "font-size":"18px", "padding":"5px" }); jQuery("#pageImg").find(".img").each(function() { var secPos = new Array(); var posi = jQuery(this).position(); secPos["left"] = posi.left; secPos["top"] = posi.top; positionsImg[i] = secPos; i++; }); var i=0; jQuery("#pageImg").find("div").each(function() { var secPos = new Array(); var posi = jQuery(this).position(); secPos["left"] = posi.left; secPos["top"] = posi.top; positionTextSmall[jQuery(this).attr("rel")] = secPos; i++; }); var i=0; jQuery("#pageImg").find(".pageon").each(function() { var pageSecPos = new Array(); var posi = jQuery(this).position(); pageSecPos["left"] = posi.left; pageSecPos["top"] = posi.top; positionPage[i] = pageSecPos; i++; }); var i = 0; jQuery("#pageImg").delay(paramsBridal.delay).find("div").each(function(){ width = jQuery("#pageImg").delay(paramsBridal.delay).find("img.img[rel="+jQuery(this).attr('rel')+"]").width(); jQuery(this).css({ "width":"1500px" }); i++; }); paramsBridal.totalImg = jQuery("#pageImg img").length; if( chanelFW.resVersion == "Small" ) { var zoomReduce = paramsBridal.smallZoom; } else { var zoomReduce = paramsBridal.bigZoom; } jQuery("#pageImg").css({ "zoom":zoomReduce, "left":-positionPage[0]['left'] }); paramsBridal.moduleW = jQuery("#wrapper_bridal_anim").width(); paramsBridal.moduleH = jQuery("#wrapper_bridal_anim").height(); paramsBridal.nbpage = jQuery("#wrapper_bridal_anim .pageon").length; /* Changement de page // non zoomé */ function bridalMoveTo(goTo) { if( !paramsBridal.zoomed ) { if( goTo <= 0 && goTo > -paramsBridal.nbpage ) { if( goTo == 0 ) { jQuery("#moveLeftPageAnim").animate({ "left":"-40px", "top":"0px" }); if( chanelFW.resVersion == "Small" ) jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"210px", "bottom":"0px" }).delay(paramsBridal.delay).animate({ "right":"0px" },paramsBridal.speed); else jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"280px", "bottom":"0px" }).delay(paramsBridal.delay).animate({ "right":"0px" },paramsBridal.speed); } else if( goTo == -paramsBridal.nbpage+1 ) { if( chanelFW.resVersion == "Small" ) jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"210px" }).delay(paramsBridal.delay).animate({ "left":"0px" },paramsBridal.speed); else jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"285px" }).delay(paramsBridal.delay).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").animate({ "right":"-40px", "bottom":"0px" }); } else { if( chanelFW.resVersion == "Small" && lngBridal == "ja_JP" ) { jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"117px", "top":"0px" }).delay(paramsBridal.delay).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"210px", "bottom":"0px" }).delay(paramsBridal.delay).animate({ "right":"0px" },paramsBridal.speed); } else if( chanelFW.resVersion == "Small" && lngBridal != "ja_JP" ) { jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"210px", "top":"0px" }).delay(paramsBridal.delay).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"235px", "bottom":"0px" }).delay(paramsBridal.delay).animate({ "right":"0px" },paramsBridal.speed); } else if( lngBridal == "ja_JP" && chanelFW.resVersion != "Small" ) { jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"157px", "top":"0px" }).delay(paramsBridal.delay).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"280px", "bottom":"0px" }).delay(paramsBridal.delay).animate({ "right":"0px" },paramsBridal.speed); } else if( lngBridal != "ja_JP" && chanelFW.resVersion != "Small" ) { jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"285px", "top":"0px" }).delay(paramsBridal.delay).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"280px", "bottom":"0px" }).delay(paramsBridal.delay).animate({ "right":"0px" },paramsBridal.speed); } } var Left = -positionPage[(goTo)*(-1)]["left"]; jQuery("#pageImg").stop(false,true).delay(paramsBridal.delay).animate({ "left":Left },{ duration:200, step:function(now,fx) { if( fx.prop == "left" ) { fx.start = paramsBridal.oldPosX; } paramsBridal.oldPosX = -positionPage[(goTo)*(-1)]["left"]; paramsBridal.oldPosY = "0px"; }, complete:function() { paramsBridal.current = goTo; } }); } } } /* Changement d'image // zoomé */ function moveToImg(eq) { if( eq < paramsBridal.totalImg && eq >= 0 ) { Moved = true; paramsBridal.currentImg = eq; var currentImg = jQuery("#pageImg").find("img.img:eq("+eq+")"); var currentRel = jQuery("#pageImg").find("img.img:eq("+eq+")").attr('rel'); var ratio = jQuery("#wrapper_bridal_anim").width()/jQuery("#wrapper_bridal_anim").height(); if( (currentImg.width()/ratio) > currentImg.height() ) { /* Pourcentage de largeur de l'image par rapport a la largeur du conteneur */ pourc = jQuery("#pageImg").find("img.img:eq("+currentImg.index()+")").width()*100/jQuery("#wrapper_bridal_anim").width(); /* 100 = pourc * x */ pourc2 = 100/pourc*100; if( isMobile() ) { //var imgpos = currentImg.position(); var imgpos = { left:currentImg.css("left"), top:currentImg.css("top") }; } else { var imgpos = { left:currentImg.css("left"), top:currentImg.css("top") }; } var moveLeft = "-"+imgpos.left; var moveRight = "-"+imgpos.top; moveLeft = parseInt(moveLeft.replace("px","")); moveRight = parseInt(moveRight.replace("px","")); var height = ((paramsBridal.moduleH/(pourc2/100))/2)-(jQuery("#pageImg").find(".img:eq("+eq+")").height()/2); if( isMobile() && !paramsBridal.zoomed ) { moveLeft = moveLeft/(parseInt(zoomReduce.replace("%",""))/100); moveRight = moveRight/(parseInt(zoomReduce.replace("%",""))/100)+height; } else if( isMobile() && paramsBridal.zoomed ) { moveLeft = -positionsImg[currentImg.index()]["left"]; moveRight = -positionsImg[currentImg.index()]["top"]+height; } else { moveLeft = (moveLeft); moveRight = (moveRight)+height; } imgclick = currentImg.index(); pourc = pourc2; } else { /* Pourcentage de largeur de l'image par rapport a la largeur du conteneur */ pourc = jQuery("#pageImg").find("img.img:eq("+currentImg.index()+")").height()*100/paramsBridal.moduleH; /* 100 = pourc * x */ pourc2 = 100/pourc*100; if( isMobile() ) { //var imgpos = currentImg.position(); var imgpos = { left:currentImg.css("left"), top:currentImg.css("top") }; } else { var imgpos = { left:currentImg.css("left"), top:currentImg.css("top") }; } var moveLeft = "-"+imgpos.left; var moveRight = "-"+imgpos.top; moveLeft = parseInt(moveLeft.replace("px","")); moveRight = parseInt(moveRight.replace("px","")); var width = ((paramsBridal.moduleW/(pourc2/100))/2)-(jQuery("#pageImg").find(".img:eq("+currentImg.index()+")").width()/2); if( isMobile() && !paramsBridal.zoomed ) { moveLeft = moveLeft/(parseInt(zoomReduce.replace("%",""))/100)+width; moveRight = moveRight/(parseInt(zoomReduce.replace("%",""))/100); } else if( isMobile() && paramsBridal.zoomed ) { moveLeft = -positionsImg[currentImg.index()]["left"]+width; moveRight = -positionsImg[currentImg.index()]["top"]; } else { moveLeft = (moveLeft)+width; moveRight = (moveRight); } imgclick = currentImg.index(); pourc = pourc2; } var minPourc = parseInt(zoomReduce.replace('%','')); var fontSize = 13; if( !paramsBridal.zoomed ) { jQuery("#moveLeftPageAnim").delay(paramsBridal.delay).css({ "left":"-40px", "top":"0px" }); jQuery("#moveRightPageAnim").delay(paramsBridal.delay).css({ "right":"-40px" }); } if( currentImg.index() == 0 ) { jQuery("#moveLeftPageAnim").delay(paramsBridal.delay).animate({ "left":"-40px", "top":"0px" }); jQuery("#moveRightPageAnim").delay(paramsBridal.delay).animate({ "height":"100%", "right":"0px", "bottom":"0px" }); } else if( currentImg.index() == paramsBridal.totalImg-1 ) { jQuery("#moveLeftPageAnim").delay(paramsBridal.delay).animate({ "height":"100%", "left":"0px", "top":"0px" }); jQuery("#moveRightPageAnim").css({ "background-image":"none" }).delay(paramsBridal.delay).animate({ "right":"0px", "height":"100%" }); } else { jQuery("#moveLeftPageAnim").delay(paramsBridal.delay).animate({ "height":"100%", "left":"0px", "bottom":"0px" }); jQuery("#moveRightPageAnim").css({ "background-image":"url('/watches-finejewelry/_img/bridal_right.jpg')" }).delay(paramsBridal.delay).animate({ "height":"100%", "right":"0px", "bottom":"0px" }); } jQuery("#pageImg").find("img.img").fadeIn(); jQuery("#pageImg").find("div").fadeIn(); if( positionTextSmall[currentRel+"Big"] ) { var textPos = { "left":positionTextSmall[currentRel+"Big"]["left"]+"px", "top":positionTextSmall[currentRel+"Big"]["top"]+"px" }; jQuery("#pageImg").find("div[rel="+currentRel+"]").delay(paramsBridal.delay).animate({ "left":textPos.left, "top":textPos.top }, { duration:paramsBridal.speed, step:function(now,fx) { if( fx.prop == "left" ) { fx.start = positionTextSmall[currentRel]["left"]; } if( fx.prop == "top" ) { fx.start = positionTextSmall[currentRel]["top"]; } }, complete:function() { paramsBridal.oldTextPosX = textPos.left; paramsBridal.oldTextPosY = textPos.top; } }); } jQuery("#pageImg").find("div span").delay(paramsBridal.delay).animate({ "font-size":fontSize+"px" }, { duration:paramsBridal.speed, step:function(now,fx) { if( fx.prop == "font-size" ) { fx.start = paramsBridal.oldTypoSize; } } }); jQuery("#pageImg").delay(paramsBridal.delay).animate({ "zoom":(pourc)+"%", "left":(moveLeft), "top":moveRight },{ duration:paramsBridal.speed, step:function(now,fx){ if( fx.prop == "left" ){ fx.start = paramsBridal.oldPosX; } if( fx.prop == "top" && paramsBridal.zoomed == true ){ fx.start = paramsBridal.oldPosY; } }, complete:function() { jQuery("#pageImg").find("img.img:not(:eq("+imgclick+"))").delay(paramsBridal.delay).fadeOut(500,function() { Moved = false; paramsBridal.oldPosX = moveLeft; paramsBridal.oldPosY = moveRight; paramsBridal.oldTypoSize = fontSize+"px"; if( !paramsBridal.zoomed ){ paramsBridal.zoomed = true; } }); jQuery("#pageImg").find("div[rel!="+jQuery("#pageImg").find("img.img:eq("+currentImg.index()+")").attr('rel')+"]").delay(paramsBridal.delay).fadeOut(); } }); } } if( isMobile() ) { document.getElementById("wrapper_bridal_anim").ontouchstart = function(e){ paramsBridal.startMoveIpad = false; paramsBridal.startXIpad = e.touches.item(0); paramsBridal.startXIpad = paramsBridal.startXIpad.clientX; }; document.getElementById("wrapper_bridal_anim").ontouchmove = function(e){ if( !Moved ) { if( !paramsBridal.startMoveIpad ) { var xMove = e.touches.item(0); xMove = xMove.clientX; if( xMove < paramsBridal.startXIpad-paramsBridal.distanceToSlide ) { if( paramsBridal.zoomed ) { moveToImg(paramsBridal.currentImg+1); paramsBridal.startMoveIpad = true; } else { bridalMoveTo(paramsBridal.current-1); paramsBridal.startMoveIpad = true; } } if( xMove > paramsBridal.startXIpad+paramsBridal.distanceToSlide ) { if( paramsBridal.zoomed ) { moveToImg(paramsBridal.currentImg-1); paramsBridal.startMoveIpad = true; } else { bridalMoveTo(paramsBridal.current+1); paramsBridal.startMoveIpad = true; } } } } e.preventDefault(); }; } /* Bouton page précédente // image suivante */ jQuery("#moveLeftPageAnim").click(function(){ if( !Moved ) { if( !paramsBridal.zoomed ) { bridalMoveTo(paramsBridal.current+1); } else { moveToImg(paramsBridal.currentImg-1); } } }); /* Bouton page suivante // image suivante */ jQuery("#moveRightPageAnim").click(function(){ if( !Moved ) { if( !paramsBridal.zoomed ) { bridalMoveTo(paramsBridal.current-1); } else { moveToImg(paramsBridal.currentImg+1); } } }); /* Action de click sur une image // non zoomé */ jQuery("#pageImg").find("img.img").click(function(){ if( !paramsBridal.zoomed ) { jQuery("#moveRightPageAnim").delay(paramsBridal.delay).fadeIn(paramsBridal.speed); jQuery("#moveLeftPageAnim").delay(paramsBridal.delay).fadeIn(paramsBridal.speed); jQuery("#btnCloseBridal").delay(paramsBridal.delay).fadeIn(paramsBridal.speed); paramsBridal.currentImg = jQuery(this).index(); moveToImg(paramsBridal.currentImg); } }); /* Bouton de fermeture d'une image et retour à l'affichage en mode page // zoomé */ jQuery("#btnCloseBridal").click(function(){ if( !Moved ) { jQuery("#pageImg").delay(paramsBridal.delay).animate({ "zoom":zoomReduce, "left":-positionPage[paramsBridal.current*(-1)]["left"], "top":"0px" }, { duration:paramsBridal.speed, step:function(now,fx) { if( fx.prop == "left" ){ fx.start = paramsBridal.oldPosX; } if( fx.prop == "top" ){ fx.start = paramsBridal.oldPosY; } }, complete:function() { paramsBridal.oldPosX = -positionPage[paramsBridal.current*(-1)]["left"]; paramsBridal.oldPosY = "0px"; } }); jQuery("#pageImg").find("div").each(function() { var closeLeft = positionTextSmall[jQuery(this).attr('rel')]['left']; var closeTop = positionTextSmall[jQuery(this).attr('rel')]['top']; jQuery(this).fadeIn().delay(paramsBridal.delay).animate({ "font-size":"18px", "left":closeLeft, "top":closeTop },{ step:function(now,fx) { if( positionTextSmall[jQuery(this).attr('rel')+"Big"] ) { if( fx.prop == "left" ) { fx.start = positionTextSmall[jQuery(this).attr('rel')+"Big"]["left"]; } if( fx.prop == "top" ) { fx.start = positionTextSmall[jQuery(this).attr('rel')+"Big"]["top"]; } } } }); }); paramsBridal.zoomed = false; jQuery("#moveRightPageAnim").css({ "background-image":"url('/watches-finejewelry/_img/bridal_right.jpg')" }); if( paramsBridal.current == 0 ) { jQuery("#moveLeftPageAnim").animate({ "left":"-40px" }); if( chanelFW.resVersion == "Small" ) jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"210px", "bottom":"0px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "right":"0px" },paramsBridal.speed); else jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"280px", "bottom":"0px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "right":"0px" },paramsBridal.speed); } else if( paramsBridal.current == -paramsBridal.nbpage+1 ) { if( chanelFW.resVersion == "Small" ) jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"210px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "left":"0px" },paramsBridal.speed); else jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"285px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").animate({ "right":"-40px" }); } else { if( chanelFW.resVersion == "Small" && lngBridal == "ja_JP" ) { jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"117px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"210px", "bottom":"0px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "right":"0px" },paramsBridal.speed); } else if( chanelFW.resVersion == "Small" && lngBridal != "ja_JP" ) { jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"210px", "top":"0px" }).delay(paramsBridal.delay).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"235px", "bottom":"0px" }).delay(paramsBridal.delay).animate({ "right":"0px" },paramsBridal.speed); } else if( lngBridal == "ja_JP" ) { jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"157px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"280px", "bottom":"0px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "right":"0px" },paramsBridal.speed); } else { jQuery("#moveLeftPageAnim").css({ "left":"-40px", "height":"285px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "left":"0px" },paramsBridal.speed); jQuery("#moveRightPageAnim").css({ "right":"-40px", "height":"280px", "bottom":"0px" }).delay(paramsBridal.delay+paramsBridal.speed).animate({ "right":"0px" },paramsBridal.speed); } } jQuery("#btnCloseBridal").delay(paramsBridal.delay).fadeOut(paramsBridal.speed); jQuery("#pageImg img").delay(paramsBridal.delay).fadeIn(paramsBridal.speed); } }); /* Positionnement des pages contenant les images */ // Inutil mais a garder au cas où jQuery("#wrapper_bridal_anim div.pageImg").each(function(){ jQuery(this).css({ "left":leftMove+"px" }); leftMove += jQuery(this).width(); }); } } } /** PAGE ECRIN **/ if(pagename[target] == 'ecrin'){ $A($$('a.viewEcrin')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e) { if($(elmt).id.substring(0,3) == "del") { stats(ch_re,ch_lang,cg_n,$('cg_s').value,ch_div,$('ch_cat').value,$('ch_scat1').value,'JBox remove item','',50); } document.getElementById('chargement').style.display = "block"; var params = this.href.substring(this.href.indexOf('?') + 1, this.href.length); new Ajax.Updater( 'centerdiv', basehref+sitelocEncoded+"?page=ecrin&ajaxoutput=true&" + params, { method: 'post', onComplete: function(){ loadFirst(); eventListener("ecrin",true,"centerdiv"); document.getElementById('chargement').style.display = "none"; } } ); Event.stop(e); }, false ); } ); if($('del_ecrin')){ Event.stopObserving('del_ecrin'); Event.observe( 'del_ecrin', 'click', function(e){ new Ajax.Updater( 'popin', basehref+sitelocEncoded+"?page=popin_delete_ecrin&ajaxoutput=true", { method: 'post', onSuccess: function(){ $('popin').className='delEcrinPopin'; $('inline_popup').style.display = 'block'; }, onComplete: function(){ if($('deleteEcrinBtn')){ Event.observe( 'deleteEcrinBtn', 'click', function(e){ $($(this).parentNode).addClassName('active'); stats(ch_re,ch_lang,cg_n,$('cg_s').value,ch_div,$('ch_cat').value,$('ch_scat1').value,'Jbox remove all items','',50); setTimeout(function(){ $('inline_popup').style.display = 'none'; },200); document.getElementById('chargement').style.display = "block"; new Ajax.Updater( 'centerdiv', basehref+sitelocEncoded+"?page=ecrin&level1=ecrin&action=supprimer_tout&ajaxoutput=true", { method: 'post', onSuccess: function(){ document.getElementById('chargement').style.display = "none"; }, onComplete: function(){ loadFirst(); eventListener("ecrin",true,"centerdiv"); } } ); Event.stop(e); }, false ); } if($('closePopinBtn')){ Event.observe( 'closePopinBtn', 'click', function(e){ $($(this).parentNode).addClassName('active'); setTimeout(function(){ $('inline_popup').style.display = 'none'; },200); Event.stop(e); }, false ); } } } ); Event.stop(e); }, false ); } if($('partagerToutBtn')){ Event.stopObserving('partagerToutBtn'); Event.observe( 'partagerToutBtn', 'click', function(e){ stats(ch_re,ch_lang,cg_n,$('cg_s').value,ch_div,$('ch_cat').value,$('ch_scat1').value,'Jbox list share','',50); document.getElementById('chargement').style.display = "block"; new Ajax.Updater( 'popin', basehref+sitelocEncoded+"?page=popin_partager_tout&ajaxoutput=true", { method: 'post', parameters: { }, onSuccess: function(){ $('popin').removeAllClass(); $('popin').addClassName('partagerPopin'); //$('popin').addClassName('centerleft'); $('inline_popup').style.display = 'block'; document.getElementById('chargement').style.display = "none"; }, onComplete: function(){ if($('closePopinBtn')){ Event.observe( 'closePopinBtn', 'click', function(e){ $('inline_popup').style.display = 'none'; Event.stop(e); }, false ); } eventListener("partager",false,"popin"); loadFirst(); } } ); Event.stop(e); }, false ); } if($('bloc_description')){ if($('bloc_description').scrollHeight <= $('bloc_description').offsetHeight){ $('sliderEcrinRight').style.display = 'none'; $('bloc_description').style.height = "auto"; }else{ if($('sliderEcrinRight') && reload){ $('sliderEcrinRight').style.display = 'block'; if(typeof(slider_ecrinRight)!='undefined'){ slider_ecrinRight.setDisabled(); if(ie6()){ delete slider_ecrinRight; } } slider_ecrinRight = new Control.Slider('handlerEcrinRight', 'sliderEcrinRight', { axis: 'vertical', onSlide: function(value) { scrollVertical(value, $('bloc_description'), slider_ecrinRight); }, onChange: function(value) { scrollVertical(value, $('bloc_description'), slider_ecrinRight); } }); slider_ecrinRight.setValue(0); function scrollEcrinRight(event){ if( typeof(event) == "object" ){ var e = event || window.event; }else{ var e = { wheelDelta : event }; } var delta = (- e.detail / 3) || (e.wheelDelta / 120); if( isMobile() ){ slider_ecrinRight.setValue(slider_ecrinRight.value-(0.6*delta)); }else{ slider_ecrinRight.setValue(slider_ecrinRight.value-(0.06*delta)); } } Event.stopObserving('bloc_description'); if(document.addEventListener) { $('bloc_description').addEventListener('DOMMouseScroll', scrollEcrinRight, false); $('bloc_description').addEventListener('mousewheel', scrollEcrinRight, false); } else if (document.attachEvent) // pour IE { $('bloc_description').attachEvent('onmousewheel', scrollEcrinRight); } else { $('bloc_description').onDOMMouseScroll = scrollEcrinRight; $('bloc_description').onmousewheel = scrollEcrinRight; } if( typeof(ipad) !== undefined && isMobile() ){ Event.observe($('bloc_description'), 'ipad:scrollDown', function(e){ scrollEcrinRight(e.memo.speed); }); Event.observe($('bloc_description'), 'ipad:scrollUp', function(e){ scrollEcrinRight(e.memo.speed); }); } } } } if($('sliderHorlo') && reload){ if(typeof(slider_horlo)!='undefined'){ slider_horlo.setDisabled(); } slider_horlo = new Control.Slider('handlerHorlo', 'sliderHorlo', { axis: 'vertical', onSlide: function(value) { scrollVertical(value, $('listItemHorlo'), slider_horlo); }, onChange: function(value) { scrollVertical(value, $('listItemHorlo'), slider_horlo); } }); function scrollEcrinHorlo(event){ var e = event || window.event; var delta = (- e.detail / 3) || (e.wheelDelta / 120); slider_horlo.setValue(slider_horlo.value-(0.06*delta)); } Event.stopObserving('listItemHorlo'); if(document.addEventListener) { $('listItemHorlo').addEventListener('DOMMouseScroll', scrollEcrinHorlo, false); $('listItemHorlo').addEventListener('mousewheel', scrollEcrinHorlo, false); } else if (document.attachEvent) // pour IE { $('listItemHorlo').attachEvent('onmousewheel', scrollEcrinHorlo); } else { $('listItemHorlo').onDOMMouseScroll = scrollEcrinHorlo; $('listItemHorlo').onmousewheel = scrollEcrinHorlo; } } if($('sliderJoail') && reload){ if(typeof(slider_joail)!='undefined'){ slider_joail.setDisabled(); } slider_joail = new Control.Slider('handlerJoail', 'sliderJoail', { axis: 'vertical', onSlide: function(value) { scrollVertical(value, $('listItemJoail'), slider_joail); }, onChange: function(value) { scrollVertical(value, $('listItemJoail'), slider_joail); } }); function scrollEcrinJoail(event){ var e = event || window.event; var delta = (- e.detail / 3) || (e.wheelDelta / 120); slider_joail.setValue(slider_joail.value-(0.06*delta)); } Event.stopObserving('listItemJoail'); if(document.addEventListener) { $('listItemJoail').addEventListener('DOMMouseScroll', scrollEcrinJoail, false); $('listItemJoail').addEventListener('mousewheel', scrollEcrinJoail, false); } else if (document.attachEvent) // pour IE { $('listItemJoail').attachEvent('onmousewheel', scrollEcrinJoail); } else { $('listItemJoail').onDOMMouseScroll = scrollEcrinJoail; $('listItemJoail').onmousewheel = scrollEcrinJoail; } } function initEcrinSlider(type) { var sliderContent, ecrinSliderDetailRight, sliderObj; sliderContent = $('ecrinSliderContent'+type); ecrinSliderDetailRight = $('ecrinSliderDetailRight'); if(ecrinSliderDetailRight && sliderContent){ if(sliderContent.scrollHeight <= sliderContent.offsetHeight){ ecrinSliderDetailRight.style.display = 'none'; }else{ if(ecrinSliderDetailRight && reload){ ecrinSliderDetailRight.style.display = 'block'; if(typeof(sliderObj)!='undefined'){ sliderObj.setDisabled(); if(ie6()){ delete sliderObj; } } sliderObj = new Control.Slider('handlerDetailRight', 'ecrinSliderDetailRight', { axis: 'vertical', onSlide: function(value) { scrollVertical(value, sliderContent, slider_ecrindetailRight); }, onChange: function(value) { scrollVertical(value, sliderContent, slider_ecrindetailRight); } }); sliderObj.setValue(0); function scrollDetailRight(event){ var e = event || window.event; var delta = (- e.detail / 3) || (e.wheelDelta / 120); sliderObj.setValue(sliderObj.value-(0.06*delta)); } Event.stopObserving('ecrinSliderContent'+type); if(document.addEventListener) { sliderContent.addEventListener('DOMMouseScroll', scrollDetailRight, false); sliderContent.addEventListener('mousewheel', scrollDetailRight, false); } else if (document.attachEvent) // pour IE { sliderContent.attachEvent('onmousewheel', scrollDetailRight); } else { sliderContent.onDOMMouseScroll = scrollDetailRight; sliderContent.onmousewheel = scrollDetailRight; } } } } return sliderObj; }; initEcrinSlider('Horlo'); initEcrinSlider('Joa'); } /** PAGE COLLECTION **/ if(pagename[target] == 'collection'){ if( $('ch_scat1').value == "W J12 chromatic" && trackChromatic["landing"] ){ ebConversionTracker(trackChromatic["landing"]); } if (document.location.hash != "") { //alert('hash'+document.location); var aLocation = document.location.toString().split("#")[0].split("/"); aLocation[6] = document.location.hash.replace('#',''); //alert(aLocation.join("/")); document.location.href = aLocation.join("/"); }else{ if($('addEcrinBtn')){ Event.stopObserving('addEcrinBtn'); Event.observe( 'addEcrinBtn', 'click', function(e){ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' '+$('product_ref').value+'_Details',$('ch_scat1').value+' '+$('product_ref').value+'_Add to Jewel Box',50,$('product_ref').value,'Add to Jewel Box'); $('addEcrinBtn').style.display = "none"; new Ajax.Updater( 'ecrin_nbitem', basehref+sitelocEncoded+"?page=ajax_product&ajaxoutput=true&no_gt="+no_gt, { method: 'post', parameters: { product_id: $('product_ref').value, maj: "ecrin", collection: $('collectionRef').value, category: $('categoryRef').value }, onSuccess: function(){ new Effect.Appear('popinAddEcrin', { duration: 1.5, afterFinish: function(){ new Effect.Fade('popinAddEcrin', { duration: 1.5 }); } }); } } ); Event.stop(e); }, false ); } /** GALLERY **/ if($('product_price')){ var priceLabel = $('product_price').innerHTML; } if($('galerie') && reload){ $A($('galerie').getElementsByTagName("li")).each( function(elmt,index){ elmt.style.left = ( !isMobile() ) ? (index*(elmt.offsetWidth))+"px" : (index*(586))+"px" ; } ); //var sizeGallery = $A($('galerie').getElementsByTagName("li")).length; var sizeGallery = $('sizeGallery').value; if( sizeGallery > 1 ){ var rangeValue = $R(1, sizeGallery); }else{ var rangeValue = 0; } $('galerie').style.left = "0px"; /* $('galerie').style.top = $('galerie').offsetTop; NADIM */ } if($('sliderCollection') && reload){ if(typeof(slider_collection)!='undefined'){ slider_collection.setDisabled(); if(ie6()){ delete slider_collection; } } $('handlerCollection').style.width = Math.round(($('sliderCollection').offsetWidth/sizeGallery))+"px"; var oldvalue = 0; var slidevalue = 0; slider_collection = new Control.Slider('handlerCollection', 'sliderCollection', { axis: 'horizontal', range: rangeValue, // range: $R(1, sizeGallery), //values: $R(1, sizeGallery), onSlide: function(value) { if(Math.round(value) != slidevalue){ slidevalue = Math.round(value); if( $('numProduct') ) $('numProduct').innerHTML = slidevalue; new Effect.Move('galerie', { x: -$('galerie_'+slidevalue).style.left.substring(0,$('galerie_'+slidevalue).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.3, transition: Effect.Transitions.linear, fps:100, from:0.0, to:1.0, beforeStart: function(){ $('galerie').style.visibility = "visible"; } }); } }, onChange: function(value) { if( isMobile() ){ if( Math.round(value) == sizeGallery ){ $('galleryPrev').style.display = 'block'; $('galleryNext').style.display = 'none' }else if( Math.round(value) == 1 ){ $('galleryPrev').style.display = 'none'; $('galleryNext').style.display = 'block' }else if(sizeGallery == 1){ $('galleryPrev').style.display = 'none'; $('galleryNext').style.display = 'none'; }else{ $('galleryPrev').style.display = 'block'; $('galleryNext').style.display = 'block' } } if(oldvalue != Math.round(value)){ if(Math.round(value) == 1){ //$('galleryPrev').style.visibility = 'hidden'; //$('galleryNext').style.visibility = 'hidden'; if(Math.round(value) != sizeGallery){ // $('galleryNext').style.visibility = 'visible'; } }else if(Math.round(value) == sizeGallery){ // $('galleryPrev').style.visibility = 'hidden'; // $('galleryNext').style.visibility = 'hidden'; if(Math.round(value) != 1){ // $('galleryPrev').style.visibility = 'visible'; } }else{ // $('galleryPrev').style.visibility = 'visible'; // $('galleryNext').style.visibility = 'visible'; } // on masque le prix if($('price_mentions')) $('price_mentions').style.display = 'inline'; $('price_bloc').style.display = 'none'; $('product_price').innerHTML = priceLabel; $('showPrice').style.visibility = 'inherit'; if($('price_bloc') && chanelFW.resVersion == "Small") { Selector.findChildElements($('price_bloc'), ["br"]).each( function(el) { el.replace(' ') } ); } // on ferme le volet detailbottom if(document.getElementById('detailbottom')){ if(document.getElementById('detailbottom').style.visibility == 'visible'){ //document.getElementById('detailbottomright').style.visibility = 'hidden'; origTop = $('productSheet').offsetHeight - $('productscroll').offsetHeight; //alert($('productdetail').offsetTop+" - "+origTop); if($('productdetail').offsetTop != origTop){ new Effect.Morph('productdetail', { style: 'top:'+origTop+'px;', duration: 0.8 }); } new Effect.Morph('detailbottom', { style: 'top:'+$('productSheet').offsetHeight+'px;', duration: 0.8, afterFinish: function(){ document.getElementById('detailbottom').style.visibility = 'hidden'; /*document.getElementById('detailbottom').style.height = 'auto';*/ document.getElementById('detailBottomBtn').style.display = 'block'; } }); new Effect.Morph('detailbottomright', { style: 'top:'+$('info_right').offsetHeight+'px;', duration: 0.8, afterFinish: function(){ document.getElementById('detailbottomright').style.visibility = 'hidden'; } }); } } // on ferme le volet detailright if(document.getElementById('detailright')){ if(document.getElementById('detailright').style.visibility == 'visible'){ document.getElementById('detailright').style.visibility = 'hidden'; document.getElementById('detailRightBtn').style.display = 'block'; } } // on ferme la suggestion document.getElementById('suggestion').style.display = 'none'; //alert(StateManager.getStateID()+"?id="+$('ref_'+oldvalue).value); //StateManager.setState(StateManager.getStateID()+"?id="+$('ref_'+oldvalue).value); var jsonresponse = null; oldvalue = Math.round(value); if( $('numProduct') ) $('numProduct').innerHTML = oldvalue; //StateManager.setState($('level2').value+'-'+$('level1').value+'/collection/'+$('ref_'+oldvalue).value+'.html',$('ref_'+oldvalue).value); new Effect.Move('galerie', { x: -$('galerie_'+oldvalue).style.left.substring(0,$('galerie_'+oldvalue).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.3, transition: Effect.Transitions.easeTo, fps:60, from:0.0, to:1.0, beforeStart: function(){ $('galerie').style.visibility = "visible"; $('clone').style.visibility = "hidden"; Event.stopObserving('productlist'); if( $("detailRightBtn") ) $("detailRightBtn").style.display = "none"; if( $("detailBottomBtn") ) $("detailBottomBtn").style.display = "none"; if(ajaxConnexion != null){ ajaxConnexion.transport.abort(); } new Ajax.Request( //basehref+"watches-finejewelry/proxy.php", basehref+sitelocEncoded+"?page=ajax_product&ajaxoutput=true&no_gt="+no_gt, { method: 'post', parameters: { product_id: $('ref_'+oldvalue).value, maj: "all", collection: $('collectionRef').value, category: $('categoryRef').value, siteLang:siteloc }, onCreate: function(request) { ajaxConnexion = request; }, onSuccess: function(response) { jsonresponse = response.responseJSON; if(jsonresponse.ecrin == "1"){ $('addEcrinBtn').style.display = "none"; }else { $('addEcrinBtn').style.display = "block"; } if(jsonresponse.multiple_view == "0"){ $('otherView').style.display = "none"; }else{ $('otherView').style.display = "inline"; } if(jsonresponse.cross_link){ $('showSuggestion').style.display = "inline"; $('suggestion').getElementsByTagName("img")[0].src = path_site+"_img/small/"+jsonresponse.cross_link.collection.toLowerCase()+"/"+jsonresponse.cross_link.ref.toLowerCase()+"-produit_liste.png"; $('suggestionLabel').innerHTML = jsonresponse.cross_link.label; $('viewSuggestion').href = basehref+sitelocEncoded.split('/')[0]+"/"+jsonresponse.cross_link.section+"/"+jsonresponse.cross_link.link; }else{ $('showSuggestion').style.display = "none"; } $('printBtn').href = $('printBtn').href.substring(0,$('printBtn').href.lastIndexOf('/'))+"/"+jsonresponse.ref+"?popup=1"; // $('printBtn').href = basehref+sitelocEncoded+$('level2').value+"-"+$('level1').value+"/imprimer/"+jsonresponse.ref+".html?popup=1"; if($('show_universe')) { $('show_universe').href = $('show_universe').href.split("?ref=")[0]+"?ref="+jsonresponse.ref; $('show_universe').link = $('show_universe').href; } if($('show_universe_detail')) { $('show_universe_detail').href = $('show_universe_detail').href.split("?ref=")[0]+"?ref="+jsonresponse.ref+"&detail=on"; $('show_universe_detail').link = $('show_universe_detail').href; } //$('show_universe').href = basehref+sitelocEncoded+$('level2').value+"-"+$('level1').value+"/mediaplayer?ref="+jsonresponse.ref; $('product_ref').value = jsonresponse.ref; $('product_title').innerHTML = jsonresponse.label; if( trackChromatic[jsonresponse.ref] ) ebConversionTracker(trackChromatic[jsonresponse.ref]); if($('product_title_right')){ $('product_title_right').innerHTML = jsonresponse.label; } //$('product_price').innerHTML = "null"; if(jsonresponse.description){ var refTerm = ($('refTerm').innerHTML == '' )?"REF :":$('refTerm').innerHTML; $('product_description').innerHTML = jsonresponse.description+"
"+refTerm+" "+jsonresponse.ref; }else{ var refTerm = ($('refTerm').innerHTML == '' )?"REF :":$('refTerm').innerHTML; $('product_description').innerHTML = refTerm+" "+jsonresponse.ref; } if( target == "centerdiv" ){ //StateManager.setState("collection/"+$('level1').value+'/'+$('level2').value+'/'+jsonresponse.ref+'/'+jsonresponse.label,'Chanel - '+jsonresponse.ref); /*if($('level2').value != ""){ //alert(4+$('level1').value+'-'+$('level2').value+'/'+decodeURIComponent(jsonresponse.seo)); StateManager.setState($('level1').value+'-'+$('level2').value+'/'+decodeURIComponent(jsonresponse.seo),jsonresponse.title); }else{ StateManager.setState($('level1').value+'/'+jsonresponse.seo,jsonresponse.title); }*/ //DEEPLINK document.location.hash = jsonresponse.seo; document.title = jsonresponse.title; } stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' '+jsonresponse.ref+'_View',$('ch_prod').value,0,jsonresponse.ref); if( $("detailRightBtn") ) $("detailRightBtn").style.display = "block"; if( $("detailBottomBtn") ) $("detailBottomBtn").style.display = "block"; }, onComplete: function(){ if($('detailright')){ if($('bloc_description').scrollHeight <= $('bloc_description').offsetHeight){ $('sliderDetailRight').style.display = 'none'; //alert("1 - "+$('bloc_description').scrollHeight+" <= "+$('bloc_description').offsetHeight); }else{ //alert("2 - "+$('bloc_description').scrollHeight+" <= "+$('bloc_description').offsetHeight); if($('sliderDetailRight') && reload){ $('sliderDetailRight').style.display = 'block'; if(typeof(slider_detailRight)!='undefined'){ slider_detailRight.setDisabled(); if(ie6()){ delete slider_detailRight; } } slider_detailRight = new Control.Slider('handlerDetailRight', 'sliderDetailRight', { axis: 'vertical', onSlide: function(value) { scrollVertical(value, $('bloc_description'), slider_detailRight); }, onChange: function(value) { scrollVertical(value, $('bloc_description'), slider_detailRight); } }); slider_detailRight.setValue(0); function scrollDetailRight(event){ if( typeof(event) == "object" ){ var e = event || window.event; }else{ var e = { wheelDelta : event }; } var delta = (- e.detail / 3) || (e.wheelDelta / 120); if( isMobile() ){ slider_detailRight.setValue(slider_detailRight.value-(0.6*delta)); }else{ slider_detailRight.setValue(slider_detailRight.value-(0.06*delta)); } } Event.stopObserving('bloc_description'); if(document.addEventListener) { $('bloc_description').addEventListener('DOMMouseScroll', scrollDetailRight, false); $('bloc_description').addEventListener('mousewheel', scrollDetailRight, false); } else if (document.attachEvent) // pour IE { $('bloc_description').attachEvent('onmousewheel', scrollDetailRight); } else { $('bloc_description').onDOMMouseScroll = scrollDetailRight; $('bloc_description').onmousewheel = scrollDetailRight; } if( typeof(ipad) !== undefined && isMobile() ){ Event.observe($('bloc_description'), 'ipad:scrollDown', function(e){ scrollDetailRight(e.memo.speed); }); Event.observe($('bloc_description'), 'ipad:scrollUp', function(e){ scrollDetailRight(e.memo.speed); }); } } } } } } ); }, afterFinish: function(){ if(typeof(moveClone) != "undefined"){ moveClone.cancel(); } if(typeof(moveLarge) != "undefined"){ moveLarge.cancel(); } if($('clone')){ moveClone = new Effect.Move('clone', { x: $('clone').offsetWidth, y: 0, duration:0.3, transition: Effect.Transitions.linear, fps:100, from:0.0, to:1.0, delay: 0.4, beforeStart: function(){ if( !isMobile() ) { $('clone').innerHTML = ""; if (ie6()) { $('clone').style.top = ($('galerie').offsetHeight-$('clone').offsetHeight-1)+"px"; //IE6 => 517 }else{ $('clone').style.top = ($('galerie').offsetHeight-$('clone').offsetHeight)+"px"; } $('clone').style.left = "0px"; $('clone').style.visibility = "visible"; $('galerie').style.visibility = "hidden"; } } }); } if( $('imageLarge') && $('productlist') && $('galerie') && $('collectionRef') && $('ref_'+oldvalue)){ moveLarge = new Effect.MoveBy('imageLarge', 0, $('imageLarge').offsetWidth, { duration:0.7, transition: Effect.Transitions.easeTo, fps:100, from:0.0, to:1.0, delay: 0.5, beforeStart: function(){ $('imageLarge').style.left = -($('imageLarge').offsetWidth)+"px"; $('imageLarge').innerHTML = ""; }, afterFinish: function(){ Event.observe( 'productlist', 'mouseover', function(e){ if (isMouseLeaveOrEnter(e ? e : window.event, this)){ timer = setTimeout(function(){ $('galerie').style.visibility = "visible"; },100); } }, false ); Event.observe( 'productlist', 'mouseout', function(e){ if(typeof(timer)!='undefined'){ clearTimeout(timer); } if (isMouseLeaveOrEnter(e ? e : window.event, this)){ if( !isMobile() ) $('galerie').style.visibility = "hidden"; } }, false ); } }); } } }); } } }); slider_collection.setValue(1+Math.round($('posItem').value)); if($('galleryPrev')){ Event.stopObserving('galleryPrev'); Event.observe( 'galleryPrev', 'ipad:click', function(e){ if(oldvalue>1){ slider_collection.setValue(oldvalue-1); } Event.stop(e); }, false ); Event.observe( 'galleryPrev', 'click', function(e){ Event.fire('galleryPrev', 'ipad:click'); Event.stop(e); }, false ); } if($('galleryNext')){ Event.stopObserving('galleryNext'); Event.observe( 'galleryNext', 'ipad:click', function(e){ if(oldvalue maxHeight){ deltaHeight = detailHeight - maxHeight; new Effect.Morph('productdetail', { style: 'top:'+($('productdetail').offsetTop - deltaHeight)+'px;', duration: 0.8 }); } new Effect.Morph('detailbottom', { style: 'top:'+($('detailbottom').offsetTop - detailHeight)+'px;', duration: 0.8, beforeStart: function(){ /*document.getElementById('detailbottom').style.height = '0px';*/ document.getElementById('detailbottom').style.visibility = 'visible'; document.getElementById('detailBottomBtn').style.display = 'none'; } }); new Effect.Morph('detailbottomright', { style: 'top: 0px;', duration: 0.8, beforeStart: function(){ document.getElementById('detailbottomright').style.visibility = 'visible'; } }); if($('product_price').innerHTML == "" || $('product_price').innerHTML == priceLabel){ new Ajax.Request( basehref+sitelocEncoded+"?page=ajax_product&ajaxoutput=true&no_gt="+no_gt, { method: 'post', parameters: { product_id: $('product_ref').value, maj: "price" }, onCreate: function(request) { ajaxConnexion = request; }, onSuccess: function(response) { jsonresponse = response.responseJSON; if(jsonresponse.price && jsonresponse.price.indexOf('-1') == '-1'){ $('showPrice').style.display = "inline"; $('price_mentions').style.display = 'inline'; $('product_price').innerHTML = jsonresponse.price; }else if(jsonresponse.price.indexOf('-1') != '-1'){ $('showPrice').style.display = "inline"; $('price_mentions').style.display = 'none'; $('product_price').innerHTML = priceLabel; }else{ $('showPrice').style.display = "none"; $('price_mentions').style.display = 'inline'; $('product_price').innerHTML = priceLabel; } } } ); } } Event.stop(e); }, false ); } if($('closeBottomDetail')){ Event.stopObserving('closeBottomDetail'); Event.observe( 'closeBottomDetail', 'click', function(e){ if(document.getElementById('detailbottom').style.visibility == 'visible'){ //document.getElementById('detailbottomright').style.visibility = 'hidden'; origTop = $('productSheet').offsetHeight - $('productscroll').offsetHeight; //alert($('productdetail').offsetTop+" - "+origTop); if($('productdetail').offsetTop != origTop){ new Effect.Morph('productdetail', { style: 'top:'+origTop+'px;', duration: 0.8 }); } new Effect.Morph('detailbottom', { style: 'top:'+$('productSheet').offsetHeight+'px;', duration: 0.8, afterFinish: function(){ document.getElementById('detailbottom').style.visibility = 'hidden'; /*document.getElementById('detailbottom').style.height = 'auto';*/ document.getElementById('detailBottomBtn').style.display = 'block'; } }); new Effect.Morph('detailbottomright', { style: 'top:'+$('info_right').offsetHeight+'px;', duration: 0.8, afterFinish: function(){ document.getElementById('detailbottomright').style.visibility = 'hidden'; } }); } Event.stop(e); }, false ); } if($('detailRightBtn')){ if($('detailRightBtn').hasClassName('loadDetail')) { stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' '+$('product_ref').value+'_Details',$('ch_scat1').value+' '+$('product_ref').value+'_Show Details',0,$('product_ref').value,'Show Details'); document.getElementById('detailright').style.visibility = 'visible'; document.getElementById('detailRightBtn').style.display = 'none'; if(jsonresponse.price && jsonresponse.price.indexOf('-1') == '-1'){ $('showPrice').style.display = "block"; $('product_price').innerHTML = jsonresponse.price; }else if(jsonresponse.price.indexOf('-1') != '-1'){ $('showPrice').style.display = "inline"; $('price_mentions').style.display = 'none'; $('product_price').innerHTML = priceLabel; }else{ $('showPrice').style.display = "none"; $('price_mentions').style.display = 'inline'; $('product_price').innerHTML = priceLabel; } } Event.stopObserving('detailRightBtn'); Event.observe( 'detailRightBtn', 'click', function(e){ if(document.getElementById('detailright').style.visibility != 'visible'){ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' '+$('product_ref').value+'_Details',$('ch_scat1').value+' '+$('product_ref').value+'_Show Details',0,$('product_ref').value,'Show Details'); document.getElementById('detailright').style.visibility = 'visible'; document.getElementById('detailRightBtn').style.display = 'none'; if( $('closeProductDetail') ){ $('closeProductDetail').style.display = "block"; $('sliderPagination').style.display = "none"; $('sliderCollection').style.display = "none"; } } //console.log(basehref+sitelocEncoded+"?page=ajax_product&ajaxoutput=true"); if($('product_price').innerHTML == "" || $('product_price').innerHTML == priceLabel){ new Ajax.Request( basehref+sitelocEncoded+"?page=ajax_product&ajaxoutput=true&no_gt="+no_gt, { method: 'post', parameters: { product_id: $('product_ref').value, maj: "price" }, onCreate: function(request) { ajaxConnexion = request; }, onSuccess: function(response) { jQuery.getJSON("http://www.chanel.com/fashion/vbk/no_gt/ipInfo.php?callback=?", function(data){ sendLocalisationData(data); }); // var country_code = ""; // function sendLocalisationData(data){ // var str = data.msg; var reg=new RegExp("[,]+", "g"); var tab=str.split(reg); // var reg2=new RegExp("[=]+", "g"); // for (var i = 0; i < tab.length; i++) { // var tab2=tab[i].split(reg2); // if (tab2[0] == "country_code") country_code = tab2[1]; //console.log(country_code); } } //console.log(response); jsonresponse = response.responseJSON; if(jsonresponse.price && jsonresponse.price.indexOf('-1') == '-1'){ $('showPrice').style.display = "block"; $('product_price').innerHTML = jsonresponse.price; }else if(jsonresponse.price.indexOf('-1') != '-1'){ $('showPrice').style.display = "inline"; $('price_mentions').style.display = 'none'; $('product_price').innerHTML = priceLabel; }else{ $('showPrice').style.display = "none"; $('price_mentions').style.display = 'inline'; $('product_price').innerHTML = priceLabel; } } } ); } Event.stop(e); }, false ); } if($('closeRightDetail')){ Event.stopObserving('closeRightDetail'); Event.observe( 'closeRightDetail', 'click', function(e){ if(document.getElementById('detailright').style.visibility == 'visible'){ document.getElementById('detailright').style.visibility = 'hidden'; document.getElementById('detailRightBtn').style.display = 'block'; if( $('closeProductDetail') ){ $('closeProductDetail').style.display = "none"; $('sliderPagination').style.display = "block"; $('sliderCollection').style.display = "block"; } } Event.stop(e); }, false ); } if($('closeProductDetail')){ Event.stopObserving('closeProductDetail'); Event.observe( 'closeProductDetail', 'click', function(e){ if(document.getElementById('detailright').style.visibility == 'visible'){ document.getElementById('detailright').style.visibility = 'hidden'; document.getElementById('detailRightBtn').style.display = 'block'; if( $('closeProductDetail') ){ $('closeProductDetail').style.display = "none"; $('sliderPagination').style.display = "block"; $('sliderCollection').style.display = "block"; } } Event.stop(e); }, false ); } if($('showPrice')){ Event.stopObserving('showPrice'); Event.observe( 'showPrice', 'click', function(e){ if(pagename[target] == 'ecrin'){ stats(ch_re,ch_lang,cg_n,$('cg_s').value,ch_div,$('ch_cat').value,$('ch_scat1').value,'JBox get price','',50); }else{ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' '+$('product_ref').value+'_Details',$('ch_scat1').value+' '+$('product_ref').value+'_Get Price',50,$('product_ref').value,'Get Price'); } //$('showPrice').style.visibility = 'hidden'; $('showPrice').style.display = 'none'; if( isMobile() ){ $('price_bloc').style.display = "block"; }else{ new Effect.Appear('price_bloc', { duration: 1.0, afterFinish: function(){ $('price_bloc').style.display = "block"; setTimeout(function(){ new Effect.Fade('price_bloc', { duration: 1.0, afterFinish: function(){ //$('showPrice').style.visibility = 'visible'; $('showPrice').style.display = 'block'; } }); },40000); } }); } Event.stop(e); }, false ); } if($('callbackBtn')){ Event.stopObserving('callbackBtn'); Event.observe( 'callbackBtn', 'click', function(e){ document.getElementById('chargement').style.display = "block"; new Ajax.Updater( 'popin', basehref+sitelocEncoded+"?page=popin_callback&ajaxoutput=true", { method: 'post', onSuccess: function(){ if($('ecrin_productSheet')){ $('popin').removeAllClass(); $('popin').addClassName('callbackPopin'); //$('popin').addClassName('centerleft'); }else{ $('popin').removeAllClass(); $('popin').addClassName('callbackPopin'); //$('popin').addClassName('centerright'); } $('inline_popup').style.display = 'block'; document.getElementById('chargement').style.display = "none"; }, onComplete: function(){ if($('closePopinBtn')){ Event.observe( 'closePopinBtn', 'click', function(e){ $('inline_popup').style.display = 'none'; Event.stop(e); }, false ); } eventListener("callback",false,"popin"); } } ); Event.stop(e); }, false ); } if($('partageBtn')){ Event.stopObserving('partageBtn'); Event.observe( 'partageBtn', 'click', function(e){ if(pagename[target] == 'ecrin') { stats(ch_re,ch_lang,cg_n,$('cg_s').value,ch_div,$('ch_cat').value,$('ch_scat1').value,'JBox item share','',50); } else { // page collection stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' '+$('product_ref').value+'_Details',$('ch_scat1').value+' '+$('product_ref').value+'_Share',50,$('product_ref').value,'Share'); } document.getElementById('chargement').style.display = "block"; var urlplus = "" if($('activeList')) { urlplus = "§ion="+$('activeList').value; } new Ajax.Updater( 'popin', basehref+sitelocEncoded+"?page=popin_partager&ajaxoutput=true"+urlplus, { method: 'post', parameters: { id: $('product_ref').value, collection: $('collectionRef').value, category: $('categoryRef').value }, onSuccess: function() { if($('ecrin_productSheet')) { $('popin').removeAllClass(); $('popin').addClassName('partagerPopin'); //$('popin').addClassName('centerleft'); } else { $('popin').removeAllClass(); $('popin').addClassName('partagerPopin'); //$('popin').addClassName('centerright'); } $('inline_popup').style.display = 'block'; document.getElementById('chargement').style.display = "none"; }, onComplete: function() { if($('closePopinBtn')) { Event.observe( 'closePopinBtn', 'click', function(e){ $('inline_popup').style.display = 'none'; Event.stop(e); }, false ); } /** MODIF SYMANE **/ if($('commentaire')) { Event.observe( 'commentaire', 'keypress', function(e) { maximum = 250; // Nbre de caractères champ = $("commentaire"); indic = $("indicateur"); if (champ.value.length > maximum) champ.value = champ.value.substring(0, maximum); indic.removeClassName('indicateur-red'); }); } eventListener("partager",false,"popin"); loadFirst(); } } ); Event.stop(e); }, false ); } if($('otherView')){ Event.stopObserving('otherView'); Event.observe( 'otherView', 'click', function(e){ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' '+$('product_ref').value+'_View',$('ch_scat1').value+' '+$('product_ref').value+'_Angle',50,$('product_ref').value,'Angle'); document.getElementById('chargement').style.display = "block"; new Ajax.Updater( 'popin', basehref+sitelocEncoded+"?page=autre_angle&ajaxoutput=true", { method: 'post', parameters: { id: $('product_ref').value, collection: $('collectionRef').value, category: $('categoryRef').value }, onSuccess: function(){ $('popin').removeAllClass(); $('popin').addClassName('anglePopin'); $('inline_popup').style.display = 'block'; document.getElementById('chargement').style.display = "none"; }, onComplete: function(){ if($('closePopinBtn')){ Event.observe( 'closePopinBtn', 'click', function(e){ $('inline_popup').style.display = 'none'; Event.stop(e); }, false ); } eventListener("autre_angle",false,"popin"); } } ); Event.stop(e); }, false ); } $A($$('label.carre')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ field = this.firstChild; if(field.type.toLowerCase() == 'radio'){ if(this.firstChild.checked){ $A(document.getElementsByName(this.firstChild.name)).each( function(elmtinput){ $(elmtinput.parentNode).removeClassName('active'); } ); this.addClassName('active'); } }else if(field.type.toLowerCase() == 'checkbox'){ if(this.firstChild.checked){ this.addClassName('active'); }else{ this.removeClassName('active'); } } } ); } ); /** PAGE PARTAGER **/ if(pagename[target] == 'partager'){ stats(ch_re,ch_lang,cg_n,'WFJ Share',ch_div,'WFJ Share','Share page','','',0); if($('partagerSubmit')){ Event.stopObserving('partagerSubmit'); Event.observe( 'partagerSubmit', 'click', function(e){ if(checkForm(document.getElementById('partagerForm'))){ stats(ch_re,ch_lang,cg_n,'WFJ Share',ch_div,'WFJ Share','Share Form Submit','','',50); new Ajax.Updater( 'partagerContent', basehref+sitelocEncoded+"?page=ajax_partager&ajaxoutput=true&"+$('partagerForm').serialize(), { method: 'get', onSuccess: function(){ $('partagerContent').addClassName('success'); stats(ch_re,ch_lang,cg_n,'WFJ Share',ch_div,'WFJ Share','Share Thank you page','','',0); $('partage_form_title').style.visibility = "hidden"; $('partage_form_ref').style.visibility = "hidden"; }, onComplete: function(){ loadFirst(); } } ); } Event.stop(e); }, false ); } } /** PAGE CALLBACK **/ if(pagename[target] == 'callback'){ if($('callbackSubmit')){ Event.stopObserving('callbackSubmit'); Event.observe( 'callbackSubmit', 'click', function(e){ if(checkForm(document.getElementById('callbackForm'))){ new Ajax.Updater( 'callbackContent', basehref+sitelocEncoded+"?page=ajax_callback&ajaxoutput=true&"+$('callbackForm').serialize(), { method: 'get', onSuccess: function(){ $('callbackContent').addClassName('success'); } } ); } Event.stop(e); }, false ); } } /** PAGE NEWSLETTER **/ if(pagename[target] == 'newsletter'){ if($('newsletterSubmit')){ Event.stopObserving('newsletterSubmit'); Event.observe( 'newsletterSubmit', 'click', function(e){ if(checkForm(document.getElementById('newsletterForm'))){ new Ajax.Updater( 'newsletterContent', basehref+sitelocEncoded+"?page=ajax_newsletter&ajaxoutput=true&"+$('newsletterForm').serialize(), { method: 'get', onSuccess: function(){ $('newsletterContent').addClassName('success'); } } ); } Event.stop(e); }, false ); } } /** PAGE GLOSSAIRE **/ if(pagename[target] == "glossaire"){ if($('glossaire_ul')){ $A($('glossaire_ul').getElementsByTagName("li")).each( function(elmt,index){ elmt.className = ""; } ); $('glossaire_0').className = "active"; var nbGlossaire = $A($('glossaire_ul').getElementsByTagName("li")).length; $('glossaire_ul').style.left = "0px"; } if($('sliderGlossaire')){ if(typeof(slider_glossaire)!='undefined'){ slider_glossaire.setDisabled(); if(ie6()){ delete slider_glossaire; } } $('handlerGlossaire').style.width = Math.round(($('sliderGlossaire').offsetWidth/nbGlossaire))+"px"; var oldvalue = 0; if( isMobile() ) { var decalageGlossaire = Math.round(($('glossaire_list').offsetWidth - 330) / 2); // 330 = largeur des li; }else{ var decalageGlossaire = Math.round(($('glossaire_list').offsetWidth - 235) / 2); // 235 = largeur des li; } var rangeGlossaire = (nbGlossaire>1)?(nbGlossaire-1):nbGlossaire; var valuesGlossaire = (nbGlossaire>1)?(nbGlossaire-1):nbGlossaire; slider_glossaire = new Control.Slider('handlerGlossaire', 'sliderGlossaire', { axis: 'horizontal', range: $R(0, rangeGlossaire), values: $R(0, valuesGlossaire), onSlide: function(value) { new Effect.Move('glossaire_ul', { x: -$('glossaire_'+value).style.left.substring(0,$('glossaire_'+value).style.left.indexOf('px'))+decalageGlossaire, y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0, beforeStart: function(){ $('glossaire_'+oldvalue).className = ""; } }); }, onChange: function(value) { if(value==0){ $('sliderControlLeft').style.display = 'none'; }else{ $('sliderControlLeft').style.display = 'block'; } if(value==nbGlossaire-1){ $('sliderControlRight').style.display = 'none'; }else{ $('sliderControlRight').style.display = 'block'; } new Effect.Move('glossaire_ul', { x: -$('glossaire_'+value).style.left.substring(0,$('glossaire_'+value).style.left.indexOf('px'))+decalageGlossaire, y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0, beforeStart: function(){ slider_glossaire.setDisabled(); $('glossaire_'+oldvalue).className = ""; }, afterFinish: function(){ new Effect.Opacity('glossaire_'+value, { duration: 0.2, from: 0.25, to: 1, afterFinish: function(){ $('glossaire_'+value).className = "active"; oldvalue = value; slider_glossaire.setEnabled(); } }); } }); } }); slider_glossaire.setValue(0); Event.stopObserving('sliderControlLeft'); Event.observe( 'sliderControlLeft', 'ipad:click', function(e){ slider_glossaire.setValue(slider_glossaire.value-1); Event.stop(e); }, false ); Event.observe( 'sliderControlLeft', 'click', function(){ Event.fire('sliderControlLeft', 'ipad:click'); }); Event.stopObserving('sliderControlRight'); Event.observe( 'sliderControlRight', 'ipad:click', function(e){ slider_glossaire.setValue(slider_glossaire.value+1); Event.stop(e); }, false ); Event.observe( 'sliderControlRight', 'click', function(){ Event.fire('sliderControlRight', 'ipad:click'); }); } } /** PAGE AUTRE ANGLE **/ if(pagename[target] == "autre_angle"){ if($('autreangle')){ $A($('gall_gauche').getElementsByTagName("li")).each( function(elmt,index){ elmt.style.left = ($('zone_gauche').offsetWidth-elmt.offsetWidth)+(index*($('zone_gauche').offsetWidth))+"px"; } ); $A($('gall_droite').getElementsByTagName("li")).each( function(elmt,index){ elmt.style.left = 50+(index*($('zone_droite').offsetWidth))+"px"; } ); $A($('gall_centre').getElementsByTagName("li")).each( function(elmt,index){ elmt.style.left = ($('zone_gauche').offsetWidth+$('zone_droite').offsetWidth-elmt.offsetWidth)/2 + (index*($('zone_gauche').offsetWidth+$('zone_droite').offsetWidth))+"px"; } ); $('gall_gauche').style.visibility = "visible"; $('gall_droite').style.visibility = "visible"; $('gall_centre').style.visibility = "visible"; } function moveBijou(angle){ $('gauche_'+angle).style.display = 'block'; $('centre_'+angle).style.display = 'block'; $('droite_'+angle).style.display = 'block'; new Effect.Move('gall_gauche', { x: -$('gauche_'+angle).style.left.substring(0,$('gauche_'+angle).style.left.indexOf('px'))+($('zone_gauche').offsetWidth-$('gauche_'+angle).offsetWidth), y: 0, mode: 'absolute', duration:0.8, transition: Effect.Transitions.linear, fps:100, from:0.0, to:1.0, afterFinish: function(){ $A($('gall_gauche').getElementsByTagName("li")).each( function(elmt,index){ indexId = parseInt(elmt.id.replace("gauche_","")); if(elmt.id != "gauche_"+angle){ if(parseInt(elmt.id.replace("gauche_",""))>angle){ decalage = $('zone_gauche').offsetWidth; }else{ decalage = -($('zone_gauche').offsetWidth); } elmt.style.left = (parseInt($('gauche_'+angle).style.left.substring(0,$('gauche_'+angle).style.left.indexOf('px')))+decalage)+"px" elmt.style.display = 'none'; } } ); } }); new Effect.Move('gall_centre', { x: -$('centre_'+angle).style.left.substring(0,$('centre_'+angle).style.left.indexOf('px'))+($('zone_gauche').offsetWidth+$('zone_droite').offsetWidth-$('centre_'+angle).offsetWidth)/2, y: 0, mode: 'absolute', duration:0.8, transition: Effect.Transitions.linear, fps:100, from:0.0, to:1.0, afterFinish: function(){ $A($('gall_centre').getElementsByTagName("li")).each( function(elmt,index){ indexId = parseInt(elmt.id.replace("centre_","")); if(elmt.id != "centre_"+angle){ if(parseInt(elmt.id.replace("centre_",""))>angle){ decalage = $('zone_gauche').offsetWidth+$('zone_droite').offsetWidth; }else{ decalage = -($('zone_gauche').offsetWidth+$('zone_droite').offsetWidth); } elmt.style.left = (parseInt($('centre_'+angle).style.left.substring(0,$('centre_'+angle).style.left.indexOf('px')))+decalage)+"px" elmt.style.display = 'none'; } } ); } }); new Effect.Move('gall_droite', { x: -$('droite_'+angle).style.left.substring(0,$('droite_'+angle).style.left.indexOf('px'))+50, y: 0, mode: 'absolute', duration:0.8, transition: Effect.Transitions.linear, fps:100, from:0.0, to:1.0, afterFinish: function(){ $A($('gall_droite').getElementsByTagName("li")).each( function(elmt,index){ indexId = parseInt(elmt.id.replace("droite_","")); if(elmt.id != "droite_"+angle){ if(parseInt(elmt.id.replace("droite_",""))>angle){ decalage = $('zone_droite').offsetWidth; }else{ decalage = -($('zone_droite').offsetWidth); } elmt.style.left = (parseInt($('droite_'+angle).style.left.substring(0,$('droite_'+angle).style.left.indexOf('px')))+decalage)+"px" elmt.style.display = 'none'; } } ); } }); } $A($$('a.controlBtn')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ $A($$('a.controlBtn')).each( function(elmtBtn){ $(elmtBtn).removeClassName("active"); } ); $(elmt).addClassName("active"); moveBijou(elmt.id.replace('control_','')); Event.stop(e); }, false ); } ); } /** PAGE INSTANTS CHANEL **/ if(pagename[target] == "instants"){ delete slider_images; if(typeof(slider_instants)!='undefined'){ slider_instants.setDisabled(); if(ie6()){ delete slider_instants; } } if($('liste_articles')){ $A($$('li.article')).each( function(elmt,index){ if(chanelFW.resVersion == "Small"){ elmt.style.left = (index*(elmt.offsetWidth+73))+"px"; }else{ elmt.style.left = (index*(elmt.offsetWidth+90))+"px"; } //elmt.style.left = (index*(elmt.offsetWidth+70))+"px"; } ); var nbArticle = $A($$('li.article')).length; var listWidth = $$('li.article')[0].offsetWidth; $('liste_articles').style.left = "0px"; } if($('sliderInstants')){ var slider_images = new Array(); $('handlerInstants').style.width = Math.round(($('sliderInstants').offsetWidth/nbArticle))+"px"; var decalageInstants = Math.round(($('instants_articles').offsetWidth - listWidth) / 2); var oldValue = 0; slider_instants = new Control.Slider('handlerInstants', 'sliderInstants', { axis: 'horizontal', range: $R(0, nbArticle-1), values: $R(0, nbArticle-1), onSlide: function(value) { new Effect.Move('liste_articles', { x: -$('article_'+value).style.left.substring(0,$('article_'+value).style.left.indexOf('px'))+decalageInstants, y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0 }); }, onChange: function(value) { if(value==0){ $('sliderControlLeft').style.display = 'none'; }else{ $('sliderControlLeft').style.display = 'block'; } if(value==nbArticle-1){ $('sliderControlRight').style.display = 'none'; }else{ $('sliderControlRight').style.display = 'block'; } if($('flashcontent_'+$('ref_'+Math.round(oldValue)).value) && swfobject.getFlashPlayerVersion().major){ $('flashcontent_'+$('ref_'+Math.round(oldValue)).value).pauseVideo(); } oldValue = value; //StateManager.setState($('level1').value+'/'+$('seo_'+Math.round(value)).value,$('title_'+Math.round(value)).value); //DEEPLINK stats(ch_re,ch_lang,cg_n,$('cg_s').value,ch_div,$('ch_cat').value,'Coulisses '+$('ch_prod_'+Math.round(value)).value,'Coulisses '+$('ch_prod_'+Math.round(value)).value+' synopsis','',0); $('ch_scat2').value = 'Coulisses '+$('ch_prod_'+Math.round(value)).value; if(ajaxConnexion != null){ ajaxConnexion.transport.abort(); } new Effect.Move('liste_articles', { x: -$('article_'+value).style.left.substring(0,$('article_'+value).style.left.indexOf('px'))+decalageInstants, y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0, afterFinish: function(){ var article_id = $('ref_'+Math.round(value)).value; if(!$('instants_image_'+value).down('#flashcontent_'+article_id) && !$('instants_image_'+value).down('#liste_image_'+article_id)){ new Ajax.Updater( 'instants_image_'+value, basehref+sitelocEncoded+"?page=instants_image&id="+article_id+"&ajaxoutput=true", { method: 'post', onCreate: function(request) { ajaxConnexion = request; }, onComplete: function(){ if($('flashcontent_'+article_id)){ if (swfobject.getFlashPlayerVersion().major) { var params = { quality: "high", scale: "noscale", wmode: "transparent", allowFullScreen: "true", allowscriptaccess: "always", bgcolor: "#ffffff" }; var flashvars = { //urlflv: path_site+"_flv/instants/"+$('flashcontent_'+article_id).innerHTML, urlflv: "rtmp://wfj.stream.chanel.com/ondemand/videos/wfj/commun/instants/"+$('flashcontent_'+article_id).innerHTML, color: "0x000000", urlimg: $('imagePreview_'+value).value, share_label: $('shareText_'+value).value, //share_mail: "flashcontent_"+article_id, // share_facebook: "http://www.facebook.com/sharer.php?u="+$('shareURL_'+value).value, share_twitter: encodeURIComponent("http://twitter.com/home?status="+$('twitterText_'+value).value+" "+$('shareURL_'+value).value), lang:sitelocEncoded.split('/')[0], share_blog: path_site+"_flv/"+$('flashcontent_'+article_id).innerHTML }; if( ch_lang != "zh-cn" && ch_lang != "zh-tw"){ flashvars.share_facebook = "http://www.facebook.com/sharer.php?u="+$('shareURL_'+value).value; } if( ch_lang == "jp" ) { var urlJP = $('shareURL_'+value).value; flashvars.share_mixi = urlJP; flashvars.share_mixi_key = "0fc732c27d9d914230d77779c491c97efa0fd4fe"; } if( ch_lang == "zh-cn" ) { var titleCN = ""; var descriptionCN = ""; var imageCN = ""; var urlCN = $('shareURL_'+value).value; /*var webtrends_KAIXIN = "?WT.mc_id=newWFJ_kaixin&WT.mc_t=sns"; var webtrends_Renren = "?WT.mc_id=newWFJ_renren&WT.mc_t=sns"; var webtrends_SINA = "?WT.mc_id=newWFJ_sina&WT.mc_t=sns"; var webtrends_Douban = "?WT.mc_id=newWFJ_douban&WT.mc_t=sns"; var webtrends_Sohu = "?WT.mc_id=newWFJ_sohu&WT.mc_t=sns";*/ jQuery("meta").each(function(){ if( jQuery(this).attr("property") == "og:image" ) { imageCN = jQuery(this).attr("content"); imageCN = basehref.substr(0, basehref.length-1)+imageCN; } if( jQuery(this).attr("property") == "og:title" ) { titleCN = jQuery(this).attr("content"); } if( jQuery(this).attr("property") == "og:description" ) { descriptionCN = jQuery(this).attr("content"); } }); if( document.title != '' ) titleCN = document.title; if( $('imagePreview_'+value) ){ imageCN = basehref+$('imagePreview_'+value).value; } var url_KAIXIN = $('webtrends_KAIXIN_'+value).value; var url_Renren = $('webtrends_Renren_'+value).value; var url_SINA = $('webtrends_SINA_'+value).value; var url_SINA = $('shareURL_'+value).value+"?WT.mc_id=newWFJ_sina&WT.mc_t=sns"; var url_Douban = $('webtrends_Douban_'+value).value; var url_Sohu = $('webtrends_Sohu_'+value).value; flashvars.share_kaixin = encodeURIComponent("http://www.kaixin001.com/repaste/bshare.php?rtitle="+titleCN+"&rurl="+url_KAIXIN+"&rcontent="+descriptionCN); flashvars.share_renRen = encodeURIComponent("http://share.renren.com/share/buttonshare.do?link="+url_Renren); flashvars.share_sina = encodeURIComponent("http://service.t.sina.com.cn/share/share.php?url="+url_SINA+"&appkey=&title="+titleCN+"&pic="+imageCN+"&ralateUid="); flashvars.share_sohu = encodeURIComponent("http://t.sohu.com/third/post.jsp?url="+url_Sohu+"&title="+titleCN+"&content=utf-8&pic="+imageCN); flashvars.share_douban = encodeURIComponent("http://www.douban.com/recommend/?title="+titleCN+"&url="+url_Douban); } var attributes = { id: 'flashcontent_'+article_id, name: 'flashcontent_'+article_id }; swfobject.embedSWF(path_site+"_swf/PlayerVideoStream.swf", 'flashcontent_'+article_id, "638", "401", "9.0.124", path_site+"_swf/expressInstall.swf", flashvars, params, attributes); }else{ displayVideoPlayer('flashcontent_'+article_id); } } if(typeof(slider_images[value])!='undefined'){ slider_images[value].setDisabled(); } if($('liste_image_'+article_id)){ $A($('liste_image_'+article_id).getElementsByTagName('li')).each( function(elmt,index){ elmt.style.left = (index*(elmt.offsetWidth))+"px"; } ); var nbImage = $A($('liste_image_'+article_id).getElementsByTagName('li')).length; $('liste_image_'+article_id).style.left = "0px"; } $('handlerImage_'+article_id).style.width = Math.round(($('sliderImage_'+article_id).offsetWidth/nbImage))+"px"; slider_images[value] = new Control.Slider('handlerImage_'+article_id, 'sliderImage_'+article_id, { axis: 'horizontal', range: $R(0, nbImage-1), values: $R(0, nbImage-1), onSlide: function(values) { new Effect.Move('liste_image_'+article_id, { x: -$('image_'+article_id+'_'+values).style.left.substring(0,$('image_'+article_id+'_'+values).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:100, from:0.0, to:1.0 }); }, onChange: function(values) { new Effect.Move('liste_image_'+article_id, { x: -$('image_'+article_id+'_'+values).style.left.substring(0,$('image_'+article_id+'_'+values).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0 }); } }); } } ); } } }); } }); slider_instants.setValue(Math.round($('article_pos').value)); Event.stopObserving('sliderControlLeft'); Event.observe( 'sliderControlLeft', 'ipad:click', function(e){ slider_instants.setValue(slider_instants.value-1); Event.stop(e); }, false ); Event.observe( 'sliderControlLeft', 'click', function(){ Event.fire('sliderControlLeft', 'ipad:click'); }); Event.stopObserving('sliderControlRight'); Event.observe( 'sliderControlRight', 'ipad:click', function(e){ slider_instants.setValue(slider_instants.value+1); Event.stop(e); }, false ); Event.observe( 'sliderControlRight', 'click', function(){ Event.fire('sliderControlRight', 'ipad:click'); }); function scrollInstants(event){ var e = event || window.event; var delta = (- e.detail / 3) || (e.wheelDelta / 120); slider_instants.setValue(slider_instants.value-(delta)); } Event.stopObserving('instants_articles'); if(document.addEventListener) { $('instants_articles').addEventListener('DOMMouseScroll', scrollInstants, false); $('instants_articles').addEventListener('mousewheel', scrollInstants, false); } else if (document.attachEvent) // pour IE { $('instants_articles').attachEvent('onmousewheel', scrollInstants); } else { $('instants_articles').onDOMMouseScroll = scrollInstants; $('instants_articles').onmousewheel = scrollInstants; } } } /** PAGE MEDIAPLAYER **/ if(pagename[target] == "mediaplayer"){ delete slider_mediaimages; if( $('ch_scat1').value == "W J12 chromatic" && trackChromatic["univers"] ){ ebConversionTracker(trackChromatic["univers"]); } if(typeof(slider_mediaplayer)!='undefined'){ slider_mediaplayer.setDisabled(); if(ie6()){ delete slider_mediaplayer; } } if($('liste_articles')){ $A($$('li.article')).each( function(elmt,index){ if(chanelFW.resVersion == "Small"){ elmt.style.left = (index*(elmt.offsetWidth+73))+"px"; }else{ elmt.style.left = (index*(elmt.offsetWidth+90))+"px"; } //elmt.style.left = (index*(elmt.offsetWidth+70))+"px"; } ); var nbArticle = $A($$('li.article')).length; var listWidth = $$('li.article')[0].offsetWidth; $('liste_articles').style.left = "0px"; } if($('sliderMediaplayer')){ if(nbArticle>1){ var rangeValue = $R(0, nbArticle-1); }else{ var rangeValue = 0; } var slider_mediaimages = new Array(); $('handlerMediaplayer').style.width = Math.round(($('sliderMediaplayer').offsetWidth/nbArticle))+"px"; var decalageMediaplayer = Math.round(($('mediaplayer_articles').offsetWidth - listWidth) / 2); var oldValue = 0; slider_mediaplayer = new Control.Slider('handlerMediaplayer', 'sliderMediaplayer', { axis: 'horizontal', range: rangeValue, values: rangeValue, onSlide: function(value) { new Effect.Move('liste_articles', { x: -$('article_'+value).style.left.substring(0,$('article_'+value).style.left.indexOf('px'))+decalageMediaplayer, y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0 }); }, onChange: function(value) { if(value==0){ $('sliderControlLeft').style.display = 'none'; }else{ $('sliderControlLeft').style.display = 'block'; } if(value==nbArticle-1){ $('sliderControlRight').style.display = 'none'; }else{ $('sliderControlRight').style.display = 'block'; } if($('flashcontent_'+$('ref_'+Math.round(oldValue)).value) && swfobject.getFlashPlayerVersion().major){ $('flashcontent_'+$('ref_'+Math.round(oldValue)).value).pauseVideo(); } oldValue = value; /*if($('level2').value!=""){ StateManager.setState($('level1').value+'-'+$('level2').value+'/'+$('pagetrans').value+'/'+$('seo_'+Math.round(value)).value,$('title_'+Math.round(value)).value); }else{ StateManager.setState($('level1').value+'/'+$('pagetrans').value+'/'+$('seo_'+Math.round(value)).value,$('title_'+Math.round(value)).value); }*/ //DEEPLINK stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat, $('ch_scat1').value,$('ch_scat2').value,$('ch_scat1').value+' '+$('ch_prod_'+Math.round(value)).value+' Universe Page',0); if(ajaxConnexion != null){ ajaxConnexion.transport.abort(); } new Effect.Move('liste_articles', { x: -$('article_'+value).style.left.substring(0,$('article_'+value).style.left.indexOf('px'))+decalageMediaplayer, y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0, afterFinish: function(){ update_meta('og:description', $('meta_'+value).value); update_meta('description', $('meta_'+value).value); update_meta('title', $('title_'+value).value); update_meta('og:title', $('title_'+value).value); var article_id = $('ref_'+Math.round(value)).value; var collectionMedia = $('collectionMedia').value; if(!$('mediaplayer_image_'+value).down('#flashcontent_'+article_id) && !$('mediaplayer_image_'+value).down('#liste_image_'+article_id) && !$('mediaplayer_image_'+value).down('#puzzle_'+article_id)){ new Ajax.Updater( 'mediaplayer_image_'+value, basehref+sitelocEncoded+"?page=mediaplayer_image&collection="+collectionMedia+"&id="+article_id+"&ajaxoutput=true", { method: 'post', onCreate: function(request) { ajaxConnexion = request; }, onComplete: function(){ if($('puzzle_'+article_id)){ Event.stopObserving('puzzle_'+article_id); Event.observe( 'puzzle_'+article_id, 'mouseover', function(e){ if (isMouseLeaveOrEnter(e ? e : window.event, this)){ $A($$('div.puzzle_box')).each( function(elmt){ elmt.style.opacity = 0.5; elmt.style.MozOpacity = 0.5; elmt.style.KHTMLOpacity = 0.5; elmt.style.filter = 'alpha(opacity=' + (50) + ')'; } ); } }, false ); Event.observe( 'puzzle_'+article_id, 'mouseout', function(e){ if (isMouseLeaveOrEnter(e ? e : window.event, this)){ $A($$('div.puzzle_box')).each( function(elmt){ elmt.style.opacity = 1; elmt.style.MozOpacity = 1; elmt.style.KHTMLOpacity = 1; elmt.style.filter = 'alpha(opacity=' + (100) + ')'; } ); } }, false ); $A($$('div.puzzle_box')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'mouseover', function(e){ if (isMouseLeaveOrEnter(e ? e : window.event, this)){ elmt = this; setTimeout(function(){ elmt.style.opacity = 1; elmt.style.MozOpacity = 1; elmt.style.KHTMLOpacity = 1; elmt.style.filter = 'alpha(opacity=' + (100) + ')'; },10); } }, false ); Event.observe( elmt, 'mouseout', function(e){ if (isMouseLeaveOrEnter(e ? e : window.event, this)){ this.style.opacity = 0.5; this.style.MozOpacity = 0.5; this.style.KHTMLOpacity = 0.5; this.style.filter = 'alpha(opacity=' + (50) + ')'; } }, false ); Event.observe( elmt, 'click', function(e){ document.getElementById('chargement').style.display = "block"; new Ajax.Updater( 'popin', basehref+sitelocEncoded+"?page=puzzle&ajaxoutput=true", { method: 'post', parameters: { }, onSuccess: function(){ $('popin').removeAllClass(); $('popin').addClassName('puzzlePopin'); $('inline_popup').style.display = 'block'; document.getElementById('chargement').style.display = "none"; }, onComplete: function(){ var params = { wmode: "transparent", bgcolor: "#000000" }; var flashvars = { xml: path_site+"_xml/puzzle.xml", img : path_site+"_img/mediaplayer/puzzle/"+elmt.id+".jpg", size : chanelFW.resVersion, lang:sitelocEncoded.split('/')[0], img1024 : path_site+"_img/mediaplayer/puzzle/1024x768/"+elmt.id+".jpg", img1280 : path_site+"_img/mediaplayer/puzzle/1280x1024/"+elmt.id+".jpg", lg:sitelocEncoded.split('/')[0] }; var attributes = { id: "puzzleflashcontent", name: "puzzleflashcontent" }; swfobject.embedSWF(path_site+"_swf/puzzle.swf", "puzzleflashcontent", $('centerdiv').offsetWidth, $('centerdiv').offsetHeight, "10", path_site+"_swf/expressInstall.swf", flashvars, params, attributes); if($('closePopinBtn')){ Event.observe( 'closePopinBtn', 'click', function(e){ $('inline_popup').style.display = 'none'; Event.stop(e); }, false ); } } } ); Event.stop(e); }, false ); } ); } if($('flashcontent_'+article_id)){ if (swfobject.getFlashPlayerVersion().major) { var params = { quality: "high", scale: "noscale", wmode: "transparent", allowFullScreen: "true", allowscriptaccess: "always", bgcolor: "#000000" }; var flashvars = { //urlflv: path_site+"_flv/"+$('flashcontent_'+article_id).innerHTML, urlflv: "rtmp://wfj.stream.chanel.com/ondemand/videos/wfj/commun/"+$('flashcontent_'+article_id).innerHTML, color: "0xffffff", urlimg: $('imagePreview_'+value).value, share_label: $('shareText_'+value).value, lang:sitelocEncoded.split('/')[0], share_mail: "flashcontent_"+article_id, // share_facebook: "http://www.facebook.com/sharer.php?u="+$('shareURL_'+value).value, share_twitter: encodeURIComponent("http://twitter.com/home?status="+$('twitterText_'+value).value+" "+$('shareURL_'+value).value), share_blog: path_site+"_flv/"+$('flashcontent_'+article_id).innerHTML }; if( ch_lang != "zh-cn" && ch_lang != "zh-tw"){ flashvars.share_facebook = "http://www.facebook.com/sharer.php?u="+$('shareURL_'+value).value; } if( ch_lang == "jp" ) { var urlJP = $('shareURL_'+value).value; flashvars.share_mixi = urlJP; flashvars.share_mixi_key = "0fc732c27d9d914230d77779c491c97efa0fd4fe"; } if( ch_lang == "zh-cn" ) { var titleCN = ""; var descriptionCN = ""; var imageCN = ""; var urlCN = $('shareURL_'+value).value; /*var webtrends_KAIXIN = "?WT.mc_id=newWFJ_kaixin&WT.mc_t=sns"; var webtrends_Renren = "?WT.mc_id=newWFJ_renren&WT.mc_t=sns"; var webtrends_SINA = "?WT.mc_id=newWFJ_sina&WT.mc_t=sns"; var webtrends_Douban = "?WT.mc_id=newWFJ_douban&WT.mc_t=sns"; var webtrends_Sohu = "?WT.mc_id=newWFJ_sohu&WT.mc_t=sns";*/ jQuery("meta").each(function(){ if( jQuery(this).attr("property") == "og:image" ) { imageCN = jQuery(this).attr("content"); imageCN = basehref.substr(0, basehref.length-1)+imageCN; } if( jQuery(this).attr("property") == "og:title" ) { titleCN = jQuery(this).attr("content"); } if( jQuery(this).attr("property") == "og:description" ) { descriptionCN = jQuery(this).attr("content"); } }); if( document.title != '' ) titleCN = document.title; if( $('imagePreview_'+value) ){ imageCN = basehref+$('imagePreview_'+value).value; } var url_KAIXIN = $('webtrends_KAIXIN_'+value).value; var url_Renren = $('webtrends_Renren_'+value).value; //var url_SINA = $('webtrends_SINA_'+value).value; var url_SINA = $('shareURL_'+value).value+"?WT.mc_id=newWFJ_sina&WT.mc_t=sns"; var url_Douban = $('webtrends_Douban_'+value).value; var url_Sohu = $('webtrends_Sohu_'+value).value; flashvars.share_kaixin = encodeURIComponent("http://www.kaixin001.com/repaste/bshare.php?rtitle="+titleCN+"&rurl="+url_KAIXIN+"&rcontent="+descriptionCN); flashvars.share_renRen = encodeURIComponent("http://share.renren.com/share/buttonshare.do?link="+url_Renren); flashvars.share_sina = encodeURIComponent("http://service.t.sina.com.cn/share/share.php?url="+url_SINA+"&appkey=&title="+titleCN+"&pic="+imageCN+"&ralateUid="); flashvars.share_sohu = encodeURIComponent("http://t.sohu.com/third/post.jsp?url="+url_Sohu+"&title="+titleCN+"&content=utf-8&pic="+imageCN); flashvars.share_douban = encodeURIComponent("http://www.douban.com/recommend/?title="+titleCN+"&url="+url_Douban); } var attributes = { id: 'flashcontent_'+article_id, name: 'flashcontent_'+article_id }; swfobject.embedSWF(path_site+"_swf/PlayerVideoStream.swf", 'flashcontent_'+article_id, "638", "401", "9.0.124", path_site+"_swf/expressInstall.swf", flashvars, params, attributes); }else{ displayVideoPlayer('flashcontent_'+article_id); } } if(typeof(slider_mediaimages[value])!='undefined'){ slider_mediaimages[value].setDisabled(); } if($('liste_image_'+article_id)){ $A($('liste_image_'+article_id).getElementsByTagName('li')).each( function(elmt,index){ elmt.style.left = (index*(elmt.offsetWidth))+"px"; } ); var nbImage = $A($('liste_image_'+article_id).getElementsByTagName('li')).length; $('liste_image_'+article_id).style.left = "0px"; } $('handlerImage_'+article_id).style.width = Math.round(($('sliderImage_'+article_id).offsetWidth/nbImage))+"px"; slider_mediaimages[value] = new Control.Slider('handlerImage_'+article_id, 'sliderImage_'+article_id, { axis: 'horizontal', range: $R(0, nbImage-1), values: $R(0, nbImage-1), onSlide: function(values) { new Effect.Move('liste_image_'+article_id, { x: -$('image_'+article_id+'_'+values).style.left.substring(0,$('image_'+article_id+'_'+values).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:100, from:0.0, to:1.0 }); }, onChange: function(values) { new Effect.Move('liste_image_'+article_id, { x: -$('image_'+article_id+'_'+values).style.left.substring(0,$('image_'+article_id+'_'+values).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0 }); } }); } } ); } } }); } }); if($('position')){ slider_mediaplayer.setValue($('position').value); }else{ slider_mediaplayer.setValue(0); } Event.stopObserving('sliderControlLeft'); Event.observe( 'sliderControlLeft', 'ipad:click', function(e){ slider_mediaplayer.setValue(slider_mediaplayer.value-1); Event.stop(e); }, false ); Event.observe( 'sliderControlLeft', 'click', function(){ Event.fire('sliderControlLeft', 'ipad:click'); }); Event.stopObserving('sliderControlRight'); Event.observe( 'sliderControlRight', 'ipad:click', function(e){ slider_mediaplayer.setValue(slider_mediaplayer.value+1); Event.stop(e); }, false ); Event.observe( 'sliderControlRight', 'click', function(){ Event.fire('sliderControlRight', 'ipad:click'); }); function scrollMediaplayer(event){ var e = event || window.event; var delta = (- e.detail / 3) || (e.wheelDelta / 120); slider_mediaplayer.setValue(slider_mediaplayer.value-(delta)); } Event.stopObserving('mediaplayer'); if(document.addEventListener) { $('mediaplayer').addEventListener('DOMMouseScroll', scrollMediaplayer, false); $('mediaplayer').addEventListener('mousewheel', scrollMediaplayer, false); } else if (document.attachEvent) // pour IE { $('mediaplayer').attachEvent('onmousewheel', scrollMediaplayer); } else { $('mediaplayer').onDOMMouseScroll = scrollMediaplayer; $('mediaplayer').onmousewheel = scrollMediaplayer; } } } /** PAGE DIAMANT **/ if(pagename[target] == "diamant"){ if(typeof(slider_diamants)!='undefined'){ slider_diamants.setDisabled(); if(ie6()){ delete slider_diamants; } } if($('liste_articles')){ $A($$('li.article')).each( function(elmt,index){ elmt.style.left = (index*(elmt.offsetWidth+120))+"px"; } ); var nbArticle = $A($$('li.article')).length; var listWidth = $$('li.article')[0].offsetWidth; $('liste_articles').style.left = "0px"; } if($('sliderDiamants')){ var slider_diamants = new Array(); $('handlerDiamants').style.width = Math.round(($('sliderDiamants').offsetWidth/nbArticle))+"px"; var decalageDiamants = Math.round(($('diamants_articles').offsetWidth - listWidth) / 2); slider_diamants = new Control.Slider('handlerDiamants', 'sliderDiamants', { axis: 'horizontal', range: $R(0, nbArticle-1), values: $R(0, nbArticle-1), onSlide: function(value) { new Effect.Move('liste_articles', { x: -$('article_'+value).style.left.substring(0,$('article_'+value).style.left.indexOf('px'))+decalageDiamants, y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0 }); }, onChange: function(value) { if(value==0){ $('sliderControlLeft').style.display = 'none'; }else{ $('sliderControlLeft').style.display = 'block'; } if(value==nbArticle-1){ $('sliderControlRight').style.display = 'none'; }else{ $('sliderControlRight').style.display = 'block'; } //StateManager.setState($('level1').value+'-'+$('level2').value+'/'+$('seo_'+Math.round(value)).value,$('title_'+Math.round(value)).value); //DEEPLINK stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat2').value,$('ch_scat1').value+' '+$('ch_prod_'+Math.round(value)).value,0); $('ch_prod').value = $('ch_scat1').value+' '+$('ch_prod_'+Math.round(value)).value; new Effect.Move('liste_articles', { x: -$('article_'+value).style.left.substring(0,$('article_'+value).style.left.indexOf('px'))+decalageDiamants, y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0 }); new Ajax.Request( basehref+sitelocEncoded+"?page=ajax_diamant&ajaxoutput=true", { method: 'post', parameters: { diamant_id: $('ref_'+value).value }, onSuccess: function(response) { $A($$('#diamants_filtre li')).each( function(elmtli){ //elmtli.removeClassName('active'); elmtli.removeAllClass(); } ); $(response.responseText).addClassName('active'); } } ); } }); slider_diamants.setValue($('diamant_pos').value); Event.stopObserving('sliderControlLeft'); Event.observe( 'sliderControlLeft', 'ipad:click', function(e){ slider_diamants.setValue(slider_diamants.value-1); Event.stop(e); }, false ); Event.observe('sliderControlLeft','click', function(e){ Event.fire('sliderControlLeft','ipad:click'); }); Event.stopObserving('sliderControlRight'); Event.observe( 'sliderControlRight', 'ipad:click', function(e){ slider_diamants.setValue(slider_diamants.value+1); Event.stop(e); }, false ); Event.observe('sliderControlRight','click', function(e){ Event.fire('sliderControlRight','ipad:click'); }); function scrollDiamants(event){ var e = event || window.event; var delta = (- e.detail / 3) || (e.wheelDelta / 120); slider_diamants.setValue(slider_diamants.value-(delta)); } Event.stopObserving('diamants_articles'); if(document.addEventListener) { $('diamants_articles').addEventListener('DOMMouseScroll', scrollDiamants, false); $('diamants_articles').addEventListener('mousewheel', scrollDiamants, false); } else if (document.attachEvent) // pour IE { $('diamants_articles').attachEvent('onmousewheel', scrollDiamants); } else { $('diamants_articles').onDOMMouseScroll = scrollDiamants; $('diamants_articles').onmousewheel = scrollDiamants; } $A($$('#diamants_filtre li')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt.firstChild, 'click', function(e){ slider_diamants.setValue($(this).getAttribute('rel')); Event.stop(e); }, false ); } ); } } /** PAGE ARTICLE **/ if(pagename[target] == "instants_article"){ if($('flashcontent')){ if (swfobject.getFlashPlayerVersion().major) { var params = { quality: "high", scale: "noscale", wmode: "transparent", allowFullScreen: "true", allowscriptaccess: "always", bgcolor: "#ffffff" }; var flashvars = { //urlflv: path_site+"_flv/instants/"+$('flashcontent').innerHTML, urlflv: "rtmp://wfj.stream.chanel.com/ondemand/videos/wfj/commun/instants/"+$('flashcontent').innerHTML, urlimg: $('imagePreview').value, lang:sitelocEncoded.split('/')[0], share_label: $('shareText').value, color: "0x000000", share_blog: path_site+"_flv/"+$('flashcontent').innerHTML }; if( ch_lang != "zh-cn" && ch_lang != "zh-tw"){ flashvars.share_facebook = "http://www.facebook.com/sharer.php?u="+$('shareURL').value; } if( ch_lang == "jp" ) { var urlJP = $('shareURL').value; flashvars.share_mixi = urlJP; flashvars.share_mixi_key = "0fc732c27d9d914230d77779c491c97efa0fd4fe"; } if( ch_lang == "zh-cn" ) { var titleCN = ""; var descriptionCN = ""; var imageCN = ""; var urlCN = $('shareURL').value; /*var webtrends_KAIXIN = "?WT.mc_id=newWFJ_kaixin&WT.mc_t=sns"; var webtrends_Renren = "?WT.mc_id=newWFJ_renren&WT.mc_t=sns"; var webtrends_SINA = "?WT.mc_id=newWFJ_sina&WT.mc_t=sns"; var webtrends_Douban = "?WT.mc_id=newWFJ_douban&WT.mc_t=sns"; var webtrends_Sohu = "?WT.mc_id=newWFJ_sohu&WT.mc_t=sns";*/ jQuery("meta").each(function(){ if( jQuery(this).attr("property") == "og:image" ) { imageCN = jQuery(this).attr("content"); imageCN = basehref.substr(0, basehref.length-1)+imageCN; } if( jQuery(this).attr("property") == "og:title" ) { titleCN = jQuery(this).attr("content"); } if( jQuery(this).attr("property") == "og:description" ) { descriptionCN = jQuery(this).attr("content"); } }); if( document.title != '' ) titleCN = document.title; if( $('imagePreview') ){ imageCN = basehref+$('imagePreview').value; } var url_KAIXIN = $('webtrends_KAIXIN').value; var url_Renren = $('webtrends_Renren').value; //var url_SINA = $('webtrends_SINA').value; var url_SINA = $('shareURL').value+"?WT.mc_id=newWFJ_sina&WT.mc_t=sns"; var url_Douban = $('webtrends_Douban').value; var url_Sohu = $('webtrends_Sohu').value; flashvars.share_kaixin = encodeURIComponent("http://www.kaixin001.com/repaste/bshare.php?rtitle="+titleCN+"&rurl="+url_KAIXIN+"&rcontent="+descriptionCN); flashvars.share_renRen = encodeURIComponent("http://share.renren.com/share/buttonshare.do?link="+url_Renren); flashvars.share_sina = encodeURIComponent("http://service.t.sina.com.cn/share/share.php?url="+url_SINA+"&appkey=&title="+titleCN+"&pic="+imageCN+"&ralateUid="); flashvars.share_sohu = encodeURIComponent("http://t.sohu.com/third/post.jsp?url="+url_Sohu+"&title="+titleCN+"&content=utf-8&pic="+imageCN); flashvars.share_douban = encodeURIComponent("http://www.douban.com/recommend/?title="+titleCN+"&url="+url_Douban); } var attributes = { id: 'flashcontent', name: 'flashcontent' }; swfobject.embedSWF(path_site+"_swf/PlayerVideoStream.swf", 'flashcontent', "638", "401", "9.0.124", path_site+"_swf/expressInstall.swf", flashvars, params, attributes); }else{ displayVideoPlayer('flashcontent'); } } if(typeof(slider_images)!='undefined'){ slider_images.setDisabled(); } if($('liste_image')){ $A($('liste_image').getElementsByTagName('li')).each( function(elmt,index){ elmt.style.left = (index*(elmt.offsetWidth))+"px"; } ); var nbImage = $A($('liste_image').getElementsByTagName('li')).length; $('liste_image').style.left = "0px"; } if($('sliderImage')){ $('handlerImage').style.width = Math.round(($('sliderImage').offsetWidth/nbImage))+"px"; slider_images = new Control.Slider('handlerImage', 'sliderImage', { axis: 'horizontal', range: $R(0, nbImage-1), values: $R(0, nbImage-1), onSlide: function(values) { new Effect.Move('liste_image', { x: -$('image_'+values).style.left.substring(0,$('image_'+values).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:100, from:0.0, to:1.0 }); }, onChange: function(values) { new Effect.Move('liste_image', { x: -$('image_'+values).style.left.substring(0,$('image_'+values).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.5, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0 }); } }); } } if(pagename[target] == "mediaplayer_article"){ if($('flashcontent')){ if (swfobject.getFlashPlayerVersion().major) { var params = { quality: "high", scale: "noscale", wmode: "transparent", allowFullScreen: "true", allowscriptaccess: "always", bgcolor: "#000000" }; var flashvars = { //urlflv: path_site+"_flv/"+$('flashcontent').innerHTML, urlflv: "rtmp://wfj.stream.chanel.com/ondemand/videos/wfj/commun/"+$('flashcontent').innerHTML, urlimg: $('imagePreview').value, lang:sitelocEncoded.split('/')[0], share_label: $('shareText').value, color: "0xffffff", share_blog: path_site+"_flv/"+$('flashcontent').innerHTML }; if( ch_lang != "zh-cn" && ch_lang != "zh-tw"){ flashvars.share_facebook = "http://www.facebook.com/sharer.php?u="+$('shareURL').value; } if( ch_lang == "jp" ) { var urlJP = $('shareURL').value; flashvars.share_mixi = urlJP; flashvars.share_mixi_key = "0fc732c27d9d914230d77779c491c97efa0fd4fe"; } if( ch_lang == "zh-cn" ) { var titleCN = ""; var descriptionCN = ""; var imageCN = ""; var urlCN = $('shareURL').value; /*var webtrends_KAIXIN = "?WT.mc_id=newWFJ_kaixin&WT.mc_t=sns"; var webtrends_Renren = "?WT.mc_id=newWFJ_renren&WT.mc_t=sns"; var webtrends_SINA = "?WT.mc_id=newWFJ_sina&WT.mc_t=sns"; var webtrends_Douban = "?WT.mc_id=newWFJ_douban&WT.mc_t=sns"; var webtrends_Sohu = "?WT.mc_id=newWFJ_sohu&WT.mc_t=sns";*/ jQuery("meta").each(function(){ if( jQuery(this).attr("property") == "og:image" ) { imageCN = jQuery(this).attr("content"); imageCN = basehref.substr(0, basehref.length-1)+imageCN; } if( jQuery(this).attr("property") == "og:title" ) { titleCN = jQuery(this).attr("content"); } if( jQuery(this).attr("property") == "og:description" ) { descriptionCN = jQuery(this).attr("content"); } }); if( document.title != '' ) titleCN = document.title; if( $('imagePreview') ){ imageCN = basehref+$('imagePreview').value; } var url_KAIXIN = $('webtrends_KAIXIN').value; var url_Renren = $('webtrends_Renren').value; //var url_SINA = $('webtrends_SINA').value; var url_SINA = $('shareURL').value+"?WT.mc_id=newWFJ_sina&WT.mc_t=sns"; var url_Douban = $('webtrends_Douban').value; var url_Sohu = $('webtrends_Sohu').value; flashvars.share_kaixin = encodeURIComponent("http://www.kaixin001.com/repaste/bshare.php?rtitle="+titleCN+"&rurl="+url_KAIXIN+"&rcontent="+descriptionCN); flashvars.share_renRen = encodeURIComponent("http://share.renren.com/share/buttonshare.do?link="+url_Renren); flashvars.share_sina = encodeURIComponent("http://service.t.sina.com.cn/share/share.php?url="+url_SINA+"&appkey=&title="+titleCN+"&pic="+imageCN+"&ralateUid="); flashvars.share_sohu = encodeURIComponent("http://t.sohu.com/third/post.jsp?url="+url_Sohu+"&title="+titleCN+"&content=utf-8&pic="+imageCN); flashvars.share_douban = encodeURIComponent("http://www.douban.com/recommend/?title="+titleCN+"&url="+url_Douban); } var attributes = { id: 'flashcontent', name: 'flashcontent' }; swfobject.embedSWF(path_site+"_swf/PlayerVideoStream.swf", 'flashcontent', "638", "401", "9.0.124", path_site+"_swf/expressInstall.swf", flashvars, params, attributes); }else{ displayVideoPlayer('flashcontent'); } } } /** PAGE RECHERCHE **/ if(pagename[target] == "recherche"){ if($('pushRecherche')){ Event.stopObserving('pushRecherche'); Event.observe( 'pushRecherche', 'click', function(e){ document.getElementById('chargement').style.display = "block"; new Ajax.Updater( 'popin2', this.href+'?ajaxoutput=true', { method: 'get', onSuccess: function(){ $('popin2').className='widePopin'; $('inline_popup2').style.display = 'block'; document.getElementById('chargement').style.display = "none"; }, onComplete: function(){ if($('closePopin2Btn')){ Event.observe( 'closePopin2Btn', 'click', function(e){ $('inline_popup2').style.display = 'none'; Event.stop(e); }, false ); } eventListener("collection",true,"popin2"); } } ); Event.stop(e); }, false ); } if($('formRecherche') && reload){ $A(document.getElementsByTagName('label')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ if(elmt.parentNode.className == "actives"){ $(elmt.parentNode).removeClassName('actives'); }else{ $(elmt.parentNode).addClassName('actives'); } } ); } ); $A(document.getElementsByTagName('input')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ if(elmt.checked){ var tagdetailslabel = elmt.getAttribute('rel'); stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' by '+elmt.getAttribute('id').split('_')[0]+' criteria',tagdetailslabel,50); } $('chargement').addClassName('light'); document.getElementById('chargement').style.display = "block"; if(ajaxConnexion != null){ ajaxConnexion.transport.abort(); } //alert($('formRecherche').serialize()); new Ajax.Updater( 'recherche_result', basehref+sitelocEncoded+"?page=recherche_result&ajaxoutput=true&"+$('formRecherche').serialize(), { method: 'get', onCreate: function(request) { ajaxConnexion = request; }, onComplete: function(){ document.getElementById('chargement').style.display = "none"; $('chargement').removeClassName('light'); $('resetRecherche').style.display = 'block'; eventListener("recherche",false,"recherche_result"); } } ); } ); } ); if($('resetRecherche')){ Event.stopObserving('resetRecherche'); Event.observe( 'resetRecherche', 'click', function(e){ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' cancel selection','',50); $('formRecherche').reset(); $A(document.getElementsByTagName('label')).each( function(elmt){ $(elmt.parentNode).removeClassName('actives'); //elmt.parentNode.className = ""; } ); if($('sliderValeur')){ slider_valeur.setDisabled(); //alert(slider_valeur.values); slider_valeur.setValue(Math.round(value1),0); slider_valeur.setValue(Math.round(value2),1); slider_valeur.setEnabled(); } $('valeurs').value = ""; $('chargement').addClassName('light'); document.getElementById('chargement').style.display = "block"; if(ajaxConnexion != null){ ajaxConnexion.transport.abort(); } new Ajax.Updater( 'recherche_result', basehref+sitelocEncoded+"?page=recherche_article&ajaxoutput=true", { method: 'get', onCreate: function(request) { ajaxConnexion = request; }, onComplete: function(){ document.getElementById('chargement').style.display = "none"; $('chargement').removeClassName('light'); $('resetRecherche').style.display = 'none'; eventListener("recherche",false,"recherche_result"); } } ); Event.stop(e); }, false ); } } new Ajax.Request( //basehref+"watches-finejewelry/proxy.php", basehref+sitelocEncoded+"?page=ajax_product&ajaxoutput=true&no_gt="+no_gt, { method: 'post', parameters: { maj: "searchcriteria" }, onCreate: function(request) { ajaxConnexion = request; }, onSuccess: function(response) { var response = response.responseJSON; var china = ( (response['min'] > 0 && response['max'] > 0 && response['step'] > 0 ) && ch_lang == "zh-cn" ); if( china ){ if( $('valeur2') ) $('valeur2').innerHTML = response['min']; if( $('valeur1') ) $('valeur1').innerHTML = response['max']; if( $('step') ) $('step').value = response['step']; $('sliderIpadConteneur').style.display = "block"; $("valeurLabel").style.display = 'block'; }else if( $('valeur2') && !china && ch_lang == "zh-cn" ) { $('sliderIpadConteneur').style.display = "none"; $("valeurLabel").style.display = 'none'; } if($('sliderValeur') && reload){ if($('sliderValeur') && typeof(slider_valeur)!='undefined'){ slider_valeur.setDisabled(); if(ie6()){ delete slider_valeur; } } var valeurMin = 0; var valeurMax = 0; if(typeof(slider_valeur)=='undefined' || slider_valeur.disabled == true){ var step = $('step').value; valeurMin = $('valeur2').innerHTML; valeurMax = $('valeur1').innerHTML; var valeur_min = valeurMin; var valeur_max = valeurMax; if( sitelocEncoded.split('/')[0] == "ja_JP" ){ var val1 = formatJapNumber(valeurMax); var val2 = formatJapNumber(valeurMin); }else{ var val1 = valeurMax; var val2 = valeurMin; } $('valeur1').innerHTML = val1; $('valeur2').innerHTML = val2; var minValue = Math.ceil(valeur_min/step); var maxValue = Math.ceil(valeur_max/step); value1 = (maxValue-(valeur_max/step)); value2 = (maxValue-(valeur_min/step)); var echelonnage = $('sliderValeur').offsetHeight; var axe = "vertical"; if( section == "joail" ){ var rangeValues = [0,maxValue]; var values = [0, maxValue-minValue]; }else{ var rangeValues = [0,maxValue]; var values = [0, maxValue-minValue]; } slider_valeur = new Control.Slider($('sliderValeur').select('.handlerValeur'), 'sliderValeur', { axis: axe, range: $R(rangeValues[0], rangeValues[1]), values: $R(0, maxValue-minValue), sliderValue: [value1,value2], restricted: true, spans: ['plageValeur'], onSlide: function(values) { if( isMobile() ){ valeurMax = (parseInt((values.toString().split(',')[0]))+minValue)*step; valeurMin = (parseInt((values.toString().split(',')[1]))+minValue)*step; if( sitelocEncoded.split('/')[0] == "ja_JP" ){ var val2 = formatJapNumber(valeurMax); var val1 = formatJapNumber(valeurMin); }else{ var val2 = valeurMax; var val1 = valeurMin; } }else{ valeurMax = (maxValue-values.toString().split(',')[0])*step; valeurMin = (maxValue-values.toString().split(',')[1])*step; if( sitelocEncoded.split('/')[0] == "ja_JP" ){ var val1 = formatJapNumber(valeurMax); var val2 = formatJapNumber(valeurMin); }else{ var val1 = valeurMax; var val2 = valeurMin; } } $('valeur1').innerHTML = val1; $('valeur2').innerHTML = val2; if(values.toString().split(',')[0] == values.toString().split(',')[1]){ if( sitelocEncoded.split('/')[0] == "ja_JP" ){ var val1 = formatJapNumber(valeurMin-step); }else{ var val1 = valeurMin-step; } valeurMin = valeurMin-step; $('valeur2').innerHTML = val1; } }, onChange: function(values) { if( isMobile() ){ valeurMax = (parseInt((values.toString().split(',')[0]))+minValue)*step; valeurMin = (parseInt((values.toString().split(',')[1]))+minValue)*step; if( sitelocEncoded.split('/')[0] == "ja_JP" ){ var val2 = formatJapNumber(valeurMax); var val1 = formatJapNumber(valeurMin); }else{ var val2 = valeurMax; var val1 = valeurMin; } }else{ valeurMax = (maxValue-values.toString().split(',')[0])*step; valeurMin = (maxValue-values.toString().split(',')[1])*step; if( sitelocEncoded.split('/')[0] == "ja_JP" ){ var val1 = formatJapNumber(valeurMax); var val2 = formatJapNumber(valeurMin); }else{ var val1 = valeurMax; var val2 = valeurMin; } } $('valeur1').innerHTML = val1; $('valeur2').innerHTML = val2; if(values.toString().split(',')[0] == values.toString().split(',')[1]){ if( sitelocEncoded.split('/')[0] == "ja_JP" ){ var val1 = formatJapNumber(valeurMin-step); }else{ var val1 = valeurMin-step; } valeurMin = valeurMin-step; $('valeur2').innerHTML = val1; } $('valeurs').value = valeurMax+','+valeurMin; $('chargement').addClassName('light'); document.getElementById('chargement').style.display = "block"; if(ajaxConnexion != null){ ajaxConnexion.transport.abort(); } if(!slider_valeur.disabled){ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' by price range criteria',$('valeurs').value,50); new Ajax.Updater( 'recherche_result', basehref+sitelocEncoded+"?page=recherche_result&ajaxoutput=true&"+$('formRecherche').serialize(), { method: 'get', onCreate: function(request) { ajaxConnexion = request; }, onComplete: function(){ document.getElementById('chargement').style.display = "none"; $('chargement').removeClassName('light'); $('resetRecherche').style.display = 'block'; eventListener("recherche",false,"recherche_result"); } } ); } } }); } } } } ); if($('sliderRecherche')){ if(typeof(slider_recherche)!='undefined'){ slider_recherche.setDisabled(); if(ie6()){ delete slider_recherche; } } if($('recherche_ul')){ $A($('recherche_ul').getElementsByTagName("li")).each( function(elmt,index){ elmt.style.left = (index*elmt.offsetWidth)+"px"; } ); $A($('recherche_ul').getElementsByTagName("a")).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ document.getElementById('chargement').style.display = "block"; new Ajax.Updater( 'popin2', this.href+'?ajaxoutput=true', { method: 'get', onSuccess: function(){ $('popin2').className='widePopin'; $('inline_popup2').style.display = 'block'; document.getElementById('chargement').style.display = "none"; }, onComplete: function(){ if($('closePopin2Btn')){ Event.observe( 'closePopin2Btn', 'click', function(e){ $('inline_popup2').style.display = 'none'; Event.stop(e); }, false ); } eventListener("collection",true,"popin2"); } } ); Event.stop(e); }, false ); } ); var nbResultat = $A($('recherche_ul').getElementsByTagName("li")).length; $('recherche_ul').style.left = "0px"; } if( nbResultat > 3 ){ $('handlerRecherche').style.width = Math.round(($('sliderRecherche').offsetWidth/(nbResultat-2)))+"px"; var rangeValue = $R(0, nbResultat-3); }else{ $('handlerRecherche').style.width = Math.round(($('sliderRecherche').offsetWidth/(1)))+"px"; var rangeValue = 0; } slider_recherche = new Control.Slider('handlerRecherche', 'sliderRecherche', { axis: 'horizontal', range: rangeValue, values: rangeValue, onSlide: function(value) { new Effect.Move('recherche_ul', { x: -$('product_'+value).style.left.substring(0,$('product_'+value).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.7, transition: Effect.Transitions.linear, fps:100, from:0.0, to:1.0 }); }, onChange: function(value) { new Effect.Move('recherche_ul', { x: -$('product_'+value).style.left.substring(0,$('product_'+value).style.left.indexOf('px')), y: 0, mode: 'absolute', duration:0.7, transition: Effect.Transitions.linear, fps:60, from:0.0, to:1.0 }); } }); if($('sliderPagination')) { if( nbResultat > 3 ){ Event.stopObserving($('galleryPrev2')); Event.stopObserving($('galleryNext2')); Event.observe( $('galleryPrev2'), 'ipad:click', function(e){ slider_recherche.setValue(slider_recherche.value-1); Event.stop(e); } ); Event.observe( $('galleryNext2'), 'ipad:click', function(e){ slider_recherche.setValue(slider_recherche.value+1); Event.stop(e); } ); Event.observe( $('galleryPrev2'), 'click', function(e){ Event.fire('galleryPrev2', 'ipad:click'); } ); Event.observe( $('galleryNext2'), 'click', function(e){ Event.fire('galleryNext2', 'ipad:click'); } ); }else{ $('galleryPrev2').style.display = "none"; $('galleryNext2').style.display = "none"; } } function scrollRecherche(event){ var e = event || window.event; var delta = (- e.detail / 3) || (e.wheelDelta / 120); slider_recherche.setValue(slider_recherche.value-(delta)); } Event.stopObserving('recherche_result'); if(document.addEventListener) { $('recherche_result').addEventListener('DOMMouseScroll', scrollRecherche, false); $('recherche_result').addEventListener('mousewheel', scrollRecherche, false); } else if (document.attachEvent) // pour IE { $('recherche_result').attachEvent('onmousewheel', scrollRecherche); } else { $('recherche_result').onDOMMouseScroll = scrollRecherche; $('recherche_result').onmousewheel = scrollRecherche; } } } /** PAGE MENTIONS LEGALES **/ if(pagename[target] == "mentions_legales"){ if($('mentions').scrollHeight <= $('mentions').offsetHeight){ $('sliderMentions').style.display = 'none'; }else{ if($('sliderMentions')){ $('sliderMentions').style.display = 'block'; if(typeof(slider_mentions)!='undefined'){ slider_mentions.setDisabled(); if(ie6()){ delete slider_mentions; } } slider_mentions = new Control.Slider('handlerMentions', 'sliderMentions', { axis: 'vertical', onSlide: function(value) { scrollVertical(value, $('mentions'), slider_mentions); }, onChange: function(value) { scrollVertical(value, $('mentions'), slider_mentions); } }); function scrollMentions(event){ var e = event || window.event; var delta = (- e.detail / 3) || (e.wheelDelta / 120); slider_mentions.setValue(slider_mentions.value-(0.03*delta)); } Event.stopObserving('mentions'); if(document.addEventListener) { $('mentions').addEventListener('DOMMouseScroll', scrollMentions, false); $('mentions').addEventListener('mousewheel', scrollMentions, false); } else if (document.attachEvent) // pour IE { $('mentions').attachEvent('onmousewheel', scrollMentions); } else { $('mentions').onDOMMouseScroll = scrollMentions; $('mentions').onmousewheel = scrollMentions; } } } } if(pagename[target] == "FAQ"){ //css3MC = new CSS3MultiColumn(); if(reload && $('questions')){ if( isMobile() ){ $('questions').style.width = (($A($$('.column')).length+1)*($('column2').offsetWidth))+($('column1').offsetWidth)+($('columnA').offsetWidth)+($('columnB').offsetWidth)+'px'; }else{ $('questions').style.width = (($A($$('.column')).length+1)*($('column2').offsetWidth))+($('column1').offsetWidth)+($('columnA').offsetWidth)+($('columnB').offsetWidth)+'px'; } } if(chanelFW.resVersion == "Small"){ $A($('questions').getElementsByTagName("img")).each( function(elmt_img){ // elmt_img.style.width = "75%"; // elmt_img.style.height = "75%"; } ); } if($('sliderFAQ')){ if(typeof(slider_faq)!='undefined'){ slider_faq.setDisabled(); if(ie6()){ delete slider_faq; } } slider_faq = new Control.Slider('handlerFAQ', 'sliderFAQ', { axis: 'horizontal', onSlide: function(value) { if(value==0 || isMobile() ){ $('sommaireBtn').style.visibility = "hidden"; }else{ $('sommaireBtn').style.visibility = "visible"; } if(value==0 || isMobile() ){ $('column2').style.visibility = "hidden"; } else { $('column2').style.visibility = "visible"; } if(value==0 && isMobile() ){ $('faq_pagination_prev').style.visibility = "hidden"; }else if( isMobile() ){ $('faq_pagination_prev').style.visibility = "visible"; } if(value==1 && isMobile() ){ $('faq_pagination_next').style.visibility = "hidden"; }else if( isMobile() ){ $('faq_pagination_next').style.visibility = "visible"; } scrollHorizontal(value, $('faq_list'), slider_faq); }, onChange: function(value) { if(value==0 || isMobile() ){ $('sommaireBtn').style.visibility = "hidden"; }else{ $('sommaireBtn').style.visibility = "visible"; } if(value==0 || isMobile() ){ $('column2').style.visibility = "hidden"; } else { $('column2').style.visibility = "visible"; } if(value==0 && isMobile() ){ $('faq_pagination_prev').style.visibility = "hidden"; }else if( isMobile() ){ $('faq_pagination_prev').style.visibility = "visible"; } if(value==1 && isMobile() ){ $('faq_pagination_next').style.visibility = "hidden"; }else if( isMobile() ){ $('faq_pagination_next').style.visibility = "visible"; } scrollHorizontal(value, $('faq_list'), slider_faq); } }); slider_faq.setValue(0); function scrollFAQ(event){ if( typeof(event) == "object" ){ var e = event || window.event; }else{ var e = { wheelDelta : event }; } var delta = (- e.detail / 3) || (e.wheelDelta / 120); slider_faq.setValue(slider_faq.value-(0.03*delta)); } if( isMobile() ){ $('faq_pagination_prev').onclick = function(){ scrollFAQ(330) }; $('faq_pagination_next').onclick = function(){ scrollFAQ(-330) }; }; Event.stopObserving('faq_list'); if(document.addEventListener) { $('faq_list').addEventListener('DOMMouseScroll', scrollFAQ, false); $('faq_list').addEventListener('mousewheel', scrollFAQ, false); if( isMobile() ){ Event.observe($('faq_list'), 'ipad:scrollLeft', function(e){ scrollFAQ(e.memo.speed); }); Event.observe($('faq_list'), 'ipad:scrollRight', function(e){ scrollFAQ(e.memo.speed); }); } } else if (document.attachEvent) // pour IE { $('faq_list').attachEvent('onmousewheel', scrollFAQ); } else { $('faq_list').onDOMMouseScroll = scrollFAQ; $('faq_list').onmousewheel = scrollFAQ; } } if($('sommaireBtn')){ Event.stopObserving('sommaireBtn'); Event.observe( 'sommaireBtn', 'click', function(e){ slider_faq.setValue(0); Event.stop(e); }, false ); } $A($$('#columns h2')).each( function(elmt){ if(elmt.id.indexOf("sommaire") != -1){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ posColumn = document.getElementById('q'+this.id.replace("sommaire_","")).parentNode.offsetLeft; totalWidth = $('columns').offsetWidth-$('faq_list').offsetWidth; if (ie6() || ie7()) totalWidth = totalWidth + 120; //calculé différement par ie6 slider_faq.setValue((posColumn-20)/totalWidth); Event.stop(e); }, false ); } } ); } /** PAGE EDITION EXCLUSIVE **/ if($('viewFilmCollection')){ Event.stopObserving('viewFilmCollection'); Event.observe( 'viewFilmCollection', 'click', function(e){ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat2').value,'The Collection link',50); goToLinkFlash('edition_exclu'); Event.stop(e); }, false ); } if(pagename[target] == 'editions_exclusives'){ if($('image_exclusive')){ $A($('image_exclusive').getElementsByTagName("img")).each( function(elmt_img,index){ if(index==0){ elmt_img.style.display = "block"; }else{ elmt_img.style.display = "none"; } } ); } if($('menu_exclusive')){ $A($('menu_exclusive').getElementsByTagName("li")).each( function(elmt){ if(elmt.getAttribute("name") != null){ Event.observe( elmt, 'mouseover', function(e){ //if(mouseover){ if($(elmt.getAttribute("name").replace('link_','img_')) && $(elmt.getAttribute("name").replace('link_','img_')).style.display != "block"){ new Effect.Fade('image_exclusive', { duration: 0.5 , afterFinish: function(){ $A($('image_exclusive').getElementsByTagName("img")).each( function(elmt_img){ elmt_img.style.display = "none"; } ); $(elmt.getAttribute("name").replace('link_','img_')).style.display = "block"; new Effect.Appear('image_exclusive', { duration: 1.0 }); } }); } Event.stop(e); }, false ); } } ); } } /** PAGE EDITION EXLUSIVES DETAIL **/ if(pagename[target] == "editions_exclusives_detail"){ if($('onglet_content')){ $('onglet_content').style.height = ($('expertise').offsetHeight - $('onglet_content').offsetTop - 20)+'px'; if( typeof(ipad) !== undefined && isMobile() ){ $('onglet_content').style.height = ($('expertise').offsetHeight - $('onglet_content').offsetTop - 40)+'px'; } slider_onglets = new Array(); $A($$('.vslider')).each( function(elmt){ var tab_id = elmt.id.replace("sliderExpertise_",""); $('sliderExpertise_'+tab_id).style.height = $('onglet_content').style.height; if(typeof(slider_onglets[tab_id])!='undefined'){ slider_onglets[tab_id].setDisabled(); } slider_onglets[tab_id] = new Control.Slider('handlerExpertise_'+tab_id, 'sliderExpertise_'+tab_id, { axis: 'vertical', onSlide: function(value) { scrollVertical(value, $('tab_'+tab_id), slider_onglets[tab_id]); }, onChange: function(value) { scrollVertical(value, $('tab_'+tab_id), slider_onglets[tab_id]); } }); function scrollExpertise(event){ if( typeof(event) == "object" ){ var e = event || window.event; }else{ var e = { wheelDelta : event }; } var delta = (- e.detail / 3) || (e.wheelDelta / 120); for(j=0;j $('tab_0').offsetHeight)){ $('sliderExpertise_0').style.display = 'block'; } if($('onglet')){ $A($('onglet').getElementsByTagName('a')).each( function(elmt,index){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ onglet_id = this.id.replace("onglet_",""); slider_onglets[onglet_id].setValue(0); slider_onglets[onglet_id].setDisabled(); $A($$('.vslider')).each( function(elmt){ elmt.style.display = 'none'; } ); $A($('onglet').getElementsByTagName('a')).each( function(elmt,index){ $(elmt).removeAllClass(); } ); $(this).addClassName('active'); $A($('onglet_content').getElementsByTagName('div')).each( function(elmt,index){ $(elmt).removeAllClass(); } ); $('tab_'+onglet_id).addClassName('active'); if($('tab_'+onglet_id).scrollHeight > $('tab_'+onglet_id).offsetHeight){ slider_onglets[onglet_id].setEnabled(); $('sliderExpertise_'+onglet_id).style.display = 'block'; } Event.stop(e); }, false ); } ); } if($('controls')){ var effects = Array(); function changeImgSrc(control_id){ $A($('view').getElementsByTagName('img')).each( function(elmt){ if(elmt.style.display != "none"){ new Effect.Fade(elmt, { duration: 0.5 , afterFinish: function(){ new Effect.Appear('model_'+control_id, { duration: 0.5 }); } }); } } ); } $A($('controls').getElementsByTagName('a')).each( function(elmt,index){ Event.stopObserving(elmt); Event.observe( elmt, 'ipad:click',function(e){ $A($$('.load')).each( function(elmt){ elmt.style.width = '0%'; } ); for(var i = 1; i<= effects.length; i++){ if(typeof(effects[i]) != "undefined"){ effects[i].cancel(); delete effects[i]; } } control_id = this.id.replace("control_",""); createEffect(control_id,$('modele').value); if($('playPauseBtn').className == "playBtn"){ effects[control_id].cancel(); } Event.stop(e); }); Event.observe( elmt, 'click', function(e){ Event.fire(elmt, 'ipad:click'); }, false ); } ); if($('playPauseBtn')){ Event.stopObserving('playPauseBtn'); Event.observe( 'playPauseBtn', 'click', function(e){ if($(this).className == "pauseBtn"){ $(this).removeClassName('pauseBtn'); $(this).addClassName('playBtn'); for(var i = 1; i<= effects.length; i++){ if(typeof(effects[i]) != "undefined"){ effects[i].cancel(); } } }else{ $(this).removeClassName('playBtn'); $(this).addClassName('pauseBtn'); for(var i = 1; i<= effects.length; i++){ if(typeof(effects[i]) != "undefined"){ createEffect(i,$('modele').value); } } } Event.stop(e); }, false ); } function createEffect(load_id,modele_id){ if($('load_'+modele_id+'_'+load_id)){ effects[load_id] = new Effect.Morph('load_'+modele_id+'_'+load_id, { style: 'width: 100%;', duration: 5, beforeStart: function(){ if($('model_'+load_id).style.display == "none"){ changeImgSrc(load_id); } }, afterFinish: function(){ if($('load_'+modele_id+'_'+load_id)){ $('load_'+modele_id+'_'+load_id).style.width = '0%'; } next_id = 1+parseInt(load_id); if($('load_'+modele_id+'_'+next_id)){ delete effects[load_id] createEffect(next_id,modele_id) }else{ delete effects[load_id]; createEffect(1,modele_id); } } }); } } createEffect(1,$('modele').value); } if($('model_1')){ new Effect.Appear('model_1', { duration: 0.5 }); } if($('viewFilm')){ Event.stopObserving('viewFilm'); Event.observe( 'viewFilm', 'click', function(e){ $('inline_popup').style.display = 'block'; edition_id = $('edition').value; modele_id = $('modele').value; document.getElementById('chargement').style.display = "block"; new Ajax.Updater( 'popin', basehref+sitelocEncoded+"?page=popin_player&edition="+edition_id+"&id="+modele_id+"&size="+chanelFW.resVersion+"&ajaxoutput=true", { method: 'post', parameters: { }, onSuccess: function(){ if(typeof(effects) != "undefined"){ for(var i = 1; i<= effects.length; i++){ if(typeof(effects[i]) != "undefined"){ effects[i].cancel(); } } } $('popin').removeAllClass(); $('popin').addClassName('playerPopin'); document.getElementById('chargement').style.display = "none"; }, onComplete: function(){ var closelink = document.getElementById('closePopinBtn').cloneNode(true); document.getElementById('noflash').removeChild(document.getElementById('closePopinBtn')); if($('flashcontent')){ var params = { quality: "high", scale: "noscale", wmode: "transparent", allowFullScreen: "true", allowscriptaccess: "always", bgcolor: "#000000" }; var flashvars = { branch: "index/nav/home", seourl: encodeURIComponent(basehref+decodeURIComponent(siteloc)+"?page=popin_player&edition="+edition_id+"&id="+modele_id+"&size="+chanelFW.resVersion+"&ajaxoutput=true"), lang:sitelocEncoded.split('/')[0] }; if( ch_lang != "zh-cn" ){ flashvars.siteXML = path_site+"_xml/site.xml"; }else{ flashvars.siteXML = path_site+"_xml/site_CN.xml"; } var attributes = { id: "flashcontent", name: "flashcontent" }; swfobject.embedSWF(path_site+"_swf/main.swf", "flashcontent", $('centerdiv').offsetWidth, $('centerdiv').offsetHeight, "9.0.124", path_site+"_swf/expressInstall.swf", flashvars, params, attributes); } $('popin').appendChild(closelink); if($('closePopinBtn')){ Event.observe( 'closePopinBtn', 'click', function(e){ $('inline_popup').style.display = 'none'; $('popin').innerHTML=""; if(typeof(effects) != "undefined"){ for(var i = 1; i<= effects.length; i++){ if(typeof(effects[i]) != "undefined"){ createEffect(i,$('modele').value); } } } Event.stop(e); }, false ); } } } ); Event.stop(e); }, false ); } } /** PAGE EXPERTISE HORLOGERE **/ $A($$('a.viewFilmExpertise')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' '+$(this).getAttribute('rel'),'',0); goToLinkFlash('expertise_horlo,'+$(this).id.replace('time_','')); Event.stop(e); }, false ); } ); /** PAGE SAVOIR FAIRE **/ $A($$('a.viewFilmAudace')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat1').value+' '+$(this).getAttribute('rel'),'',0); goToLinkFlash('audace,'+$(this).id.replace('time_','')); Event.stop(e); }, false ); } ); /** PAGE REFS */ if(pagename[target] == "refs"){ setTimeout(function(){ if($('list_refs')){ if($('list_refs').scrollHeight <= $('list_refs').offsetHeight){ $('sliderRefsRight').style.display = 'none'; $('list_refs').style.height = "auto"; }else{ if($('sliderRefsRight') && reload){ $('sliderRefsRight').style.display = 'block'; if(typeof(slider_refsRight)!='undefined'){ slider_refsRight.setDisabled(); if(ie6()){ delete slider_refsRight; } } slider_refsRight = new Control.Slider('handlerRefsRight', 'sliderRefsRight', { axis: 'vertical', onSlide: function(value) { scrollVertical(value, $('list_refs'), slider_refsRight); }, onChange: function(value) { scrollVertical(value, $('list_refs'), slider_refsRight); } }); slider_refsRight.setValue(0); function scrollRefsRight(event){ if( typeof(event) == "object" ){ var e = event || window.event; }else{ var e = { wheelDelta : event }; } var delta = (- e.detail / 3) || (e.wheelDelta / 120); if( isMobile() ){ slider_refsRight.setValue(slider_refsRight.value-(0.6*delta)); }else{ slider_refsRight.setValue(slider_refsRight.value-(0.06*delta)); } } Event.stopObserving('list_refs'); if(document.addEventListener) { $('list_refs').addEventListener('DOMMouseScroll', scrollRefsRight, false); $('list_refs').addEventListener('mousewheel', scrollRefsRight, false); } else if (document.attachEvent) // pour IE { $('list_refs').attachEvent('onmousewheel', scrollRefsRight); } else { $('list_refs').onDOMMouseScroll = scrollRefsRight; $('list_refs').onmousewheel = scrollRefsRight; } } } } },500); } /** PAGE HAUTE JOAILLERIE **/ if(pagename[target] == "haute_joaillerie"){ if($('film').value != ""){ goToLinkFlash($('film').value); } if($('viewFilmCollection')){ Event.stopObserving('viewFilmCollection'); Event.observe( 'viewFilmCollection', 'click', function(e){ goToLinkFlash('left'); Event.stop(e); }, false ); } if($('viewFilmEsprit')){ Event.stopObserving('viewFilmEsprit'); Event.observe( 'viewFilmEsprit', 'click', function(e){ goToLinkFlash('right'); Event.stop(e); }, false ); } } // Chanel et vous $A(document.getElementsByName('activ')).each( function(elmt){ Event.stopObserving(elmt); Event.observe( elmt, 'click', function(e){ if(elmt.parentNode.className == "active"){ elmt.parentNode.className = ""; }else{ elmt.parentNode.className = "active"; } Event.stop(e); }, false ); } ); if($('mentionsBtn')){ Event.stopObserving('mentionsBtn'); Event.observe( 'mentionsBtn', 'click', function(e){ document.getElementById('chargement').style.display = "block"; new Ajax.Updater( 'popin', basehref+sitelocEncoded+"?page=popin_mentions&ajaxoutput=true", { method: 'post', onSuccess: function(){ $('popin').className='widePopin'; $('inline_popup').style.display = 'block'; document.getElementById('chargement').style.display = "none"; }, onComplete: function(){ if($('closePopinBtn')){ Event.observe( 'closePopinBtn', 'click', function(e){ $('inline_popup').style.display = 'none'; Event.stop(e); }, false ); } eventListener("mentions_legales",false,"popin"); loadFirst(); } } ); Event.stop(e); }, false ); } /** GLOBAL **/ if($('sliderControlLeft')){ Event.observe( 'sliderControlLeft', 'mouseover', function(e){ Event.stop(e); }, false ); Event.observe( 'sliderControlLeft', 'mouseout', function(e){ Event.stop(e); }, false ); } if($('sliderControlRight')){ Event.observe( 'sliderControlRight', 'mouseover', function(e){ Event.stop(e); }, false ); Event.observe( 'sliderControlRight', 'mouseout', function(e){ Event.stop(e); }, false ); } /** IE6 **/ if(ie6()){ /* CSS HOVER FIX */ $A($$('.zoneSliderOn')).each( function(elmt){ parseStylesheets(elmt.parentNode); } ); $A($$('.footermenu')).each( function(elmt){ parseStylesheets(elmt.parentNode); } ); /* MENU ACTIVE FIX */ $A($$('li.active')).each( function(elmt){ elmt.firstChild.style.color = "#FFFFFF"; } ); } /** PNG FIX IE6 **/ //correctPNG(); /** WEBTRENDS + META **/ if(reload){ page_name = pagename[target]; if($('meta_title')){ document.title = $('meta_title').value; } if($('meta_desc') ) jQuery("meta[name=description]").attr('content',$('meta_desc').value); if($('meta_keywords') ) jQuery("meta[name=keywords]").attr('content',$('meta_keywords').value); update_meta('og:description', $('meta_desc').value); update_meta('og:title', $('meta_title').value); /*$A($$('meta')).each( function(elmt){ if(elmt.name == "description" && $('meta_desc_constante') && $('meta_desc')){ elmt.setAttribute("content", $('meta_desc_constante').value+$('meta_desc').value); } if(elmt.name == "keywords" && $('meta_keyword')){ elmt.setAttribute("content", $('meta_keyword').value); } if(elmt.name == "DCSext.ch_div" && $('ch_div')){ elmt.setAttribute("content", $('ch_div').value); } if(elmt.name == "DCSext.ch_lang" && $('ch_lang')){ elmt.setAttribute("content", $('ch_lang').value); } if(elmt.name == "DCSext.ch_re" && $('ch_re')){ elmt.setAttribute("content", $('ch_re').value); } if(elmt.name == "DCSext.ch_cat" && $('ch_cat')){ elmt.setAttribute("content", $('ch_cat').value); } if(elmt.name == "DCSext.ch_scat1" && $('ch_scat1')){ elmt.setAttribute("content", $('ch_scat1').value); } if(elmt.name == "DCSext.ch_scat2" && $('ch_scat2')){ elmt.setAttribute("content", $('ch_scat2').value); } if(elmt.name == "DCSext.ch_prod" && $('ch_prod')){ elmt.setAttribute("content", $('ch_prod').value); } } );*/ //stats(page_name,document.title,$('ch_div').value,$('ch_lang').value,$('ch_re').value,$('ch_cat').value,$('ch_scat1').value,$('ch_scat2').value,$('ch_prod').value); if($('cg_s') && $('cg_s').value != ""){ cg_s=$('cg_s').value; }else{ cg_s=cg_s_original; } if($('ch_cat') && $('ch_cat').value != ""){ ch_cat=$('ch_cat').value; }else{ ch_cat=ch_cat_original; } if($('dl') && $('dl').value != ""){ var dl=$('dl').value; }else{ var dl=0; } if(page_name != 'collection' && page_name != 'instants' && page_name != 'newsletter' && page_name != 'imprimer' && page_name != 'diamant'){ stats(ch_re,ch_lang,cg_n,cg_s,ch_div,ch_cat,$('ch_scat1').value,$('ch_scat2').value,$('ch_prod').value,dl); } } /* Clean title ie */ if( isIE ){ try{ var titleSave = document.title; setTimeout(function(){ document.title = titleSave; },850); }catch(err){ } } } function update_meta(meta, content){ if( meta == "title" ){ document.title = content; }else if( meta == "description" ){ jQuery("meta[name=description]").attr('content',content); }else{ jQuery('meta').each(function(){ if( jQuery(this).attr('property') == meta ){ jQuery(this).attr('content', content); } }); } } function displayVideoPlayer(el){ var src = { mp4 : path_site+'_flv/'+$(el).innerHTML.replace('.mov','.mp4').replace('.flv','.mp4'), jpg : path_site+"_flv/"+$(el).innerHTML.replace('.mov','.jpg').replace('.flv','.jpg') } $(el).innerHTML = ''; delete src; }