$(document).ready(function(){

//email change form


  $('#email_button').click(function() {
                                    var no_errors = true;
if(!$("#email_contact").val().match(/^[a-z0-9\-_\.]+@[a-z0-9\-\.]+\.[a-z]{2,3}$/i)){
    alert("Votre adresse email n'est pas au bon format")
    no_errors = false;
}else{

      var email = $('#email_contact').val();
      $('#email1').val(email);     
      
      $('body').removeAttr("onunload");
      
      
      $.ajax({
      type: "GET",
      url: "xslt.aspx",
      data: "typerubrique=1&rubriqueid=200&elementid="+email,
      success:function(data){
           if(data=="gnagnagna"){alert('Votre email existe déjà, veuillez vous identifier.');}
       else{ 
        $('#help').attr('style','display:none');
            $('#box_isncription').attr('style','display:none');
          $('#box_isncription_longue').attr("style",'display:block');
       }
      }});
}
    }
);









//Nom                          
    $("#nom").keyup(function(){
        if(!$("#nom").val().match(/^[a-z0-9\s]+$/i)){
            $(".nom .notValid").css({"display":"inline"});
            $(".nom .valid").css({"display":"none"});
            $("#nom").css({"border":"1px solid #CC1A1A"});
        }
        else{
            $("#nom").css({"border":"1px solid #CCCCCC"});
            $(".nom .valid").css({"display":"inline"});
            $(".nom .notValid").css({"display":"none"});
            
        }
    });
    


//Prénom                           
    $("#prenom").keyup(function(){
        if(!$("#prenom").val().match(/^[a-z0-9\s]+$/i)){
            $(".prenom .notValid").css({"display":"inline"});
            $(".prenom .valid").css({"display":"none"});
            $("#prenom").css({"border":"1px solid #CC1A1A"});
        }
        else{
            $("#prenom").css({"border":"1px solid #CCCCCC"});
            $(".prenom .valid").css({"display":"inline"});
            $(".prenom .notValid").css({"display":"none"});
            
        }
    });
    



// Date de Naissance                           

    


//code Postal                          
    $("#codePostal").keyup(function(){
        if(!$("#codePostal").val().match(/^[0-9]{5}$/i)){
            $(".codePostal .notValid").css({"display":"inline"});
            $(".codePostal .valid").css({"display":"none"});
            $("#codePostal").css({"border":"1px solid #CC1A1A"});
        }
        else{
            $("#codePostal").css({"border":"1px solid #CCCCCC"});
            $(".codePostal .valid").css({"display":"inline"});
            $(".codePostal .notValid").css({"display":"none"});
            
        }
    });
    
    //Exemple InfoBulle
    
    /*$("#codePostal").blur(function(){
        if($("#codePostal").val() == "" ){
            $(".codePostal .validMsg").css({"display":"inline"}).fadeIn(400).delay(2000).fadeOut(400);
        }
        else{
            $(".validMsg").css({"display":"none"});
        }
                                
    });*/



//ville                        
    $("#ville").keyup(function(){
        if(!$("#ville").val().match(/^[a-z]+$/i)){
            $(".ville .notValid").css({"display":"inline"});
            $(".ville .valid").css({"display":"none"});
            $("#ville").css({"border":"1px solid #CC1A1A"});
        }
        else{
            $("#ville").css({"border":"1px solid #CCCCCC"});
            $(".ville .valid").css({"display":"inline"});
            $(".ville .notValid").css({"display":"none"});
            
        }
    });
    



//Mail                         
    $("#email1").keyup(function(){
        if(!$("#email1").val().match(/^[a-z0-9\-_\.]+@[a-z0-9\-\.]+\.[a-z]{2,3}$/i)){
            $(".email1 .notValid").css({"display":"inline"});
            $(".email1 .valid").css({"display":"none"});
            $("#email1").css({"border":"1px solid #CC1A1A"});
        }
        else{
            $("#email1").css({"border":"1px solid #CCCCCC"});
            $(".email1 .valid").css({"display":"inline"});
            $(".email1 .notValid").css({"display":"none"});
            
        }
    });
    



//Password                         
    $("#password1").keyup(function(){
        if(!$("#password1").val().match(/^[a-z0-9\W]+$/i)){
            $(".password1 .notValid").css({"display":"inline"});
            $(".password1 .valid").css({"display":"none"});
            $("#password1").css({"border":"1px solid #CC1A1A"});
        }
        else{
            $("#password1").css({"border":"1px solid #CCCCCC"});
            $(".password1 .valid").css({"display":"inline"});
            $(".password1 .notValid").css({"display":"none"});
            
        }
    });
    

function displayPopIn() {
    $('body').prepend('<div id="overlay"></div>');
    $("#overlay").css({"opacity": "0.5"});
    $("#overlay").fadeIn("slow");
    $(".errorForm").fadeIn("slow");
}

function centerPopup(){
    //request data
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $(".errorForm").height();
    var popupWidth = $(".errorForm").width();
    
    //centering
    $(".errorForm").css({
    "position": "absolute",
    "top": windowHeight/2-popupHeight/2,
    "left": windowWidth/2-popupWidth/2
    });
    
    //Overlay for IE6
    $("#overlay").css({
    "height": windowHeight
    });

}

function closePopIn() {
    $(".errorForm").fadeOut("slow"); 
    $("#overlay").fadeOut("slow");  
}




// Verifie si les champs du formulaire sont remplies
// lors du click sur le boutton validez.
    var nom = "Veuillez entrer votre Nom";
    var prenom = "Veuillez entrer votre Prénom";
    var naissance = "Veuillez entrer votre date de naissance";
    var postal = "Veuillez entrer votre Code Postal";
    var ville = "Veuillez entrer le nom de votre Ville";
    var mail = "Veuillez entrer votre adresse email";
    var password = "Veuillez entrer un mot de passe";
    var checkBox = "Vous devez accepter de recevoir les invitations de vente par email pour devenir membre de Surinvitation.com";
    var clear = "";
    
    function checkFormOnSubmit(){
        $('.errorForm').hide();
        var no_errors = true;
        $("#inscriptionForm").find('.required').each(function(){
            var r = $(this);
            if(r.attr("name")){ 
            $('#validate'+r.attr("name")).text(clear);
                if(!r.val()){
                    
                    $('#validate'+r.attr("name")).fadeIn("slow");
                    var t = r.attr("name");
                        switch (t){
                                case 'nom':
                                    $('#validate'+r.attr("name")).text(nom);
                                break;
                                
                                case 'prenom':
                                    $('#validate'+r.attr("name")).text(prenom);
                                break;
                                
                                
                                
                                case 'codePostal':
                                    $('#validate'+r.attr("name")).text(postal);
                                break;
                                
                                case 'ville':
                                    $('#validate'+r.attr("name")).text(ville);
                                break;
                                
                                case 'email1':
                                    $('#validate'+r.attr("name")).text(mail);
                                break;
                                
                                case 'password1':
                                    $('#validate'+r.attr("name")).text(password);
                                break;
                                case 'jaccepte':
                                    $('#validate'+r.attr("name")).text(nom);
                                break;                                                          
                        }
                        
                no_errors = false;          
                }
                
                if ($('#naissanceDay').val() === ("Jour")) {
                        
                        $('#validatenaissance').fadeIn("slow");
                        $('#validatenaissance').text(naissance);
                        no_errors = false;
                }
                else {
                    $('#validatenaissance').hide();
                }
                
                if ($('#naissanceMonth').val() === ("Mois")) {
                        
                        $('#validatenaissance').show();
                        $('#validatenaissance').text(naissance);
                        no_errors = false;
                }
                else {
                    $('#validatenaissance').hide();
                }
                
                if ($('#naissanceYear').val() === ("Année")) {
                        
                        $('#validatenaissance').show();
                        $('#validatenaissance').text(naissance);
                        no_errors = false;
                }
                else {
                    $('#validatenaissance').hide();
                    
                }
                        
                
                if ($('#jaccepte:checked').val() === undefined) { 
                        
                        $('#validatejaccepte').fadeIn("slow");
                        $('#validatejaccepte').text(checkBox);
                        no_errors = false;      
                }
                
            
                
            }
    
                //anti Robot
                if ($('#fakeInput2').val() != ""){
                    no_errors = false;
                }
    
        });
        if (no_errors == true){
                $('form').submit();
                centerPopup().hide;
                displayPopIn().hide;
            }
    return no_errors;   
    }
    
    
  $('#inscriptionButton').click(function(e) {
    checkFormOnSubmit();
        displayPopIn();
        centerPopup();
    
});
    
    
    
    $("#bt_inscription a").click(function(){
        checkFormOnSubmit();
        displayPopIn();
        centerPopup();
    });
    
    
    
    
    
    //close PopIn
    $(".error_close").click(function(){
        closePopIn();
    });
              
        
}); 






