jQuery(function(){ 
	jQuery('input:text').hint().highlight();
	jQuery('input:password').hint().highlight();
	jQuery('textarea').hint().highlight();
	jQuery('select').highlight();
})
	
jQuery.fn.hint = function() {
	return this.each(function(){
		var t = jQuery(this); // get jQuery version of 'this'
		var title = t.attr('title'); // get it once since it won't change
		if (title) { // only apply logic if the element has the attribute
			
			// on focus, set value to blank if current value matches title attr
			t.focus(function(){
				if (t.val() == title) {
				  t.val('');
				  t.removeClass('blur');
				}
			})

			// on blur, set value to title attr if text is blank
			t.blur(function(){
				if (t.val() == '') {
				  t.val(title);
				  t.addClass('blur');
				}
			})

			// clear the pre-defined text when form is submitted
			t.parents('form:first()').submit(function(){
				if (t.val() == title) {
					t.val('');
					t.removeClass('blur');
				}
			});

			// now change all inputs to title
			t.blur();
		}
	})				
}

jQuery.fn.highlight = function() {
	return this.each(function(){
		var t = jQuery(this); // get jQuery version of 'this'
		
			// on focus, set class to active
			t.focus(function(){
				t.removeClass('inactive');
				t.addClass('active');
			})

			// on blur, set class to inactive
			t.blur(function(){
				t.removeClass('active');
				t.addClass('inactive');
			})
	})
}