// wait for the DOM to be loaded 
//window.onload = function()
$('#signUp').ready(function() { 
	
	var options = { 
		
		target:        '#statusMail',
		beforeSubmit: checkIfValid,
		success:       showResponse    
		
   }; 
   
	$('.nameField').example(function() {
	return $(this).attr('title'); });
	$('.mailField').example(function() {
	return $(this).attr('title'); });

	$('#signUp').ajaxForm(options); 
				
	var validator = $("#signUp").validate({ 

		rules: { 
			namn: {
				required: true,
				minlength: 2
			}, 
			epost: { 
				minlength: 4,
				required: true, 
				email: true 
			} 
		},
		 
		messages: { 

			namn: "Skriv ditt namn", 
   
			epost: "Ogiltig e-post"
		}, 
	
		errorPlacement: function(error, element) { 
			if (element.is(".mailField") ) 
			{
				error.appendTo( "#statusMail" );
			}	
			else if (element.is(".nameField") ) 
			{
				error.appendTo( "#statusName" );
			} 
		} 
		
	});
	
	function checkIfValid(formData, jqForm, options) 
	{

  	  var form = jqForm[0]; 

	if (form.namn.value == "Namn") {
		
        return false;
    }

    else {
  		return $("#signUp").valid();  
    }
  
	}

	function showResponse(responseText, statusText)  { 
	}      
	
});