/*SLIDER*/
/*(function($) {

    $.fn.easySlider = function(options){
      
        // default configuration properties
        var defaults = {            
            prevId:         'prevBtn',
            prevText:       'Previous',
            nextId:         'nextBtn',  
            nextText:       'Next',
            controlsShow:   true,
            controlsBefore: '',
            controlsAfter:  '', 
            controlsFade:   true,
            firstId:        'firstBtn',
            firstText:      'First',
            firstShow:      false,
            lastId:         'lastBtn',  
            lastText:       'Last',
            lastShow:       false,              
            vertical:       false,
            speed:          800,
            auto:           false,
            pause:          2000,
            continuous:     false, 
            numeric:        false,
            numericId:      'controls'
        }; 
        
        var options = $.extend(defaults, options);  
                
        this.each(function() {  
            var obj = $(this);              
            var s = $("li", obj).length;
            var w = $("li", obj).width(); 
            var h = $("li", obj).height(); 
            var clickable = true;
            obj.width(w); 
            obj.height(h); 
            obj.css("overflow","hidden");
            var ts = s-1;
            var t = 0;
            $("ul", obj).css('width',s*w);          
            
            if(options.continuous){
                $("ul", obj).prepend($("ul li:last-child", obj).clone().css("margin-left","-"+ w +"px"));
                $("ul", obj).append($("ul li:nth-child(2)", obj).clone());
                $("ul", obj).css('width',(s+1)*w);
            };              
            
            if(!options.vertical) $("li", obj).css('float','left');
                                
            if(options.controlsShow){
                var html = options.controlsBefore;              
                if(options.numeric){
                    html += '<ol id="'+ options.numericId +'"></ol>';
                } else {
                    if(options.firstShow) html += '<span id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></span>';
                    html += ' <span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span>';
                    html += ' <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>';
                    if(options.lastShow) html += ' <span id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></span>';              
                };
                
                html += options.controlsAfter;                      
                $(obj).after(html);                                     
            };
            
            if(options.numeric){                                    
                for(var i=0;i<s;i++){                       
                    $(document.createElement("li"))
                        .attr('id',options.numericId + (i+1))
                        .html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>')
                        .appendTo($("#"+ options.numericId))
                        .click(function(){                          
                            animate($("a",$(this)).attr('rel'),true);
                        });                                                 
                };                          
            } else {
                $("a","#"+options.nextId).click(function(){     
                    animate("next",true);
                });
                $("a","#"+options.prevId).click(function(){     
                    animate("prev",true);               
                }); 
                $("a","#"+options.firstId).click(function(){        
                    animate("first",true);
                });             
                $("a","#"+options.lastId).click(function(){     
                    animate("last",true);               
                });             
            };
            
            function setCurrent(i){
                i = parseInt(i)+1;
                $("li", "#" + options.numericId).removeClass("current");
                $("li#" + options.numericId + i).addClass("current");
            };
            
            function adjust(){
                if(t>ts) t=0;       
                if(t<0) t=ts;   
                if(!options.vertical) {
                    $("ul",obj).css("margin-left",(t*w*-1));
                } else {
                    $("ul",obj).css("margin-left",(t*h*-1));
                }
                clickable = true;
                if(options.numeric) setCurrent(t);
            };
            
            function animate(dir,clicked){
                if (clickable){
                    clickable = false;
                    var ot = t;             
                    switch(dir){
                        case "next":
                            t = (ot>=ts) ? (options.continuous ? t+1 : ts) : t+1;                       
                            break; 
                        case "prev":
                            t = (t<=0) ? (options.continuous ? t-1 : 0) : t-1;
                            break; 
                        case "first":
                            t = 0;
                            break; 
                        case "last":
                            t = ts;
                            break; 
                        default:
                            t = dir;
                            break; 
                    };  
                    var diff = Math.abs(ot-t);
                    var speed = diff*options.speed;                     
                    if(!options.vertical) {
                        p = (t*w*-1);
                        $("ul",obj).animate(
                            { marginLeft: p }, 
                            { queue:false, duration:speed, complete:adjust }
                        );              
                    } else {
                        p = (t*h*-1);
                        $("ul",obj).animate(
                            { marginTop: p }, 
                            { queue:false, duration:speed, complete:adjust }
                        );                  
                    };
                    
                    if(!options.continuous && options.controlsFade){                    
                        if(t==ts){
                            $("a","#"+options.nextId).hide();
                            $("a","#"+options.lastId).hide();
                        } else {
                            $("a","#"+options.nextId).show();
                            $("a","#"+options.lastId).show();                   
                        };
                        if(t==0){
                            $("a","#"+options.prevId).hide();
                            $("a","#"+options.firstId).hide();
                        } else {
                            $("a","#"+options.prevId).show();
                            $("a","#"+options.firstId).show();
                        };                  
                    };              
                    
                    if(clicked) clearTimeout(timeout);
                    if(options.auto && dir=="next" && !clicked){;
                        timeout = setTimeout(function(){
                            animate("next",false);
                        },diff*options.speed+options.pause);
                    };
            
                };
                
            };
            // init
            var timeout;
            if(options.auto){;
                timeout = setTimeout(function(){
                    animate("next",false);
                },options.pause);
            };      
            
            if(options.numeric) setCurrent(0);
        
            if(!options.continuous && options.controlsFade){                    
                $("a","#"+options.prevId).hide();
                $("a","#"+options.firstId).hide();              
            };              
            
        });
      
    };

})(jQuery);

$(document).ready(function(){   
            $("#slider").easySlider({
                auto: true,
                continuous: true,
                controlsShow: false
            });
        }); */