var idTimeToOut;
var timeToOut = 100;
var elt1;
var elt2;
// js class on html tag
var htmlTag = document.getElementsByTagName("html")[0];
var currentClass = htmlTag.className;
htmlTag.className = currentClass.length > 0 ? currentClass + " js" : "js";
//window on resize
window.addEvent('resize', function() {
if($('diaporama-home') !=null) moveFooter($('content-background-home'));
});
function hideBottomBlocHome(el){
clearTimeout(idTimeToOut);
el.set('tween',{transition: Fx.Transitions.Cubic.easeInOut});
el.tween('height', 49);
el.getElement('.box-home-top').setStyle('background-position', 'top center');
}
//au chargement de la page
window.addEvent('domready', function() {
if($('content-tools') !=null){
/*** CORRECTION BUG ETIQUETTE IMPRESSION ***/
var dv = document.getElementById('content-tools').getElementsByTagName('a')[2].childNodes[0];
var span_one = document.createElement("span");
span_one.className = "hidden-text";
span_one.appendChild(document.createTextNode("Imprimer la page"));
var span_two = document.createElement("span");
span_two.className = "box-tools-rollover ";
span_two.id = "box-rollover-imprimer";
var link = document.createElement("a");
link.href="javascript:window.print();";
link.appendChild(document.createTextNode("Imprimer"));
span_two.appendChild(link);
dv.appendChild(span_one);
dv.appendChild(span_two);
}
/*FIN CORRECTION ETIQUETTE*/
//===============================================
// Common
//===============================================
//disparition du "Recherche par mots cles"
$$('#search-engine .search-input').each(function(el) {
el.addEvent('click', function(e) {
el.setProperty('value','');
});
el.addEvent('mouseleave', function(e) {
if(el.getProperty('value')==''){
el.setProperty('value','Recherche par mots clés');
}
});
});
//===============================================
// Home
//===============================================
if($('diaporama-home') !=null)
{
var height_box1 = parseInt($('id_box1').getStyle('height')) + 16;
var height_box2 = parseInt($('id_box2').getStyle('height')) + 16;
//deroulement du footer
$$('.bloc1').each(function(el) {
el.addEvent('mouseenter', function(e) {
hideBottomBlocHome(el.getParent().getElement('.bloc2'));
el.set('tween',{transition: Fx.Transitions.Cubic.easeOut});
el.tween('height',height_box1);
el.getElement('.box-home-top').setStyle('background-position', 'bottom center');
var height_bottom2 = parseInt($('bottom2').getStyle('height')) ;
var height_bottom1 = parseInt($('bottom1').getStyle('height')) ;
var height_top2 = parseInt($('top2').getStyle('height')) ;
var height_top1 = parseInt($('top1').getStyle('height')) ;
var height_ul = (height_top1 + height_bottom1)- (height_top2 + 50) ;
});
el.addEvent('mouseleave', function(e) {
clearTimeout(idTimeToOut);
idTimeToOut = setTimeout(function(){hideBottomBlocHome(el)}, timeToOut);
});
});
$$('.bloc2').each(function(el) {
el.addEvent('mouseenter', function(e) {
hideBottomBlocHome(el.getParent().getElement('.bloc1'));
el.set('tween',{transition: Fx.Transitions.Cubic.easeOut});
el.tween('height',height_box2);
el.getElement('.box-home-top').setStyle('background-position', 'bottom center');
});
el.addEvent('mouseleave', function(e) {
clearTimeout(idTimeToOut);
idTimeToOut = setTimeout(function(){hideBottomBlocHome(el)}, timeToOut);
});
});
/*alert("1");
alert($$('box-home-content-global')[1].height);
alert("2");*/
//deroulement du footer
/*
$$('.box-home').each(function(el) {
el.addEvent('mouseenter', function(e) {
el.set('tween',{transition: Fx.Transitions.Cubic.easeOut});
el.tween('height',215);
el.getElement('.box-home-top').setStyle('background-position', 'bottom center');
});
el.addEvent('mouseleave', function(e) {
el.set('tween',{transition: Fx.Transitions.Cubic.easeInOut});
el.tween('height', 49);
el.getElement('.box-home-top').setStyle('background-position', 'top center');
});
});*/
//gestion du diaporama
var timer = new timerDiapo($('diaporama-player-home'));
//gestion de la frise
var nb_diapos = $$('#diaporama-wrapper a').getProperty('id').toString();
nb_diapos = nb_diapos[nb_diapos.length-1];
$$('#diaporama-home .diapo-image').each(function(el){
var obj = new vignette(el,nb_diapos);
});
}
//===============================================
// Components
//===============================================
//gestion des infos-bulles "partager" et "imprimer"
$$('.content-cms #content-tools div.tools-share').each(function(el){
el.addEvent('mouseenter', function(e) {
if(!$('box-rollover-partager').hasClass('active')){
$('box-rollover-partager').addClass('active');
}
else{
$('box-rollover-partager').removeClass('active');
}
});
el.addEvent('mouseleave', function(e) {
$('box-rollover-partager').removeClass('active');
});
});
$$('.content-cms #content-tools div.tools-print').each(function(el){
el.addEvent('mouseenter', function(e) {
if(!$('box-rollover-imprimer').hasClass('active')){
$('box-rollover-imprimer').addClass('active');
}
else{
$('box-rollover-imprimer').removeClass('active');
}
});
el.addEvent('mouseleave', function(e) {
$('box-rollover-imprimer').removeClass('active');
});
});
//gestion des box-wrapper
$$('#content .box-wrapper').each(function(el) {
//initialisation de l'animation
var items = el.getElements('.slider-item-content-overflow');
items.each(function(item){
var myFx = new Fx.Slide(item, {
duration: '0',
transition: Fx.Transitions.Bounce.easeOut
});
myFx.show();
});
//bouton "deplier tout le tableau"
el.getElement('.box-button-arrow').addEvent('click', function(e) {
if(el.getElement('.box-button-arrow-content span.label')!=null){
if(el.getElement('.box-button-arrow-content span.label').hasClass('deplier')){
var items = el.getElements('.slider-item');
items.each(function(item){
deplier(item);
});
el.getElement('.box-button-arrow-content span.label').removeClass('deplier');
el.getElement('.box-button-arrow-content span.label').set('text','Replier tout le tableau');
el.getElement('.box-button-arrow-content span.label').setStyle('background-position','right -24px');
}
else{
var items = el.getElements('.slider-item');
items.each(function(item){
replier(item);
});
el.getElement('.box-button-arrow-content span.label').addClass('deplier');
el.getElement('.box-button-arrow-content span.label').set('text','Déplier tout le tableau');
el.getElement('.box-button-arrow-content span.label').setStyle('background-position','right -1px');
}
}
});
//bouton deplier/replier de chaque item
var item_tops = el.getElements('.slider-item-top');
item_tops.each(function(item_top) {
item_top.addEvent('click', function(e) {
var ancetre = item_top.getParent();
if(ancetre.hasClass('active')){
replier(ancetre);
}
else{
deplier(ancetre);
}
});
});
if(navigator.appName!="Microsoft Internet Explorer"){
var item_overflows = el.getElements('.slider-item-content-overflow');
var cpt_item_overflow = 1;
item_overflows.each(function(item_overflow) {
var ancetre1 = item_overflow.getParent();
ancetre1.setStyle('width','100%');
if(cpt_item_overflow == 1){
ancetre1.setStyle('height','100%');
cpt_item_overflow ++;
}
});
}
});
//menus de class sub-menu
$$('.sub-menu').each(function(menu) {
//changer la couleur des classes "top" ou "bottom" selon que la premiere ou la derniere rubrique est selectionnee
changeCouleurSubmenu(menu);
if(menu.hasClass('sommaire')){
var liens = menu.getElements('a');
liens.each(function(lien){
//action au clic sur un lien :
lien.addEvent('click',function(e){
if(menu.getElement('li.select')!=null){
//menu.getElement('li.select').getElement('p').addClass('displayN');
//menu.getElement('li.select').getElement('a').removeClass('displayN');
menu.getElement('li.select').removeClass('select');
}
lien.getParent().getParent().addClass('select');
//lien.addClass('displayN');
//lien.getParent().getElement('p').removeClass('displayN');
changeCouleurSubmenu(menu);
});
});
}
//changer la couleur des classes "top" ou "bottom" selon que la premiere ou la derniere rubrique est en hover
if(menu.getElement('.bottom span')!=null){
if(menu.getElement('.last')!=null){
menu.getElement('.last').addEvent('mouseenter',function(e){
if(!menu.getElement('.last').hasClass('select')){
menu.getElement('.bottom').setStyle('background-position','left -30px');
menu.getElement('.bottom span').setStyle('background-position','right -30px');
}
});
menu.getElement('.last').addEvent('mouseleave',function(e){
if(!menu.getElement('.last').hasClass('select')){
menu.getElement('.bottom').setStyle('background-position','left -6px');
menu.getElement('.bottom span').setStyle('background-position','right -6px');
}
});
}
}
if(menu.getElement('.top span')!=null){
if(menu.getElement('.first')!=null){
menu.getElement('.first').addEvent('mouseenter',function(e){
if(!menu.getElement('.first').hasClass('select')){
menu.getElement('.top').setStyle('background-position','left -24px');
menu.getElement('.top span').setStyle('background-position','right -24px');
}
});
menu.getElement('.first').addEvent('mouseleave',function(e){
if(!menu.getElement('.first').hasClass('select')){
menu.getElement('.top').setStyle('background-position','left -12px');
menu.getElement('.top span').setStyle('background-position','right -12px');
}
});
}
}
});
// Duppliquer sub-menu en Sub-menu bis pour modif des classes du menu navigation gauche--------------------- gld debut
$$('.sub-menu-bis').each(function(menu) {
//changer la couleur des classes "top-bis" ou "bottom-bis" selon que la premiere ou la derniere rubrique est selectionnee
changeCouleurSubmenuBis(menu);
if(menu.hasClass('sommaire')){
var liens = menu.getElements('a');
liens.each(function(lien){
//action au clic sur un lien :
lien.addEvent('click',function(e){
if(menu.getElement('li.select')!=null){
//menu.getElement('li.select').getElement('p').addClass('displayN');
//menu.getElement('li.select').getElement('a').removeClass('displayN');
menu.getElement('li.select').removeClass('select-bis');
}
lien.getParent().getParent().addClass('select-bis');
//lien.addClass('displayN');
//lien.getParent().getElement('p').removeClass('displayN');
changeCouleurSubmenu(menu);
});
});
}
//changer la couleur des classes "top" ou "bottom" selon que la premiere ou la derniere rubrique est en hover
if(menu.getElement('.bottom span')!=null){
if(menu.getElement('.last')!=null){
menu.getElement('.last').addEvent('mouseenter',function(e){
if(!menu.getElement('.last').hasClass('select-bis')){
menu.getElement('.bottom').setStyle('background-position','left -30px');
menu.getElement('.bottom span').setStyle('background-position','right -30px');
}
});
menu.getElement('.last').addEvent('mouseleave',function(e){
if(!menu.getElement('.last').hasClass('select-bis')){
menu.getElement('.bottom').setStyle('background-position','left -6px');
menu.getElement('.bottom span').setStyle('background-position','right -6px');
}
});
}
}
if(menu.getElement('.top span')!=null){
if(menu.getElement('.first')!=null){
menu.getElement('.first').addEvent('mouseenter',function(e){
if(!menu.getElement('.first').hasClass('select')){
menu.getElement('.top').setStyle('background-position','left -24px');
menu.getElement('.top span').setStyle('background-position','right -24px');
}
});
menu.getElement('.first').addEvent('mouseleave',function(e){
if(!menu.getElement('.first').hasClass('select')){
menu.getElement('.top').setStyle('background-position','left -12px');
menu.getElement('.top span').setStyle('background-position','right -12px');
}
});
}
}
});
// Duppliquer sub-menu en Sub-menu bis pour modif des classes du menu navigation gauche--------------------- gld fin
//s'il n'y a pas de sommaire, on enleve le fond blanc de container-section .content
/*$$('.content-cms').each(function(content_cms){
if(content_cms.getElement('.sommaire-section')==null){
content_cms.getElements('.container-section').each(function(container_section){
//on enleve le conteneur blanc
container_section.getChildren('.top').setStyle('background','none');
container_section.getChildren('.top').getElement('span').setStyle('background','none');
container_section.getChildren('.content').setStyle('background','none');
container_section.getChildren('.content').setStyle('border-left','0 none');
container_section.getChildren('.bottom').setStyle('background','none');
container_section.getChildren('.bottom').getElement('span').setStyle('background','none');
container_section.removeClass('marginT15');
content_cms.getElement('h2.first-h2').setStyle('padding-bottom',0);
//on blanchit le conteneur bleu
container_section.getElements('.citation').each(function(citation){
citation.getElement('.blockquote-top').setStyle('background','url("graphics/core/background/box-white-corner-elements.png") no-repeat scroll left top transparent');
citation.getElement('.blockquote-top span').setStyle('background','url("graphics/core/background/box-white-elements.png") no-repeat scroll right top transparent');
citation.getElement('.blockquote-content').setStyle('background','#fff');
citation.getElement('.blockquote-bottom').setStyle('background','url("graphics/core/background/box-corner-bottom-elements.png") no-repeat scroll left -5px transparent');
});
});
}
});*/
//===========================
// Formulaire s'il existe
//===========================
if($('theForm'))
new FormCheck('theForm');
// auto empty fields
/*if($$('#askExpert .autoEmpty').length) {
emptyField($$('#askExpert .autoEmpty')[0], eval('l10n.'+currentLang+'.askExpert.question'));
}
if($$('#askExpert .autoEmpty').length) {
emptyField($$('#askExpert .autoEmpty')[2], eval('l10n.'+currentLang+'.askExpert.mail'));
}
if($$('#askExpert .autoEmpty').length) {
emptyField($$('#askExpert .autoEmpty')[1], eval('l10n.'+currentLang+'.askExpert.nom'));
}*/
// popin manager
if($$('[class*="js:popin:"]').length) {
//alert('document.getElementById("input6").checked = '+document.getElementById("input6").checked);
//alert('(document.forms["theForm"].action != groupr....' + (document.forms["theForm"].action != "/GroupeApicil/GroupeApicilForm"));
//var affichage = (document.forms["theForm"].action != "/GroupeApicil/GroupeApicilForm") && document.getElementById("input6").checked ;
//alert('affichage = '+ affichage);
var myPopin = new popin($$('[class*="js:popin:"]'),true);
$$('#askExpert form').addEvent('submit', function(e) {
if($('theForm'))
new FormCheck('theForm');
e.preventDefault();
verifierCaptcha("a15_Nom");
//c.update_pos_content();
/*$('askExpert').addClass('hidden');
$('receptionExpert').removeClass('hidden').setStyles({
display:'block'
});*/
//document.theForm.submit();
/*alert('action_click_link_onsubmit 0');
alert('action = ' + document.getElementById("theForm").action);
alert('a30_captcha = ' + document.getElementById("a30_captcha").value);
if((document.getElementById("theForm").action=='') && (document.getElementById("a30_captcha").value=='submitKo') ){
alert('action_click_link_onsubmit 1');
e.preventDefault();
var engine = getContext($(this), 'popinObj');
if(engine) {
engine.launch();
}
$('askExpert').addClass('hidden');
$('receptionExpert').removeClass('hidden').setStyles({
display:'block'
});
alert('action_click_link_onsubmit 2');
}*/
});
}
/*** CORRECTION BUG ETIQUETTE IMPRESSION ***/
/*var dv = document.getElementById('content-tools').getElementsByTagName('a')[2].childNodes[0];
var span_one = document.createElement("span");
span_one.className = "hidden-text";
span_one.appendChild(document.createTextNode("Imprimer la page"));
var span_two = document.createElement("span");
span_two.className = "box-tools-rollover ";
span_two.id = "box-rollover-imprimer";
var link = document.createElement("a");
link.href="javascript:window.print();";
link.appendChild(document.createTextNode("Imprimer"));
span_two.appendChild(link);
dv.appendChild(span_one);
dv.appendChild(span_two);*/
});
window.onload = function() {
//positionnement du footer en bas de page
moveFooter($('content-background-home'));
}
//fonctions de gestion des sub-menu
function changeCouleurSubmenu(menu){
if(menu.getElement('.top span')!=null){
var content = menu.getElement('.content');
if(content.hasClass('sub-section')){
if(content.getElement('.first')!=null){
if(content.getElement('.first')!=null){
if(content.getElement('.first').hasClass('select')){
//on passe le top au bleu quand la premiere div est sectionnee
menu.getElement('.top').setStyle('background-position','left 0');
menu.getElement('.top span').setStyle('background-position','right 0');
}
else{
//premier menu accordeon sur la page edito long : changer la couleur de la div class "top" selon que la premiere rubrique est selectionnee ou non
menu.getElement('.top').setStyle('background-position','left -11px');
menu.getElement('.top span').setStyle('background-position','right -11px');
}
}
}
}
}
if(menu.getElement('.bottom span')!=null){
if(menu.getElement('.last')!=null){
if(menu.getElement('.last').hasClass('select')){
//changer la couleur de la div class "bottom" selon que que la derniere rubrique est selectionnee ou non
menu.getElement('.bottom').setStyle('background-position','left -18px');
//menu.getElement('.last').setStyle('border-bottom','none');
menu.getElement('.bottom span').setStyle('background-position','right -18px');
}
else{
//on pase le bottom au blanc quand la derniere div désectionnee
menu.getElement('.bottom').setStyle('background-position','left -6px');
menu.getElement('.bottom span').setStyle('background-position','right -6px');
}
}
}
}
// Duppliquer fonctions de gestion des sub-menu en fonctions de gestion des sub-menu-bis pour modif des classes du menu navigation gauche--gld-debut
//fonctions de gestion des sub-menu-bis
function changeCouleurSubmenuBis(menu){
if(menu.getElement('.top-bis span')!=null){
var content = menu.getElement('.content-bis');
if(content.hasClass('sub-section')){
if(content.getElement('.first')!=null){
if(content.getElement('.first')!=null){
if(content.getElement('.first').hasClass('select')){
//on passe le top au bleu quand la premiere div est sectionnee
menu.getElement('.top-bis').setStyle('background-position','left 0');
menu.getElement('.top-bis span').setStyle('background-position','right 0');
}
else{
//premier menu accordeon sur la page edito long : changer la couleur de la div class "top" selon que la premiere rubrique est selectionnee ou non
menu.getElement('.top-bis').setStyle('background-position','left -11px');
menu.getElement('.top-bis span').setStyle('background-position','right -11px');
}
}
}
}
}
if(menu.getElement('.bottom-bis span')!=null){
if(menu.getElement('.last-bis')!=null){
if(menu.getElement('.last-bis').hasClass('select-bis')){
//changer la couleur de la div class "bottom" selon que que la derniere rubrique est selectionnee ou non
menu.getElement('.bottom-bis').setStyle('background-position','left -18px');
//menu.getElement('.last').setStyle('border-bottom','none');
menu.getElement('.bottom-bis span').setStyle('background-position','right -18px');
}
else{
//on pase le bottom au blanc quand la derniere div désectionnee
menu.getElement('.bottom-bis').setStyle('background-position','left -6px');
menu.getElement('.bottom-bis span').setStyle('background-position','right -6px');
}
}
}
}
// Duppliquer fonctions de gestion des sub-menu en fonctions de gestion des sub-menu-bis pour modif des classes du menu navigation gauche-gld-fin
//fonctions de gestion des box-wrapper
function deplier(el,tout){
//slide
el.set('slide', {duration: 'long', transition: 'bounce:out'});
el.getElement('.slider-item-content-overflow').setStyle('height','auto');
el.getElement('.slider-item-content-overflow').slide('in');
el.addClass('active');
}
function replier(el){
el.set('slide', {duration: 'long', transition: 'bounce:out'});
el.getElement('.slider-item-content-overflow').slide('out');
el.removeClass('active');
}
function delegate( that, thatMethod ){
return function() { return thatMethod.call(that); }
}
//classe vignette
vignette=function($object,nb_diapos){
this.$OBJECT = $object;
this.binder();
this.$OBJECT.store('vignette', this);
this.nb_diapos = nb_diapos;
this.largeur_curseur = $('diaporama-timeline-container').getStyle('width').toInt()/nb_diapos;
this.largeur_curseur = this.largeur_curseur.toInt();
$('diaporama-timeline').setStyle('width',this.largeur_curseur);
};
vignette.prototype.$OBJECT=null;
vignette.prototype.isOpen=false;
vignette.prototype.isClose=true;
vignette.prototype.duration=150;
vignette.prototype.durationFade=250;
vignette.prototype.linkage='cancel';
vignette.prototype.morph1=null;
vignette.prototype.morph2=null;
vignette.prototype.nb_diapos=null;
vignette.prototype.largeur_curseur=null;
vignette.prototype.binder=function(){
this.$OBJECT.addEvent('mouseenter', function(e) {
this.setStyle('z-index',500);
this.getElement('.diapo-img-hover').setStyle('z-index',500);
this.getParent().setStyle('overflow','visible');
var micro_engine = this.retrieve('vignette');
micro_engine.open();
});
this.$OBJECT.addEvent('mouseleave', function(e) {
var micro_engine = this.retrieve('vignette');
micro_engine.close();
});
this.$OBJECT.addEvent('click', function(e) {
var micro_engine = this.retrieve('vignette');
micro_engine.changeBackground();
$$('#diaporama-home .diapo-image').each(function(el){
var obj = el.retrieve('vignette');
obj.unselect();
});
micro_engine.select();
});
};
vignette.prototype.open=function(){
if (this.morph1!=null){
this.morph1.cancel();
this.morph2.cancel();
}
this.morph1= new Fx.Morph(this.$OBJECT, {link: this.linkage,duration: this.duration});
this.morph2= new Fx.Morph(this.$OBJECT.getElement('.diapo-img-hover'), {link: this.linkage,duration: this.duration});
//execution des effets
this.morph1.start({'height': 62,'width': 122,'margin-left': -20,'margin-top': -11});
this.morph2.start({'height': 56,'width': 116,'margin-left': 3,'margin-top': 3});
};
vignette.prototype.close=function(){
if (this.morph1!=null){
this.morph1.cancel();
this.morph2.cancel();
}
this.morph1= new Fx.Morph(this.$OBJECT, {link: this.linkage,duration: this.duration, transition: Fx.Transitions.Expo.easeInOut});
this.morph2= new Fx.Morph(this.$OBJECT.getElement('.diapo-img-hover'), {
link: this.linkage,
duration: this.duration,
transition: Fx.Transitions.Expo.easeInOut,
onComplete:function(){
var $current=this.subject;
$current.getParent().setStyle('z-index',100);
$current.setStyle('z-index',100);
$current.getParent().getParent().setStyle('overflow','hidden');
}
});
// execution des effets
this.morph1.start({'height': 39,'width': 81,'margin-left': 0,'margin-top': 0});
this.morph2.start({'height': 39,'width': 81,'margin-left': 0,'margin-top': 0});
};
vignette.prototype.select=function(){
this.$OBJECT.getParent().addClass('diapo-active');
};
vignette.prototype.unselect=function(){
this.$OBJECT.getParent().removeClass('diapo-active');
};
vignette.prototype.changeBackground=function(){
id_image =this.$OBJECT.getProperty('id').substring(11).toInt();
if(!isNaN(id_image)){
//on effectue l'animation
var myFx = new Fx.Tween($('background-img'),{
duration: this.durationFade,
transition: Fx.Transitions.Sine.easeIn,
onComplete:function(){//code exécuté à la fin de l'animation
$('background-img').setProperty('src','/GroupeApicil/Images/normal_portrait'+id_image+'.jpg');
$('background-img').fade('in');
}
});
myFx.start('opacity',0);
//on modifie le h2
$('h2-wrapper').getElement('h2.displayB').addClass('displayN');
$('h2-wrapper').getElement('h2.displayB').removeClass('displayB');
if($('h2-image'+id_image)!=null){
$('h2-image'+id_image).addClass('displayB');
$('h2-image'+id_image).removeClass('displayN');
}
//on modifie le texte "Photo 1/7"
$('current-photo').set('text',id_image);
//on fait bouger la timeline
$('diaporama-timeline').setStyle('left',(id_image - 1)*this.largeur_curseur);
}
};
//fin de la classe vignette
//classe timerDiapo
timerDiapo=function($object,nb_diapos){
this.$OBJECT = $object;
this.binder();
this.$OBJECT.store('timerDiapo', this);
this.isOn = false;
this.play();
};
timerDiapo.prototype.timeInterval = 10000;
timerDiapo.prototype.isOn=false;
timerDiapo.prototype.timerDiapo=null;
timerDiapo.prototype.$OBJECT=null;
timerDiapo.prototype.binder=function(){
//ecouteur du bouton play
this.$OBJECT.getElement('#diaporama-button-play').addEvent('click', function(e) {
var micro_engine = this.getParent().retrieve('timerDiapo');
micro_engine.play();
});
//ecouteur du bouton pause
this.$OBJECT.getElement('#diaporama-button-pause').addEvent('click', function(e) {
var micro_engine = this.getParent().retrieve('timerDiapo');
micro_engine.pause();
});
//ecouteur des vignettes : si on clique dessus, on doit remettre l'intervalle a zero car au cas ou on clique quand on est au bout des 10s, ca passerait direct a la diapo suivante
this.$OBJECT.getParent().getElements('#diaporama-wrapper a').each(function(el){
el.addEvent('click', function(e) {
var micro_engine = this.getParent().getParent().getParent().getElement('#diaporama-player-home').retrieve('timerDiapo');
clearInterval(micro_engine.timerDiapo);
micro_engine.timerDiapo = setInterval(delegate(micro_engine, micro_engine.changeBackground), micro_engine.timeInterval);
});
});
};
timerDiapo.prototype.play=function(){
if(!this.isOn){
this.isOn = true;
//on relance le timer
this.timerDiapo = setInterval(delegate(this, this.changeBackground), this.timeInterval);
//on change le bouton play en bouton pause
this.$OBJECT.getElement('#diaporama-button-play').setStyle('display','none');
this.$OBJECT.getElement('#diaporama-button-pause').setStyle('display','block');
}
};
timerDiapo.prototype.pause=function(){
if(this.isOn){
this.isOn = false;
//on arrete le timer
clearInterval(this.timerDiapo);
//on change le bouton pause en bouton play
this.$OBJECT.getElement('#diaporama-button-pause').setStyle('display','none');
this.$OBJECT.getElement('#diaporama-button-play').setStyle('display','block');
}
};
timerDiapo.prototype.changeBackground=function(){
$$('li.diapo-active').each(function(el) {
var next=el.getNext();
if (next == null) next=el.getParent().getChildren(':first-child');
next.getElement('a').fireEvent('click');
});
};
//fin de la classe timerDiapo
// deplace le footer en bas de page
function moveFooter(el){
var height_div = document.documentElement.clientHeight - 110;
var height_img = parseInt($('background-img').getStyle('height'));
if(height_div > height_img){
el.setStyle('height',height_img+'px');
}
else{
if(height_div>400){ //si le footer est suffisamment bas
el.setStyle('height',height_div+'px');
}
}
}
/*
*
*/
function onValidateForm(targetedForm){
targetedForm.getElements('input.mandatory, textarea, select').each(function(el){
/*
if(el.hasClass('mandatory'))
console.log("=> " + el.type);
else
console.log("=> rien ");
*/
var input = this;
switch(el.type){
case "text" :
console.log("=> ERROR " + $('toolTipContainer').position());
$('toolTipContainer').position({
relativeTo: el,
position: 'upperLeft',
edge: 'upperRight'
});
break;
}
});
return false;
}
/**
* @file l10n.js
*/
var currentLang = 'fr';
var l10n = {
'fr' : {
'askExpert' : {
'question' : 'Tapez votre question ici.',
'mail' : 'Exemple : nomprenom@domaine.fr',
'nom' : 'Tapez votre nom ici.'
},
'popin': {
'loading' : 'loading...',
'ajaxError' : 'Error'
}
}
};
/**
* @section auto empty form fields
*/
var emptyField = function (elmt, val) {
// class generation
if($(elmt).getProperty('value') == val) {
$(elmt).removeClass('hasContent');
} else {
$(elmt).addClass('hasContent');
}
// event management
$$(elmt).addEvent('focus', function() {
if($(this).getProperty('value') == val) {
$(this).setProperty('value', '');
} else {
$(this).removeClass('hasContent');
}
});
$$(elmt).addEvent('blur', function() {
if($(this).getProperty('value') == '') {
$(this).setProperty('value', val);
} else {
$(this).addClass('hasContent');
}
});
};
/*******************************************************************************************
* getJsValue
******************************************************************************************/
var getJsValue = function(link) {
var e = link;
var r = {};
var c = String(e.getProperty('class'));
c = c.split(' ');
for(var i = 0; i < c.length; i++) {
if(c[i].indexOf('js:') > -1) {
var t = c[i].split(':');
var j = JSON.decode('{"'+t[1]+'":"'+t[2]+'"}');
r = $extend(r, j);
}
}
return r;
};
/**
* @file plugins.js
* @section create global var ieIE 6, 7 & 8
*/
var isIE = false;
var manageIE = {
init: function () {
if (Browser.Engine.trident) {
isIE = true;
if(Browser.Engine.version == 4) {
isIE = 6;
} else if (Browser.Engine.version == 5) {
isIE = 7;
} else if (Browser.Engine.version == 6) {
isIE = 8;
}
}
}
};
// declare getContext
var getContext = function(el, contextName, depth){
depth = depth||5;
var $element = el;
while($element.retrieve(contextName) == null && depth > 0) {
$element = $element.getParent();
depth -= 1;
}
return $element.retrieve(contextName);
}
/*******************************************************************************************
* popinObj
******************************************************************************************/
var popin = new Class({
Implements: [Options, Events],
options: {
$OBJ:null,
//**************************
c_error_form:'error-form',
//**********************
c_wrapper:'popin',
c_content:'wrapper',
c_content_wrapper: 'content',
c_shadow:'shadow',
c_close:'close',
c_border_top:'borderTop',
c_border_bottom:'borderBottom',
c_ajax_wrapper:'ajaxWrapper',
c_loading:'loading',
c_error:'error',
c_show_popin_wrapper: 'showPopinWrapper',
i_id: null,
i_init_popin: null,
href:null,
loaded:false,
duration:500,
opacity: .60,
effect: 'cut',
state: null,
preloadImg: false,
tc: null,
afficher_popin:null
},
initialize: function(link,afficher, options) {
this.setOptions(options);
this.options.$OBJ = $$(link);
this.options.$OBJ.store('popinObj', this);
this.options.afficher_popin = afficher;
//console.log(this.options.$OBJ.retrieve('popinObj'));
this.init();
//new FormCheck('theForm');
},
init: function() {
//document.getId(recaptcha_response_field).addClass('validate["required"]');
var l_captcha_class = " validate['required','target:recaptcha_area']";
$(document.body).getElements('.recaptchatable #recaptcha_response_field ').addClass(l_captcha_class);
// save href link & id
if(this.options.$OBJ.getProperties('href')) {
this.options.href = this.options.$OBJ.getProperties('href');
}
//this.options.i_id = this.options.$OBJ.getJsValue().popin;
this.options.i_id = getJsValue(this.options.$OBJ).popin;
// init loaded var if html already generate
this.options.loaded = $(document.body).getElements('#'+this.options.i_id).length ? true : false;
// generate html if not exist
this.html_generation();
// pos shadow
this.adapt_wrapper_height();
if(!$(document.body).getElements('.'+this.options.c_wrapper).retrieve('shown')) {
this.hide_shadow(true);
this.hide_content(true);
this.hide_wrapper();
} else {
this.options.state = 'hidden';
}
// pos on scroll
var c = this;
$(window).addEvent('scroll', function() {
if(c.options.state == 'shown') {
c.update_pos_content();
}
});
$(window).addEvent('resize', function() {
if(c.options.state == 'shown') {
c.update_pos_content();
}
});
// bind clic on links & close & auto show if tag on body
/*if(this.options.afficher_popin) {
this.launch();
document.getElementById("recaptcha_response_field").setStyle('border','2px solid red');
this.options.$OBJ.addEvent('click', this.action_click_link);
} else {
this.options.$OBJ.addEvent('click', this.action_click_link);
}*/
if(this.options.$OBJ[0].tagName.toLowerCase() == 'body') {
this.launch();
} else {
this.options.$OBJ.addEvent('click', this.action_click_link);
}
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_close).removeEvent('click');
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_close).addEvent('click', this.action_click_close);
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_shadow).removeEvent('click');
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_shadow).addEvent('click', this.action_click_close);
$(document.body).getElements('.'+this.options.c_wrapper+' [class*="js:closePopin"]').removeEvent('click');
$(document.body).getElements('.'+this.options.c_wrapper+' [class*="js:closePopin"]').addEvent('click', this.action_click_close);
},
html_generation: function() {
if($(document.body).getElements('.'+this.options.c_wrapper).length == 0) {
var wrapper = new Element('div', {
'class': this.options.c_wrapper
});
var shadow = new Element('div', {
'class': this.options.c_shadow
});
var content = new Element('div', {
'class': this.options.c_content
});
var contentWrapper = new Element('div', {
'class': this.options.c_content_wrapper
});
var close = new Element('a', {
'class': this.options.c_close,
'href': '#'
});
var borderTop = new Element('div', {
'class': this.options.c_border_top
});
var borderBottom = new Element('div', {
'class': this.options.c_border_bottom
});
var loading = new Element('div', {
'class': this.options.c_loading,
text: eval('l10n.'+currentLang+'.popin.loading')
});
var error = new Element('div', {
'class': this.options.c_error
});
var contentError = new Element('strong', {
html:eval('l10n.'+currentLang+'.popin.ajaxError')
});
contentWrapper.adopt(close);
contentWrapper.adopt(loading);
contentWrapper.adopt(error);
content.adopt(borderTop);
content.adopt(contentWrapper);
content.adopt(borderBottom);
wrapper.adopt(content);
wrapper.adopt(shadow);
$(document.body).adopt(wrapper);
}
this.png_fix();
},
png_fix: function() {
if(isIE && (isIE == 6)) {
/*DD_belatedPNG.fix('.'+this.options.c_wrapper+' .'+this.options.c_shadow);
DD_belatedPNG.fix('.'+this.options.c_wrapper+' .'+this.options.c_border_bottom);
DD_belatedPNG.fix('.'+this.options.c_wrapper+' .'+this.options.c_border_top);
DD_belatedPNG.fix('.'+this.options.c_wrapper+' .'+this.options.c_content_wrapper);
DD_belatedPNG.fix('.'+this.options.c_wrapper+' .'+this.options.c_close);*/
}
},
get_target_pos: function() {
var content = $(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content)[0];
var ch = content.getSize().y;
var wh = $(window).getSize().y;
var decal = $(window).getScroll().y;
// target margin
return ch >= wh ? 0 : (wh / 2) - (ch / 2) + decal;
},
load_img: function() {
var c = this;
$(new Image()).load(function() {
var wrap = new Element('div', {
'class': c.options.c_ajax_wrapper,
'id': c.options.i_id
});
$(document.body).getElements('#'+c.options.i_id).destroy();
var file = c.options.href;
var type = file.split('.');
type = type[type.length - 1];
var content = '
';
wrap.adopt($(content));
// toujours a false, l'image est de toute façon en cache
//permet d'avoir le meme id pour 2 popin différentes
c.options.loaded = false;
var dur = c.options.state != 'shown' ? c.options.duration * 3 : 0;
window.setTimeout(function() {
$(document.body).getElements('.'+c.options.c_wrapper+' .'+c.options.c_content_wrapper).adopt(wrap);
c.hide_loading();
c.update_pos_content();
$(document.body).getElements('.'+c.options.c_wrapper+' .'+c.options.c_content).addClass(c.options.tc);
c.adapt_content_width(c.options.tc);
$(document.body).fireEvent('ajaxContentShown');
}, dur);
}).setProperties('src', c.options.href);
},
load_ajax: function() {
var c = this;
if(c.options.tc == "styleImg") {
c.load_img();
} else {
var jqxhr = $.ajax({url: c.options.href})
.success(function(ajaxArgs) {
var wrap = new Element('div', {
'class': c.options.c_ajax_wrapper,
'id': c.i_id
});
$(document.body).getElements('#'+c.options.i_id).destroy();
var file = c.href;
var type = file.split('.');
type = type[type.length - 1];
switch(type) {
case 'png':
var content = '';
break;
case 'gif':
var content = '';
break;
case 'jpeg':
var content = '';
break;
case 'jpg':
var content = '';
break;
default:
var content = ajaxArgs;
}
wrap.adopt($(content));
c.options.loaded = true;
var dur = c.options.state != 'shown' ? c.options.duration * 3 : 0;
window.setTimeout(function() {
$(document.body).getElements('.'+c.options.c_wrapper+' .'+c.options.c_content_wrapper).adopt(wrap);
c.hide_loading();
c.update_pos_content();
$(document.body).fireEvent('ajaxContentShown');
}, dur);
})
.error(function() {
c.show_error();
});
}
},
/*Animated functions*/
hide_shadow: function(init, callback) {
var dur = typeof(init) != 'undefined' ? init ? 0 : this.options.duration : this.options.duration;
dur = this.options.effect == 'cut' ? 0 : dur;
var c = this;
$(document.body).getElements('.'+c.options.c_wrapper+' .'+c.options.c_shadow)
.setStyles({
opacity:0,
display:'block'
});
$(document.body).getElements('.'+c.options.c_wrapper+' .'+c.options.c_shadow)
.setStyles({
opacity:c.options.opacity,
display:'none'
});
$(document.body).fireEvent('popinShadowHidden');
if(typeof(callback) != 'undefined') {
callback();
}
},
show_shadow: function(init, callback) {
var dur = typeof(init) != 'undefined' ? init ? 0 : this.options.duration : this.options.duration;
dur = this.options.effect == 'cut' ? 0 : dur;
var c = this;
$(document.body).getElements('.'+c.options.c_wrapper+' .'+c.options.c_shadow)
.setStyles({
opacity:c.options.opacity,
display:'block'
});
$(document.body).getElements('.'+c.options.c_wrapper+' .'+c.options.c_shadow)
.setStyles({
opacity:c.options.opacity,
display:'block'
});
$(document.body).fireEvent('popinShadowShown');
if(typeof(callback) != 'undefined') {
callback();
}
},
hide_content: function(init, callback) {
var dur = typeof(init) != 'undefined' ? init ? 0 : this.options.duration : this.options.duration;
dur = this.options.effect == 'cut' ? 0 : dur;
this.options.state = 'move';
var ch = $(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content)[0].getSize().y;
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content)
.setStyles({
marginTop: '-'+ch+'px'
});
$(document.body).fireEvent('popinContentHidden');
if(typeof(callback) != 'undefined') {
callback();
}
},
show_content: function(init, callback) {
var dur = typeof(init) != 'undefined' ? init ? 0 : this.options.duration : this.options.duration;
dur = this.options.effect == 'cut' ? 0 : dur;
this.pos_content();
var c = this;
var ch = $(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content)[0].getSize().y;
var tm = this.get_target_pos();
tm = tm < 0 ? 0 : tm;
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content)
.setStyles({
display:'block',
marginTop:tm+'px'
});
c.options.state = 'shown';
$(document.body).fireEvent('popinContentShown');
if(typeof(callback) != 'undefined') {
callback();
}
c.png_fix();
},
adapt_wrapper_height: function() {
var wh = $(window).getSize().y;
var bh = $(document.body).getElement('#wrapper').getSize().y;
var th = bh > wh ? bh : wh;
$(document.body).getElements('.'+this.options.c_wrapper).setStyle('height', th+'px');
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_shadow).setStyle('height', th+'px');
},
adapt_content_width: function(tc, width) {
switch(tc) {
case 'styleImg':
var tw = $(document.body).getElements('#'+this.options.i_id)[0].getSize().x;
tw = tw + 'px';
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content+' > shape').setStyles({display:'none'});
break;
default:
var tw = 'auto';
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content+' > shape').setStyles({display:'block'});
}
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content_wrapper).setStyles({
//width: tw
});
},
init_content_width: function() {
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content).removeClass('styleImg styleText styleTxt');
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content_wrapper).setStyles({
//width: 'auto'
});
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content+' > shape').setStyles({display:'block'});
},
pos_content: function() {
var content = $(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content);
var tm = this.get_target_pos();
content.setStyle('marginTop', tm+'px');
},
update_pos_content: function(callback) {
var dur = typeof(init) != 'undefined' ? init ? 0 : this.options.duration : this.options.duration;
dur = this.options.effect == 'cut' ? 0 : dur;
var content = $(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content);
var tm = this.get_target_pos();
tm = tm <= 0 ? 0 : tm;
content.setStyles({
marginTop: tm+'px'
});
//******************************
/*var l_error = document.getElementById("error_id");
var l_style_top = l_error.style.top;
//alert('l_style_top = '+ l_style_top + ' / tm = ' + tm);
//nombre de caractere a extraire
//alert('parseInt(l_style_top.subStr(0,3)) = ' + l_style_top.toString().substr(0,3));
var l_nbr = l_style_top.length - 2;
var l_pos_error = parseInt(l_style_top.substr(0,l_nbr))+ tm;
//alert('parseInt(l_style_top.substr(0,l_nbr)) = ' + parseInt(l_style_top.substr(0,l_nbr)));
l_error.setStyles({
top: parseInt(l_style_top.substr(0,l_nbr))+'px'
});
//**********************************/
$(document.body).fireEvent('popinContentPos');
if(typeof(callback) != 'undefined') {
callback();
}
//*******************************
//new FormCheck('theForm');
//********************************
},
hide_wrapper: function(callback) {
$(document.body).getElements('.'+this.options.c_wrapper).removeClass(this.options.c_show_popin_wrapper);
this.options.state = 'hidden';
$(document.body).fireEvent('popinWrapperHidden');
$(document.body).getElements('.'+this.options.c_wrapper).store('shown', false);
if(typeof(callback) != 'undefined') {
callback();
}
},
show_wrapper: function(callback) {
$(document.body).getElements('.'+this.options.c_wrapper).addClass(this.options.c_show_popin_wrapper);
this.options.state = 'move';
$(document.body).fireEvent('popinWrapperShown');
if(typeof(callback) != 'undefined') {
callback();
}
},
show_ajax_content: function(callback) {
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_ajax_wrapper).addClass('hidden');
this.hide_loading();
this.hide_error();
$(document.body).getElements('#'+this.options.i_id).removeClass('hidden');
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content).addClass(this.options.tc);
this.adapt_content_width(this.options.tc);
if(typeof(callback) != 'undefined') {
callback();
}
},
show_loading: function(callback) {
this.init_content_width();
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_ajax_wrapper).addClass('hidden');
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_error).setStyles({display:'none'});
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_loading).setStyles({display:'block'});
},
hide_loading: function(callback) {
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_loading).setStyles({display:'none'});
},
show_error: function(callback) {
this.init_content_width();
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_ajax_wrapper).addClass('hidden');
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_loading).setStyles({display:'none'});
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_error).setStyles({display:'block'});
},
hide_error: function(callback) {
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_error).setStyles({display:'none'});
},
/*Actions functions*/
launch: function() {
var c = this;
$(document.body).getElements('.'+this.options.c_wrapper).store('shown', true);
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_close).store('popin', this.options.i_id);
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_shadow).store('popin', this.options.i_id);
$(document.body).getElements('.'+this.options.c_wrapper+' [class*="js:closePopin"]').store('popin', this.options.i_id);
// add styleImg class if visual content only
var file = String(this.options.$OBJ.getProperty('href'));
var type = 'styleText';
if(typeof(file) != 'undefined') {
type = file.split('.');
type = type[type.length - 1];
}
$(document.body).getElements('.'+this.options.c_wrapper+' .'+this.options.c_content).removeClass('styleText').removeClass('styleImg');
var tc = '';
switch(type) {
case 'png':
case 'gif':
case 'jpeg':
case 'jpg':
case 'bmp':
tc = 'styleImg';
this.options.tc = tc;
break;
default:
tc = 'styleText';
this.options.tc = tc;
}
if(this.options.loaded) {
this.show_ajax_content();
} else {
this.show_loading();
this.load_ajax();
}
var c = this;
if((c.options.state == 'hidden')) {
c.show_wrapper(function() {
c.show_shadow(null, function() {
c.show_content();
});
});
}
},
action_click_link: function(e) {
e.preventDefault();
var engine = getContext($(this), 'popinObj');
if(engine) {
engine.launch();
}
},
//***********************************
action_click_link_onsubmit: function(e) {
e.preventDefault();
var engine = getContext($(this), 'popinObj');
if(engine) {
engine.launch();
}
$('askExpert').addClass('hidden');
$('receptionExpert').removeClass('hidden').setStyles({
display:'block'
});
},
//***********************************
action_click_close: function(e) {
e.preventDefault();
var id = $(this).retrieve('popin');
var $col = $$('[class*="js:popin:'+id+'"]');
var i = 0;var found = false;
while((i < $col.length) && !found) {
var ct = getContext($($col[i]), 'popinObj');
if(ct && (ct.options.state == 'shown')) {
found = true;
var engine = ct;
}
i++;
}
if(engine && (engine.options.state == 'shown')) {
engine.hide_content(null, function() {
engine.hide_shadow(null, function() {
engine.hide_wrapper();
});
});
}
}
});