var eni,
	delay_Loader = 500,
	tm_Loader,
	tm_rS,
	email_pattern= /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;

var _eni = function () {
	
    // Boite de dialogue
    //--------------------------
    this.msg = function (P) {
		if (P.Class === undefined) {P.Class=''};
		if (P.Type) {P.Class += ((P.Class.length === 0) ? P.Type : ' ' + P.Type )};
		if (P.Title === undefined) {P.Title=''};

		let $btns;
		if (P.Btns) {
			$btns = $("<div class='Btns'></div>");
			$(P.Btns).each(function(i){
				$btn = $("<button type='button' class='btn"+i+"'>" + this.Title + "</button>");
				let fn = this.fn;
				if (fn){$btn.click(fn)}
				$btns.append($btn)
			})
		}
		
		// Création de la DIV qui sert de base à la boite de dialogue 
        let index = $('.dlg').length + 1;
        // Création de la structure de la pop-up
        let $dlg = $('<div id="modal_dlg' + index + '" class="dlgModal"/><div id="dlg' + index + '" class="dlg' + ((P.Class.length === 0) ? '' : ' ' + P.Class ) + '"><div class="dlgContent"><button class="dlgBtnClose"></button>' + ((P.Title.length === 0) ? '' : '<div class="dlgTitle">' + P.Title + '</div>') + P.Content + '</div></div>');
		if (P.Btns) {$dlg.find(".dlgContent").append($btns)}	
        $dlg.find('.dlgBtnClose').on('click',function(e) {
            let id = $(this).parent().parent().attr('id');
            $_dlg = $('#' + id);
            H = $_dlg.outerHeight();
			T = $_dlg.position().top;
			$_dlg.finish().animate({ marginTop: +(H / 3), opacity: 0 }, 250, function(){ $(this).prev().remove(); $(this).remove(); $('body').css({overflow:'auto'})});
			// si une fonction est passée en paramètre on l'exécute sur la fermeture de la pop-up 
			if (P.fn != undefined) {P.fn(P.data);}
			e.stopPropagation();
        });
		$dlg.children('.dlg').on('click',function(e){e.stopPropagation();});

		
		// Insertion dans le DOM
        $('body').addClass('blocked').append($dlg);
        $dlg = $('#dlg' + index);
		$dlg.on('mousedown mouseupe click', function(e){e.stopPropagation();})
			.find('.dlgBtnClose').focus();
		$modal = $('#modal_dlg' + index);
        $modal.css({ 'zIndex': (9998 + (index * 2))})
			  .on('mousedown',function(e){if(e.clientX < this.scrollWidth){$(this).find('.dlgBtnClose').click();}});

        // Gestion de contenu chargé dans une iframe
        $iframe = $dlg.find('iframe');
        if ($iframe.size() > 0) {
            $dlg.addClass('Loading');
            $iframe.load(function () {
				$iframe.removeAttr('style');
				eni.iframe_js_access($iframe).dlg_id = $dlg.attr('id');
				function iResize() {						
					iH = $iframe.contents().outerHeight() + parseInt($iframe.css('paddingTop')) + parseInt($iframe.css('paddingBottom'));
					iW = $iframe.contents().outerWidth() + parseInt($iframe.css('paddingLeft')) + parseInt($iframe.css('paddingRight'));
					$iframe.css({ width: iW, height: iH });
					
					// calcul du meilleur positionnement de la popup
					if (iH > $(window).height()) {
						doc_H = $(document).height();
						doc_T = $(document).scrollTop();
						$dlg.css({ position: 'absolute', top: doc_T + (iH / 2) + 20 }); 
					} 
					$dlg.finish().animate({ height: iH, marginTop: -(iH / 2), width: iW, marginLeft: -(iW / 2), borderTopLeftRadius: 4, borderTopRightRadius: 4, borderBottomLeftRadius: 4, borderBottomRightRadius: 4 }, 150, function () { $(this).removeClass('Loading').addClass('iFrame'); });
					$dlg.find('.dlgBtnClose').focus();
				}
				setTimeout(iResize, 150);
            });
        }
		// redimensionnement de la pop-up en fonction de son contenu
		setTimeout(eni.resize, 150, index);
		
		// si fonction d'initialisation passée en paramètre 
		if (P.init != undefined) { P.init.call($dlg[0]); }
    }
    this.resizeH = function (id) {
        $_dlg = $('#' + id);
        $_iframe = $_dlg.find('iframe');
        iH = eni.iframe_js_access($_iframe).$('body').parent().outerHeight() + parseInt($_iframe.css('paddingTop')) + parseInt($_iframe.css('paddingBottom'));
        $_iframe.css({ height: iH });
        
		// calcul du meilleur positionnement de la popup
		if ($dlg.css("position") !== "absolute" &&  $dlg.outerHeight() > $(window).height() ) {
			doc_H = $(document).height();
			doc_T = $(document).scrollTop();
			$dlg.css({ position: 'absolute', top: doc_T + (H / 2) + 20 }); 
		}
        $_dlg.finish().animate({ height: iH, marginTop: -(iH / 2) }, 150);
    }
	
	this.resize = function(index) {
		$dlg=$('#dlg' + index);
		$dlg.removeAttr("style");
		W = $dlg.outerWidth();
		$dlg.css({ width: W + 'px', marginLeft: -(W / 2), zIndex: (9999 + (index * 2)) });
		H = $dlg.outerHeight();
		
		// calcul du meilleur positionnement de la popup
		if (H > $(window).height()) {
			doc_H = $(document).height();
			doc_T = $(document).scrollTop();
			$dlg.css({ position: 'absolute', top: doc_T + (H / 2) + 20 }); 
		} 
		$dlg.finish().animate({ marginTop: -(H / 2), height: H, opacity: 1 }, 150);
		$dlg.find('.dlgBtnClose').focus();
	}

    // Appels Ajax
    //------------------------------
    this.cleanLoader = function() { clearTimeout(tm_Loader); $('#ajaxLoading').remove(); $('#ajaxLoader').remove(); }
    this.al = function (S) {
        eni.cleanLoader();
        tm_Loader = setTimeout(function () { $('form').append(S); }, delay_Loader);
    }
    this.axc = function (P) {/*(P = {Async:true/false, 	(Facultatif (true par défaut) : Traitement synchrone(false) ou asynchrone(true))
								 Type:'html'/'script'		(Facultatif ('html' par défaut) : Indique le type de données attendues ('html' = défaut) 
								 Url:"",  					(url a appelée)
								 Data:{...},  				(Facultatif (non renseigné par défaut) : Tableau de paramètres à passer à l'url ex: {idprog:x,idmod:y})
								 Container:$(...), 			(Facultatif (non renseigné par défaut) : Si Type = 'html' permet d'insérer le contenu dans l'élément Container ex: $('#Resultat'))
								 job:..., 					(Facultatif (non renseigné par défaut) : objet eni.job à la source de l'appel ajax
								 fn:..., 					(Facultatif (non renseigné par défaut) : fonction à appaler à la fin du traitement
								})*/
								
		e = this;
		
        // si un message ou un objet de traitement de message sont passé en paramètres
		if (P.Msg != undefined && P.job == undefined) {
			eni.cleanLoader();
			tm_Loader = setTimeout(function(){
				eni.job.triggered('<span class="Loading">'+P.Msg+'</span>')
				P.job = eni.job;	
			},150);
				
		}else if(P.job != undefined){
			P.job.msg.replace('<span class="Loading">'+(P.Msg!=undefined?P.Msg:job_in_progress)+'</span>');
		}

		// initialisation des données par défaut
		if (!P.Data){P.Data={}}
		P.Data["l"] = eni.lng.id();
		P.Data["cl"] = eni.lng.code();
		
        // on lance l'appel
        eni.ax = $.ajax({
            async: (P.Async == undefined) ? true : P.Async,
            type: "POST",
            cache: false,
            url: P.Url,
            data: P.Data,
            dataType: (P.Type == undefined) ? 'html' : P.Type,
            statusCode: {
                404: function () { eni.msg({ Type: 'Alert', Title: 'Attention', Ok: { Title: 'Ok' }, Content: 'page inconnue.' }); },
                500: function (xhr) { eni.msg({ Type: 'Alert', Title: 'Attention', Ok: { Title: 'Ok' }, Content: 'Erreur serveur :<br/><br/>' + xhr.responseText }); }
            },
			beforeSend: function (jqXHR, settings) {
				eni.user.infos.et = String(e.originalEvent)
				eni.user.save();
			},
			complete: function () {
				delete eni.user.infos.et;
				eni.user.save();
			}
        })
	
		.done(function (content) {
		    if (P.Type == "html") {
		        if (content.indexOf('eni.msg') != -1 && content.indexOf('</script>') == -1) { eval(content) } 
				else if (P.Container != undefined) { P.Container.html(content) }
		    } 
			if (P.fn != undefined) { P.fn.call(P.Data, content); }
		})
		.always(function (content) {
		    eni.cleanLoader();
		    if (P.job != undefined) { P.job.finished(); }
		});
    }
    this.ax = undefined;


    // Retour en haut de la page
    //--------------------------------------------------------------------
    this.Top = function () { $('html,body').animate({ scrollTop: 0 }, 350, "easeOutCubic"); };

    // gestion div modale qui bloque la page en cours + affiche message(s)
    //--------------------------------------------------------------------
    this.job = {
        triggered: function (msg) {
            if (!this.msg.dom) { // on ne peut déclencher qu'un job à la fois
                msg = (msg == undefined) ? '' : msg;
                $('body').css({ overflow: 'hidden' })
                         .append('<div id="jobModal"></div><div id="jobMsg"></div>');
                this.msg.dom = $('#jobMsg');
                $C = $('<div id="jobContent">' + msg + '</div>');
                this.msg.dom.append($C);
                H = this.msg.dom.innerHeight() + 2;
                if (msg.length > 0) { this.msg.dom.animate({ marginTop: -(H / 2), height: H, opacity: 1 }, 150, function () { $C.animate({ opacity: 1 }, 150) }) };
            }
		},
        finished: function () {
            this.msg.dom.finish().animate({ opacity: 0 }, 150, function () {
                $('body').css({ overflow: 'auto' });
                $('#jobMsg').remove();
                $('#jobModal').remove();
            });
            this.msg.dom = undefined;
        },
        msg: {
            dom: undefined,
            add: function (msg) {
                if (this.dom) {
                    msg = (msg == undefined) ? '' : msg;
                    if (msg.length > 0) {
                        $C = $('<div id="jobContent">' + msg + '</div>');
                        this.dom.append($C);
                        H = this.dom.innerHeight() + 2 + $C.outerHeight();
                        this.dom.finish().animate({ marginTop: -(H / 2), height: H, opacity: 1 }, 150, function () { $C.css({ position: 'relative' }).animate({ marginLeft: 0, opacity: 1 }, 150) });
                    }
                }
            },
            replace: function (msg) {
                if (this.dom) {
                    msg = (msg == undefined) ? '' : msg;
                    if (msg.length > 0) {
                        $Parent = this.dom;
                        $C = $('<div id="jobContent">' + msg + '</div>');
                        this.dom.children('#jobContent').animate({ marginLeft: this.dom.outerWidth, opacity: 0 }, 100, function () {
                            $Parent.html($C);

                            H = $Parent.outerHeight() - $Parent.innerHeight() + $C.innerHeight();
                            $Parent.finish().animate({ marginTop: -(H / 2), height: H, opacity: 1 }, 150, function () { $C.css({ position: 'relative' }).animate({ marginLeft: 0, opacity: 1 }, 150) });
                        })
                    } else {
                        this.dom.finish().animate({ marginTop: 0, opacity: 0 }, 150, function () { this.dom.html('') });
                    }
                }
            }
        }
    }
	
	this.lng = {
		id: function() {return $('#comboLng > .selected').attr('data-id');},
		code: function() {return $('#comboLng > .selected .iso').text();},
		client: function(){
					cl = (navigator.language || navigator.userLanguage).toUpperCase();
					return (cl.length>2?cl.substring(0, 2):cl)
				},
		count: function() {return $('#comboLng > li').length;}
	}

    this.iframe_js_access = function ($iframe) { return $iframe[0].contentWindow ? $iframe[0].contentWindow : $iframe[0].contentDocument.defaultView; }
	
	// Permet de scroller jusqu'à une position où un élément (cible l'id) 
	this.scrollTo = function(p){
		switch(typeof(p)) {
			case "number":
				$('html,body').animate({ scrollTop: (p-40)}, 350, 'easeOutCubic');
				break;
			case "string":
				$('html,body').animate({ scrollTop: ($('#'+p).position().top - 40)}, 350, 'easeOutCubic');
				break;
		}
	}
	
	// Permet de récupérer la liste des paramètres d'une url (par défaut l'url en cours)
	this.url = {
		params : function(_query) {
			var parts = (_query?_query:document.location.search).replace("?", "").split("&");
			var query_string = {};
			for (var i = 0; i < parts.length; i++) {
				var pair = parts[i].split("=");

				if (typeof query_string[pair[0]] === "undefined") {
					query_string[pair[0]] = decodeURIComponent(pair[1]);
				} else if (typeof query_string[pair[0]] === "string") {
					var arr = [query_string[pair[0]], decodeURIComponent(pair[1])];
					query_string[pair[0]] = arr;
				} else {
					query_string[pair[0]].push(decodeURIComponent(pair[1]));
				}
			}
			return query_string;
		}
	}
	
	// retourne le type de device (desktop/tablette/smartphone)
	var device = 'desktop'; 
	if(navigator.userAgent.match(/(android|iphone|ipad|blackberry|symbian|symbianos| symbos|netfront|model-orange|javaplatform|iemobile|windows phone|samsung| htc| opera mobile|opera mobi|opera mini|presto|huawei|blazer|bolt|doris|fennec| gobrowser|iris|maemo browser|mib|cldc|minimo|semc-browser|skyfire|teashark| teleca|uzard|uzardweb|meego|nokia|bb10|playbook)/gi)) {
		if(((screen.width >= 480) && (screen.height >= 800)) || ((screen.width >= 800) && (screen.height >= 480)) || navigator.userAgent.match(/ipad/gi)){ device = 'tablette';}
		else{device = 'smartphone'; }
	}
	this.device = device;
	
		
	// infos internautes
	this.user ={
        init: function () {user_ck=Cookies.getJSON('usr_p');if (user_ck){this.infos=user_ck}},
        save: function () {Cookies.set('usr_p', this.infos, {domain:location.hostname, expires:365});},
        infos: {}
	}
};


