jQuery(document).ready(function() { 
	var options = { 
		target:        '#output_message',   // target element(s) to be updated with server response 
		beforeSubmit:  show_loader,  // pre-submit callback 
		success:       set_message  // post-submit callback 
		
		// other available options: 
		//url:       url         // override for form's 'action' attribute 
		//type:      type        // 'get' or 'post', override for form's 'method' attribute 
		//dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
		//clearForm: true        // clear all form fields after successful submit 
		//resetForm: true        // reset the form after successful submit 
		
		// $.ajax options can be used here too, for example: 
		//timeout:   3000
	}
	
	jQuery('input').remove('#nojavascript');
	jQuery("#cname").val('Name or nickname');
	jQuery("#cemail").val('Email');
	if(jQuery('input#mailto').val() == 'jobs') {
		jQuery('textarea#cmessage').html('Something about you...');
	} else {
		jQuery('textarea#cmessage').html('Any projects for me?');
	}
	
	// focus/blur for field 'name'
	jQuery('input#cname').focus(function() {
		jQuery('input#cname').parent('div').addClass('input_wrapper_focused');
		if(jQuery('input#cname').val() == 'Name or nickname') {
			jQuery('input#cname').val('');
		}
	});
	jQuery('input#cname').blur(function() {
		jQuery('input#cname').parent('div').removeClass('input_wrapper_focused');
		if(jQuery('input#cname').val() == '') {
			jQuery('input#cname').val('Name or nickname');
		}
	});
	
	// focus/blur for field 'email'
	jQuery('input#cemail').focus(function() {
		jQuery('input#cemail').parent('div').addClass('input_wrapper_focused');
		if(jQuery('input#cemail').val() == 'Email') {
			jQuery('input#cemail').val('');
		}
	});
	jQuery('input#cemail').blur(function() {
		jQuery('input#cemail').parent('div').removeClass('input_wrapper_focused');
		if(jQuery('input#cemail').val() == '') {
			jQuery('input#cemail').val('Email');
		}
	});
	
	// focus/blur for field 'message'
	jQuery('textarea#cmessage').focus(function() {
		if((jQuery('textarea#cmessage').html() == 'Something about you...' && jQuery('input#mailto').val() == 'jobs') || (jQuery('textarea#cmessage').html() == 'Any projects for me?' && jQuery('input#mailto').val() == 'contact')) {
			jQuery('textarea#cmessage').html('');
		}
		jQuery('div#textarea_wrapper').css("background-position","left -78px");
	});
	jQuery('textarea#cmessage').blur(function() {
		if(jQuery('textarea#cmessage').val() == '') {
			if(jQuery('input#mailto').val() == 'jobs') {
				jQuery('textarea#cmessage').html('Something about you...');
			} else {
				jQuery('textarea#cmessage').html('Any projects for me?');
			}
		}
		jQuery('div#textarea_wrapper').css("background-position","left top");
	});
	
	// validation
	jQuery("#form").validate({
		errorElement: "label",
		errorPlacement: function(error, element) {
			jQuery('#output_message').html(error);
		},
		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			},
			message: {
				required: true,
				maxlength: 1000,
				maxLength: 1000
			}
		},
		messages:{
			name: 'Error: You have to enter Your name.',
			email: {
					required: 'Error: Your email address is non existent.',
					email: 'Error: Your email address is non existent.'
			},
			message: {
				required: "Error: You have to enter Your message.",
				maxlength: "Error: Message should not be longer than 1000 characters.",
				maxLength: "Error: Message should not be longer than 1000 characters."
			}
		}
	});
	
	// bind form using 'ajaxForm' 
	jQuery('#form').ajaxForm(options);
});

function show_loader() {
	if(!jQuery("#form").valid()) {
		return false;
	} else {
		jQuery("#loader_holder").show();
		return true;
	}
}

function set_message(responseText, statusText) {
	if(statusText == 'success') {
		jQuery("#loader_holder").hide();
		jQuery("#cname").val('Name or nickname');
		jQuery("#cemail").val('Email');
		if(jQuery('input#mailto').val() == 'jobs') {
			jQuery('textarea#cmessage').html('Something about you...');
		} else {
			jQuery('textarea#cmessage').html('Any projects for me?');
		}
	}
}