﻿$(document).ready(function() {
    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) {
		if (input.value == '' || (loading && valueIsPlaceholder(input))) {
			if (isPassword(input)) {
				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');
					input.focus();
				} catch (e) { }
			}
			
			input.value = '';
			$(input).removeClass('placeholder');
		}
	}
	$(':text[placeholder],:password[placeholder]').each(function(index) {
		if ($(this).attr('type') == 'password') {
			$(this).attr('realType', 'password');
		}
		showPlaceholder(this, true);		
		$(this).focus(function() { hidePlaceholder(this) });
		$(this).blur(function() { showPlaceholder(this, false) });
	});
});