$(function () {
    // création de l'objet eni
    eni = new _eni();
	eni.user.init();

    // fonction ajoutée à jQuery pour gérer des animations 
    // à l'affichage d'un lément sur la page
    $.fn.visible = function (partial) {
        $t = $(this),
		$w = $(window),
		vTop = $w.scrollTop(),
		vBottom = vTop + $w.height(),
		_top = $t.offset().top,
		_bottom = _top + $t.height(),
		compareTop = partial === true ? _bottom : _top,
		compareBottom = partial === true ? _top : _bottom;

        return ((compareBottom <= vBottom) && (compareTop >= vTop));
    };	
	
	
	//------------------------------------------------------------------------
	// Gestion des formulaires ENI
	//------------------------------------------------------------------------		
	$frm_inputs = $('.formENI > input, .formENI > textarea, .formENI > select');
	if (is_mob_mode()){
		$frm_inputs.each(function(){
			$(this).attr('placeholder',$('[for='+$(this).attr('id')+']').text())
		});
	}
	
	$('.formENI > [required]').each(function(){
		$label = $('[for='+$(this).attr('id')+']');
		if ($label.text().length > 0){
			if (is_mob_mode()){
				$(this).attr('placeholder', $label.text() + ' *');
			}else{
				$label.html('* '+$label.html());
			}
		}
	});
	
			
	$frm_inputs.focus(function(){$(this).removeClass('Error');});
	
	$cboCountries = $(".formENI").find("[data-values='countries']");
	if ($cboCountries.length > 0){
		// s'il existe une combo de choix de pays alors on charge les données adéquates
		eni.axc({Async:true,Type:'script', Url:'/rsc/'+eni.lng.code()+'/countries.js', fn:function(){
			if (countries != undefined){
				for(i in countries) {
					country = countries[i].name;
					selected = (countries[i].code == eni.lng.code())?" selected":""; 
					$cboCountries.append("<option value=\"" + country + "\"" + selected +">" + country + "</option>");
				}
			}
		}});
	}
	
	
	$('.formENI .Send').click(function(e){	
		var $form,
			_form={}, 
			_title='',
			_errors='',
			_lst_feilds_incomplete='',
			_lst_feilds_error='';
			
		// Récupération du formulaire prêt à être envoyé
		$form = $(this).closest('form');
		_title = $form.attr('data-error');
		//_errors = _title;

		// Suppression de la class Error
		$form.find('input, textarea').not('[hidden]').removeClass('Error')
													 .each(function(){
			$field=$(this);
			if ($field.attr('required') == 'required'){
				if ($field.val().length == 0) {
					$field.addClass('Error');
					var label = $('[for='+$field.attr('id')+']').text().replace('* ', '');
					_lst_feilds_incomplete += (label.length > 0?'<br/>&nbsp;&nbsp;&nbsp;<b>' + $('[for='+$field.attr('id')+']').text().replace('* ', '') + '</b>':'&nbsp;');
				}
			}
			if ($field.val().length > 0){
				switch($field.attr('type')) {
					case "email":
						if (!email_pattern.test($field.val())){
							$field.addClass('Error');
							_lst_feilds_error += (_lst_feilds_error.length>0?'<br />':'') + (_title.length>0?'- ':'') + $field.attr('data-error');
						}
						break;
					default:
				}
			}
		})
		if (_lst_feilds_error.length > 0) {_errors+=((_title + _errors).length>0?'<br />':'') + _lst_feilds_error}
		if (_lst_feilds_incomplete.length > 0) {_errors+=((_title + _errors).length>0?'<br />':'') + (_title.length>0?'- ':'') + $form.attr('data-incomplete') + _lst_feilds_incomplete}
		if (_errors.length == 0) {
			// Si tous les champs sont valides alors on envoie le formulaire
		    $($form.find('input, textarea, select').serializeArray()).each(function(){
			    _form[this.name] = this.value;
		    });
			// Ajout code Langue, idPage, titre, url, device
			//_form['lng'] = eni.lng.code;
			_form['guiditem'] = $('body').attr('data-id');
			if (!_form['title']){_form['title'] = $('title').text();}
			_form['url'] = $("link[rel='canonical']").attr("href");
			_form['device'] = eni.device;
			_form['msg'] = $form.attr('data-success');
			
			eni.axc.call(e,{Async:true,Type:'script', Url:'./ajax/form_Handling.aspx', Data:_form, Msg:job_in_progress, fn:function(){
				eni.msg({ Title: '', Content: "<div class='formMsg'><p>"+this.msg+"</p><a class='returnHome' href='" + $('#logoENI').attr('href') + "'>"+return_Home+"</a></div>"});
				conv_Xiti = $form.attr('data-xiti');
				if (conv_Xiti){
					if (typeof ATTag !== "undefined") {ATTag.page.send({name:eni.lng.code()+"::"+conv_Xiti});}
					if (typeof dataLayer !== "undefined") {dataLayer.push({'event': 'form-'+conv_Xiti});}
				}
			}});
			
		}else{
			// Sinon alerte
		    eni.msg({ Title: '', Content: _title + _errors});
		}
		
		return false;
	});
});


