$(document).ready(function() {
    $('a.newsletter').click(function(e){
        e.preventDefault();
        $('#newsletterbox').toggle();
    })

    $('#newsletterbox input[name=newsletter_name]').focus(function(e){
            if(this.value=='Name')
                this.value=''
     })
    $('#newsletterbox input[name=newsletter_email]').focus(function(e){
            if(this.value=='E-mail')
                this.value=''
     })
    $('#newsletterbox input[name=newsletter_name]').blur(function(e){
            if(this.value=='')
                this.value='Name'
     })
    $('#newsletterbox input[name=newsletter_email]').blur(function(e){
            if(this.value=='')
                this.value='E-mail'
     })



    $('#newsletterbox a.submit').click(function(e){
        e.preventDefault();

        var n=$('#newsletterbox input[name=newsletter_name]')[0]
        if(n.value=='' || n.value=="Name"){
            $(n).before('You must fill your name!');
            $(n).css('text-color','red');
            return;
        }
        var em=$('#newsletterbox input[name=newsletter_email]')[0]
        var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
   
        
        if(em.value=='' || em.value=="E-mail" || !emailPattern.test(em.value)){
            $(em).before('You must fill valid e-mail address!');
            $(em).css('text-color','red');
            return;
        }


          $.ajax({
              type: 'POST',
              url: '/portal/ajaxnewsletter',
              success: function(){
                $('#newsletterbox .form').toggle();
                $('#newsletterbox .thankyou').toggle();
                },
              data: $("#ajaxnewsletter").serialize()
          })     
    })

})