jQuery(document).ready(function() {
	var elements = '#contact-mail-page .form-text, #contact-mail-page .form-textarea';
	$('#contact-mail-page #edit-name').attr('title', 'Name');
	$('#contact-mail-page #edit-mail').attr('title', 'Email');
	$('#contact-mail-page #edit-subject').attr('title', 'Subject');
	$('#contact-mail-page #edit-message').attr('title', 'Message');
	$(elements).hint();
});

jQuery.fn.hint = function (blurClass) {
	if (!blurClass) {
		blurClass = 'blur';
	}

	return this.each(function () {
		// get jQuery version of 'this'
		var $input = jQuery(this),
		
		// capture the rest of the variable to allow for reuse
		title = $input.attr('title'),
		$form = jQuery(this.form),
		$win = jQuery(window);
		
		function remove() {
			if ($input.val() === title && $input.hasClass(blurClass)) {
				$input.val('').removeClass(blurClass);
			}
		}
	
		// only apply logic if the element has the attribute
		if (title) { 
			// on blur, set value to title attr if text is blank
			$input.blur(function () {
				if (this.value === '') {
					$input.val(title).addClass(blurClass);
				}
			}).focus(remove).blur(); // now change all inputs to title
			
			// clear the pre-defined text when form is submitted
			$form.submit(remove);
			$win.unload(remove); // handles Firefox's autocomplete
		}
	});
};