// déclenchement des animations lors du scroll
$(window).scroll(function (event) {
    $(".onvisible").each(function (i, el) {
        var $el = $(el);
        if ($el.visible(true)) { $el.addClass("show"); }
    });
});

$(window).resize(function() {
	// redimensionnement des popups
	$('.dlg').each(function(){
		eni.resize($(this).data('idx'));
	})
});


// ajout de la fonction "withoutTime" à l'objet Date 
Date.prototype.withoutTime = function () {
    var d = new Date(this);
    d.setHours(0, 0, 0, 0);
    return d;
}



/*!
 * JavaScript Cookie v2.1.1
 * https://github.com/js-cookie/js-cookie
 *
 * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
 * Released under the MIT license
 */
;(function (factory) {
	if (typeof define === 'function' && define.amd) {
		define(factory);
	} else if (typeof exports === 'object') {
		module.exports = factory();
	} else {
		var OldCookies = window.Cookies;
		var api = window.Cookies = factory();
		api.noConflict = function () {
			window.Cookies = OldCookies;
			return api;
		};
	}
}(function () {
	function extend () {
		var i = 0;
		var result = {};
		for (; i < arguments.length; i++) {
			var attributes = arguments[ i ];
			for (var key in attributes) {
				result[key] = attributes[key];
			}
		}
		return result;
	}

	function init (converter) {
		function api (key, value, attributes) {
			var result;
			if (typeof document === 'undefined') {
				return;
			}

			// Write

			if (arguments.length > 1) {
				attributes = extend({
					path: '/'
				}, api.defaults, attributes);

				if (typeof attributes.expires === 'number') {
					var expires = new Date();
					expires.setMilliseconds(expires.getMilliseconds() + attributes.expires * 864e+5);
					attributes.expires = expires;
				}

				try {
					result = JSON.stringify(value);
					if (/^[\{\[]/.test(result)) {
						value = result;
					}
				} catch (e) {}

				if (!converter.write) {
					value = encodeURIComponent(String(value))
						.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
				} else {
					value = converter.write(value, key);
				}

				key = encodeURIComponent(String(key));
				key = key.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent);
				key = key.replace(/[\(\)]/g, escape);

				return (document.cookie = [
					key, '=', value,
					attributes.expires && '; expires=' + attributes.expires.toUTCString(), // use expires attribute, max-age is not supported by IE
					attributes.path    && '; path=' + attributes.path,
					attributes.domain  && '; domain=' + attributes.domain,
					attributes.secure ? '; secure' : ''
				].join(''));
			}

			// Read

			if (!key) {
				result = {};
			}

			// To prevent the for loop in the first place assign an empty array
			// in case there are no cookies at all. Also prevents odd result when
			// calling "get()"
			var cookies = document.cookie ? document.cookie.split('; ') : [];
			var rdecode = /(%[0-9A-Z]{2})+/g;
			var i = 0;

			for (; i < cookies.length; i++) {
				var parts = cookies[i].split('=');
				var name = parts[0].replace(rdecode, decodeURIComponent);
				var cookie = parts.slice(1).join('=');

				if (cookie.charAt(0) === '"') {
					cookie = cookie.slice(1, -1);
				}

				try {
					cookie = converter.read ?
						converter.read(cookie, name) : converter(cookie, name) ||
						cookie.replace(rdecode, decodeURIComponent);

					if (this.json) {
						try {
							cookie = JSON.parse(cookie);
						} catch (e) {}
					}

					if (key === name) {
						result = cookie;
						break;
					}

					if (!key) {
						result[name] = cookie;
					}
				} catch (e) {}
			}

			return result;
		}

		api.set = api;
		api.get = function (key) {
			return api(key);
		};
		api.getJSON = function () {
			return api.apply({
				json: true
			}, [].slice.call(arguments));
		};
		api.defaults = {};

		api.remove = function (key, attributes) {
			api(key, '', extend(attributes, {
				expires: -1
			}));
		};

		api.withConverter = init;

		return api;
	}

	return init(function () {});
}));