/* This code is licensed under Creative Commons Attribution 3.0    *
 * You may share and remix the script so long as you attribute the *
 * original author, Andrew January.                                *
 * http://creativecommons.org/licenses/by/3.0/                     */
(function($) {
    
   $(document).ready(function() {
       // Check to see if the browser already supports placeholder text (introduced in HTML5). If it does,
       // then we don't need to do anything.
       var i = document.createElement('input');
       if ('placeholder' in i) {
           return;
       }
       
   	var isPassword = function(input) {
   		return $(input).attr('realType') == 'password';
   	}
   	
   	var valueIsPlaceholder = function(input) {
   		return input.value == $(input).attr('placeholder');
   	}
   
   	var showPlaceholder = function(input, loading) {
   		// FF and IE save values when you refresh the page. If the user refreshes the page
   		// with the placeholders showing they will be the default values and the input fields won't
   		// be empty. Using loading && valueIsPlaceholder is a hack to get around this and highlight
   		// the placeholders properly on refresh.
   		if (input.value == '' || (loading && valueIsPlaceholder(input))) {
   			if (isPassword(input)) {
   				// Must use setAttribute rather than jQuery as jQuery throws an exception
   				// when changing type to maintain compatability with IE.
   				// We use our own "compatability" method by simply swallowing the error.
   				try {
   					input.setAttribute('type', 'input');
   				} catch (e) { }
   			}
   			input.value = $(input).attr('placeholder');
   			$(input).addClass('placeholder');
   		}
   	}
   	
   	var hidePlaceholder = function(input) {
   		if (valueIsPlaceholder(input) && $(input).hasClass('placeholder')) {
   			if (isPassword(input)) {
   				try {
   					input.setAttribute('type', 'password');
   					// Opera loses focus when you change the type, so we have to refocus it.
   					input.focus();
   				} catch (e) { }
   			}
   			
   			input.value = '';
   			$(input).removeClass('placeholder');
   		}
   	}
   	
   	$(':text[placeholder],:password[placeholder]').each(function(index) {
   		// We change the type of password fields to text so their placeholder shows.
   		// We need to store somewhere that they are actually password fields so we can convert
   		// back when the users types something in.
   		if ($(this).attr('type') == 'password') {
   			$(this).attr('realType', 'password');
   		}
   
   		showPlaceholder(this, true);
   		
   		$(this).focus(function() { hidePlaceholder(this) });
   		$(this).blur(function() { showPlaceholder(this, false) });
   	});
   });
    
})(jQuery);