jQuery(document).ready(function() {

    $("#tabs").tabs({
        selected:0
    });
	/***** target blank *******/
    $('a.blank').click( function() {
        window.open($(this).attr('href'));
        return false;
    });
    $('a.galerie').fancybox({
        titlePosition:'inside',
        overlayColor:"#000",
        overlayOpacity:.6,
        cyclic:true
    });
    $('#zoomBar a').fancybox({
        titlePosition:'inside',
        overlayColor:"#000",
        overlayOpacity:.6,
        cyclic:true
    });

    $('.enteteTabs li a').click(function(){
        $(".enteteTabs li").removeClass("active");
        $(this).parent().addClass("active");
    });

    $(".sousEcran p").toggle();
    $('.sousEcran h4').click(function(){
        $(this).nextAll("p").toggle();
        $(this).toggleClass('deplie');
    });

    var email = $("#email");
    var nom=$("#nom");
    var prenom=$("#prenom");
    var societe=$("#societe");
    var tel = $("#tel");
    
    nom.keyup(validateChampRequis );
    nom.focus(validateChampRequis );
    nom.blur(validateChampRequis );
    prenom.keyup(validateChampRequis );
    prenom.focus(validateChampRequis );
    prenom.blur(validateChampRequis );
    societe.keyup(validateChampRequis );
    societe.focus(validateChampRequis );
    societe.blur(validateChampRequis );
    email.blur(validateEmail);
    email.focus(validateEmail);
    email.keyup(validateEmail);
    tel.keyup(validateTelRequis);
    tel.focus(validateTelRequis);
    tel.blur(validateTelRequis);
    // On Submitting
    $("#demandeinfos").submit( function() {

        if (validateRequis()&&validateEmail()&&validateTelRequis() ){
            return true;
        }
        else{
            return false;
        }
    });
    // validation fonctions
    function validateEmail() {
        var a = email.val();
        var filter = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
        if (filter.test(a)) {
            email.css('background-color','#eee');
            email.prev('label').children('span')
            .text("");
            email.prev('label').children('span').removeClass("error");
            return true;
        } else {
            email.css('background-color','#F99');
            email.prev('label').children('span').text("Adresse mail non valide !");
            email.prev('label').children('span').addClass("error");
            return false;
        }
    }
    function validateChampRequis() {
        var illegalChars = /[?\/.;:<>$+="&*\\]+/;
        if (($(this).val().length < 2)
            || (illegalChars.test($(this).val()))) {
            $(this).css('background-color','#F99');
            $(this)
            .prev('label').children('span')
            .text(
                "Ce champ doit être renseigné et ne contenir que des lettres ou chiffres.");
            $(this).prev('label').children('span').addClass("error");
            return false;
        } else {
            $(this).css('background-color','#eee');
            $(this).prev('label').children('span').text("Valide");
            $(this).prev('label').children('span').removeClass("error");
            return true;
        }
    }
    function validateTelRequis() {
        var a = tel.val();
        var filter = /^[0-9]{8,14}$/;
        if (filter.test(a)) {
            tel.css('background-color','#eee');
            tel.prev('label').children('span').text("Valide");
            tel.prev('label').children('span').removeClass("error");
            return true;

        } else {
            tel.css('background-color','#F99');
            tel
            .prev('label').children('span')
            .text(
                "Ce champ doit contenir au moins 8 chiffres.");
            tel.prev('label').children('span').addClass("error");
            return false;

        }
    }
    function validateRequis(){
        var valide=true;
        $('.requis').each(function(index,e){
            var illegalChars = /[?\/;:<>$+="&*\\]+/;
            if (($(e).val().length < 2)
                || (illegalChars.test($(e).val()))) {
                    
                $(e).css('background-color','#F99');
                $(e)
                .prev('label').children('span')
                .text(
                    "Ce champ doit être renseigné.");
                $(e).prev('label').children('span').addClass("error");
                valide= false;
            }
        });
        return valide;
    }
});