$(function(){
    //original field values
    var field_values = {
            //id        :  value
            'newPass'  				: 'newPass',
            'newPass2' 				: 'newPass',
            'email'  				: 'Votre adresse mail',
            'email2'  				: 'Confirmer votre adresse mail',
            'questsecrete'  		: 'Question secrète',
            'repsecrete'  			: 'Réponse secrète',
            'nom' 					: 'Votre nom',
            'prenom' 				: 'Votre prénom',
            'adresse' 				: 'Votre adresse',
            'cp' 					: 'Votre Code postal',
            'ville' 				: 'Votre ville',
            'fixe' 					: 'Votre téléphone fixe',
            'mobile' 				: 'Votre téléphone mobile',
            'dernier_diplome' 		: 'Dernier diplome obtenu',
            'datepickerFormation'	: 'Date de début',
            'datepickerFormation2'	: 'Date de fin',
            'datepicker'			: 'Date de début',
            'datepicker2'			: 'Date de fin',
            'intitule_poste'     	: 'Intitulé du poste',
            'entreprise'			: 'Entreprise',
            'domaine_acti'          : 'Domaine activité'
    };


    //inputfocus
    $('input#newPass').inputfocus({ value: field_values['newPass'] });
    $('input#newPass2').inputfocus({ value: field_values['newPass2'] }); 
    $('input#email').inputfocus({ value: field_values['email'] }); 
    $('input#email2').inputfocus({ value: field_values['email2'] }); 
    $('input#questsecrete').inputfocus({ value: field_values['questsecrete'] }); 
    $('input#repsecrete').inputfocus({ value: field_values['repsecrete'] }); 


    $('input#nom').inputfocus({ value: field_values['nom'] });
    $('input#prenom').inputfocus({ value: field_values['prenom'] });
    $('input#adresse').inputfocus({ value: field_values['adresse'] });
    $('input#cp').inputfocus({ value: field_values['cp'] });
    $('input#ville').inputfocus({ value: field_values['ville'] });
    $('input#fixe').inputfocus({ value: field_values['fixe'] });
    $('input#mobile').inputfocus({ value: field_values['mobile'] });
    
    
    $('input#dernier_diplome').inputfocus({ value: field_values['dernier_diplome'] });
    $('input#datepickerFormation').inputfocus({ value: field_values['datepickerFormation'] });
    $('input#datepickerFormation2').inputfocus({ value: field_values['datepickerFormation2'] });
    
    
    $('input#datepicker').inputfocus({ value: field_values['datepicker'] });
    $('input#datepicker2').inputfocus({ value: field_values['datepicker2'] });
    $('input#intitule_poste').inputfocus({ value: field_values['intitule_poste'] });
    $('input#entreprise').inputfocus({ value: field_values['entreprise'] });
    $('input#domaine_acti').inputfocus({ value: field_values['domaine_acti'] });
    

    //reset progress bar
    $('#progress').css('width','0');
    $('#progress_text').html('0% Complete');

    //first_step
    $('form').submit(function(){ return false; });
    $('#submit_first').click(function(){
        //remove classes
        $('#first_step input').removeClass('error').removeClass('valid');

        //ckeck if inputs aren't empty
        var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
        var fields = $('#first_step input[type=text], #first_step input[type=password]');
        var error = 0;
        fields.each(function(){
            var value = $(this).val();
            if( value.length<6 || value==field_values[$(this).attr('id')] || ( $(this).attr('id')=='email' && !emailPattern.test(value) ) || $('#email').val() != $('#email2').val() ) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                 error++;
            } else {
                $(this).addClass('valid');
            }
        });        
        
        if(!error) {     
            if( $('#newPass').val() != $('#newPass2').val() ) {
                    $('#first_step input[type=password]').each(function(){
                        $(this).removeClass('valid').addClass('error');
                        $(this).effect("shake", { times:3 }, 50);
                    });
                    
                    return false;
            } else {   
                //update progress bar
                $('#progress_text').html('33% Complete');
                $('#progress').css('width','113px');
                
                //slide steps
                $('#first_step').slideUp();
                $('#second_step').slideDown();     
            }               
        } else return false;
    });


    $('#submit_second').click(function(){
        //remove classes
        $('#second_step input').removeClass('error').removeClass('valid');
        
        var cpPattern = /^((0[1-9])|([1-8][0-9])|(9[0-8])|(2A)|(2B))[0-9]{3}$/;
        var fixePattern = /^0[1-89]([\.|\-|\s]*[0-9]{2}){4}$/;
        var mobilePattern = /^0[6-7]([\.|\-|\s]*[0-9]{2}){4}$/;
        
        var fields = $('#second_step input[type=text]');
        var error = 0;
        fields.each(function(){
            var value = $(this).val();
            if(($(this).attr('id')=='cp' && !cpPattern.test(value)) || ($(this).attr('id')=='fixe' && !fixePattern.test(value)) || ($(this).attr('id')=='mobile' && !mobilePattern.test(value))|| value.length<1 || value==field_values[$(this).attr('id')]) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                
                error++;
            } else {
                $(this).addClass('valid');
            }
        });

        if(!error) {
                //update progress bar
                $('#progress_text').html('66% Complete');
                $('#progress').css('width','226px');
                
                //slide steps
                $('#second_step').slideUp();
                $('#third_step').slideDown();     
        } else return false;

    });

    $('#submit_third').click(function(){
        //remove classes
        $('#third_step input').removeClass('error').removeClass('valid');

        
        var fields = $('#third_step input[type=text]');
        var error = 0;
        fields.each(function(){
            var value = $(this).val();
            if( value.length<6 || value==field_values[$(this).attr('id')]) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                error++;
            } else {
                $(this).addClass('valid');
            }
        });

        if(!error) {
                //update progress bar
                $('#progress_text').html('100% Complete');
                $('#progress').css('width','339px');


		         //prepare the fourth step
		        var fields = new Array(
		            $('#email').val(),
		            $('#newPass').val(),
		            $('#questsecrete').val(),
		            $('#repsecrete').val(),
					$('#civilite').val() + ' ' + $('#nom').val() + ' ' + $('#prenom').val(),
		            $('#jour').val() + '/' + $('#mois').val() + '/' + $('#annee').val(),
		            $('#adresse').val(),
		            $('#cp').val(),
		            $('#ville').val(),
		            $('#fixe').val(),
		            $('#mobile').val(),
		            $('#email').val(),
		            $('#dernier_diplome').val(),
					$('#datepickerFormation').val(),
					$('#datepickerFormation2').val(),
					$('#datepicker').val(),
					$('#datepicker2').val(),
					$('#intitule_poste').val(),
					$('#entreprise').val(),
					$('#domaine_acti').val()				                       
		        );
		        var tr = $('#fourth_step tr');
		        tr.each(function(){
		            //alert( fields[$(this).index()] )
		            $(this).children('td:nth-child(2)').html(fields[$(this).index()]);
		        });
 
                
                //slide steps
                $('#third_step').slideUp();
                $('#fourth_step').slideDown();     
        } else return false;

    });


    
    $('#submit_fourth').click(function(){
        //send information to server
      
        self.location.href='enregistrement_infos.php'
    });

});