var $Top,
    $comboLng,
    $Nav,
    $Menu,
    $Menus,
	$specMenus,
    clngclose_timer,
    menuclose_timer,
	specMenusclose_timer,
	ver,
	hash = location.hash;
	
history.pushState(null, document.title, location.href.replace(/#.*$/, ""));

$(function () {
    $Top = $('#Top');
    $Nav = $('#Nav');
    $comboLng = $('#comboLng');
    $specMenus = $('.specMenus');
    $Menu = $('#menu');
    $Menus = $('#menu > li > ul').parent();
    ver = is_mob_mode();
	ges_pos_Menu();
 	

    // sélection dans les menus de la page en cours
	//currentPage = $('link[rel="canonical"]').attr('href').replace($('base').attr('href'));
    $Menu.find('a[href="' + location.pathname + '"]').parent().addClass("selected");
    $specMenus.find('a[href="' + location.pathname + '"]').parent().addClass("selected");
	// Modification de la gestion auto des ancres au chargement des pages (effet de scroll)
	if (hash.length) {setTimeout(function() {
		$('html,body').animate({ scrollTop: $(hash).offset().top - 50 }, 500, "easeOutCubic");
	}, 350)}

    // blocage de la propagation desévènements scroll touchmove mousewheel lors de l'utilisation du menu principal (mobile)
    $Menu.on('scroll touchmove mousewheel', function (e) { e.stopPropagation(); });

    // gestion combo de langues
    $comboLng.children('.selected').click(function (e) {
        e.stopPropagation();

        $('#menu > li.opened').each(function () { close_menu.call(this) })
        if ($specMenus.hasClass('opened')) { close_specMenus() }

        if (!$comboLng.hasClass('opened')) { open_comboLng() }
        else { close_comboLng() }
        return false;
    });
    $comboLng.mouseleave(function () {
        if ($comboLng.hasClass('opened')) {
            clngclose_timer = setTimeout(close_comboLng, 1000);
        }
    });
    $comboLng.mouseenter(function () { clearTimeout(clngclose_timer) });

    // gestion des menu spécifiques (sites, ...)
    $specMenus.each(function (i) {
        $(this).click(function (e) {
            e.stopPropagation();
            var isOpened = $(this).hasClass('opened');
            close_specMenus();
            $('#menu > li.opened').each(function () { close_menu.call(this) })

            if (!isOpened) { open_specMenus.call(this) }
            else { close_specMenus.call(this) }
            return false;
        });
    });
    $specMenus.find('a').click(function (e) {
        e.stopPropagation();
    });
    $specMenus.mouseleave(function () {
        if ($(this).hasClass('opened')) {
            This = this;
            specMenusclose_timer = setTimeout(function () { close_specMenus.call(This) }, 1000);
        }
    });
    $specMenus.mouseenter(function () { if ($(this).hasClass('opened')) { clearTimeout(specMenusclose_timer) } });

    // la section "mon compte", si présente, change de position dans le menu selon la version mobile/desktop
    if (ver) { $('#Account').detach().prependTo($Menu); }
    else { $('#Account').detach().appendTo($Menu); }

    // gestion des sous-menu du menu de navigation
    $Menu.find('li > ul:visible').each(function () { $(this).parent().addClass("sub") })
    //$Menu.find('li > ul').parent().addClass("sub");
    $('#menu > li > a').click(function (e) {
        e.stopPropagation();

        if ($comboLng.hasClass('opened')) { close_comboLng() }
        if ($specMenus.hasClass('opened')) { close_specMenus() }

        if (!$(this).parent().hasClass('opened')) {
            $('#menu > li.opened').each(function() { close_menu.call(this) })
            open_menu.call($(this).parent())
        }
        else { close_menu.call($(this).parent()) }
    });
    $Menus.mouseleave(function () {
        if (!ver && $(this).hasClass('opened')) {
            This = this;
            menuclose_timer = setTimeout(function () { close_menu.call(This) }, 1000);
        }
    });
    $Menus.mouseenter(function () { if ($(this).hasClass('opened')) { clearTimeout(menuclose_timer) } });

    // gestion des Menus mobiles
    $Menu.find('.closed').click(function () { $('#mob_btnMenu').click() });
    $('#mob_btnMenu').click(function () {
        if (!$Menu.hasClass('opened')) {
            // Ouverture
            close_comboLng()
            $('html, body').addClass('BlockScroll');
            $('body').append("<div id='modal' />");
            $(document).on('touchmove', function (e) { e.preventDefault(); });
            $(document).on('touchmove', "#menu", function (e) { e.stopPropagation() });
            $('#modal').click(function () { $('#mob_btnMenu').click() });

            $Menu.removeClass('closed').addClass('opened').css('maxHeight', ($(window).height() - $('#Nav').innerHeight()) + 'px');
            $(window).resize(function () { $Menu.addClass('opened').css('maxHeight', ($(window).height() - $('#Nav').innerHeight()) + 'px'); })
        } else {
            // Fermeture
            $(document).unbind('touchmove');
            $('#modal').remove();
            $('html, body').removeClass('BlockScroll');
            $Menu.removeClass('opened').addClass('closed').css('maxHeight', 'auto');
        }
    });


    // permet la fermeture des menus lors d'un click en dehors de ceux-i
    $('body').click(function () {
        if (!ver) {
            $('#menu > li.opened').each(function () { close_menu.call(this) })
            if ($comboLng.hasClass('opened')) { close_comboLng() }
            close_specMenus()
        }
    })


    // Déplacemment du menu de navigation lors du scroll
    $Nav = $('#Nav');
    $btnTop = $('#btnTop');
    $btnTop.click(function () { eni.Top(); })
    window.onscroll = function () {
        if ($(window).scrollTop() > $Top.outerHeight()) {
            if (!ver) { $Nav.removeClass("Top").addClass("Fixed"); }
            $btnTop.removeClass("Hide").addClass("Show");
        } else {
            if (!ver) { $Nav.removeClass("Fixed").addClass("Top"); }
            $btnTop.removeClass("Show").addClass("Hide");
        }
        if ($comboLng.hasClass('opened')) { close_comboLng() }
        close_specMenus()
    }

    // si le correctif IE 8 pour rendre compatible la propriété "for" de l'élément "label" est chargé
    if (patchIE != undefined) {
        if (typeof (set_CheckedToLabel) != "undefined") {
            set_CheckedToLabel()
            patch_LabelFor()
        }
    };

    // si passage d'un affichage desktop à mobile (ou le contraire)
    $(window).resize(function () { if (ver != is_mob_mode()) { window.location = document.location; };ges_pos_Menu(); });
	
    clean_SCK();
	
	init_Forms();
});


document.addEventListener("DOMContentLoaded", function(event) {
    if (location.hash.length > 0) {setTimeout(function() {
		$('html,body').animate({ scrollTop: $(hash).offset().top - 50 }, 500, "easeOutCubic");
		history.pushState(null, document.title, location.href.replace(/#.*$/, ""));
	}, 500)}
});

ges_pos_Menu = function(){
	$('#menu > li > ul').each(function(){
		$subMenu = $(this);
		if (($subMenu.outerWidth() + $subMenu.offset().left) > $(window).outerWidth()){$subMenu.addClass("Right")}
		else {$subMenu.removeClass("Right")}
	})
}


// Combo langues
// ouverture 
open_comboLng = function () {
    if (ver) { if ($Menu.hasClass('opened')) { $('#mob_btnMenu').click() } }
    $comboLng.addClass('opened')
             .children('li').not('.selected').each(function () {
                 $(this).finish().css('display', 'block').animate({ opacity: 1, marginTop: '-1px' }, 250, "easeInOutCubic")
             })
}
// fermeture 
close_comboLng = function () {
    $comboLng.removeClass('opened')
			 .children('li').not('.selected').each(function () {
			     if (!ver) {
			         $(this).finish().animate({ opacity: 0, marginTop: '-58px' }, 250, "easeInOutCubic")
			     } else {
			         $(this).finish().animate({ opacity: 0, marginTop: '-12.5vw' }, 250, "easeInOutCubic", function () { $(this).css('display', 'none') })
			     }
			 })
}

// Combo Sites
// ouverture 
open_specMenus = function () {
    $(this).addClass('opened')
               .find('li').each(function () {
                   $(this).finish().animate({ opacity: 1, marginTop: '-1px' }, 250, "easeInOutCubic")
               })
}
// fermeture 
close_specMenus = function () {
    clearTimeout(specMenusclose_timer);
    $specMenus.removeClass('opened')
               .find('li').each(function () {
                   $(this).finish().animate({ opacity: 0, marginTop: '-120px' }, 250, "easeInOutCubic")
               })
}

// Sous-menu de navigation
// ouverture
open_menu = function () {
    $(this).addClass('opened')
           .find('li').each(function () {
               $(this).finish().animate({ opacity: 1, marginTop: '-1px' }, 250, "easeInOutCubic")
           })
}
// fermeture
close_menu = function () {
    $(this).removeClass('opened')
           .find('li').each(function () {
               $(this).finish().animate({ opacity: 0, marginTop: '-120px' }, 250, "easeInOutCubic")
           })
}

// correctif IE pour rendre compatible la propriété "for" de l'élément "label" 
patch_LabelFor = function () {
    $('input:checkbox').change(function () { set_CheckedToLabel() });
    $('input:radio').on('change propertychange', function () { set_CheckedToLabel() });
    $('label:not([for=""])').click(function (e) { $("#" + $(this).attr('for')).click(); return false; });
}

set_CheckedToLabel = function () {
    $('label:not([for=""])').each(function () { $(this).removeClass("checked"); })
    $('input:checked').each(function () { $('label[for=' + $(this).attr('id') + ']').addClass("checked"); });
}


// Déctection du passage en mode mobile
is_mob_mode = function () { return ($('#mob_btnMenu').css('display') == 'none' ? false : true) }

// Nettoyage des Cookies de session inutiles
clean_SCK = function(){
	var i;
	var cookiesArr;
	var cItem;

	cookiesArr = document.cookie.split("; ");
	for (i = 0; i < cookiesArr.length; i++) {
		cItem = cookiesArr[i].split("=");
		if (cItem.length > 0 && cItem[0].indexOf("ASPSESSIONID") == 0) {
			deleteCookie(cItem[0]);
		}
	}

	function deleteCookie(name) {
		var expDate = new Date();
		expDate.setTime(expDate.getTime() - 86400000); //-1 day
		var value = "; expires=" + expDate.toGMTString() + ";path=/";
		document.cookie = name + "=" + value;
	}
}


//------------------------------------------------------------------------
// Gestion des formulaires ENI
//------------------------------------------------------------------------	
init_Forms = function(){
	
	$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 ($field.attr('pattern')){
							let rg = new RegExp($field.attr('pattern'));
						console.log(rg)
						console.log(rg.test($field.val()))
							if (!rg.test($field.val())){
								$field.addClass('Error');
								_lst_feilds_error += (_lst_feilds_error.length>0?'<br />':'') + $field.data('error');
							}
							
						}
				}
			}
		})
		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(){
				if ($form.data('success').length > 0){
					eni.msg({ Title: '', Content: $form.data('success') });
					eval($form.data('success-trigger'));
				} else {
					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;
	});
	
	
	
	/*
	$frm_inputs = $('.formENI > input, .formENI > textarea, .formENI > select');
	
			
	$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){	
		e.preventDefault();
	
		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.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 />':'') + $field.data('error');
						}
						break;
						
					default:
						if ($field.attr('pattern')){
							let rg = new RegExp($field.attr('pattern'));
						console.log(rg)
						console.log(rg.test($field.val()))
							if (!rg.test($field.val())){
								$field.addClass('Error');
								_lst_feilds_error += (_lst_feilds_error.length>0?'<br />':'') + $field.data('error');
							}
							
						}
				}
				
			}
		})
		if (_lst_feilds_error.length > 0) {_errors+=(_errors.length>0?'<br />':'') + _lst_feilds_error}
		if (_lst_feilds_incomplete.length > 0) {_errors+=(_errors.length>0?'<br />':'')  + $form.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').data('id');
			if (!_form['title']){_form['title'] = $('title').text();}
			_form['url'] = $("link[rel='canonical']").attr("href");
			if (_form['url'].length === 0){_form['url'] = $("base").attr("href")} 
			_form['device'] = eni.device;
			//_form['msg'] = $form.data('success');
			//_form['exception'] = $form.data('exception');
			//_form['xiti'] = $form.data('exception');

			eni.axc.call(e,{Async:true,Type:'html', Url:'/ajax/form.handling.aspx', Data:_form, fn:function(content){
				if (content.length > 0){
					eni.msg({ Class:'Alert', Title: $form.data('exception'), Content: content });
				}else{
					eni.msg({ Class:'Infos', Title: '', Content: $form.data('success') });
					eval($form.data('success-trigger'));
				}
				conv_Xiti = $form.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({ Class: 'Alert', Title: _title, Content: _errors});
		}
		return false;
	});*/
}