/*

Example usage:

$('form.titleprompt input, form input.titleprompt').formPlaceholder();


*/
(function($) {

$.fn.formPlaceholder = (function(){
    this.each(function(i, item) {
        var input = $(item), promptRemoved = false, removePromptFunc;
		
        if (input.attr("placeholder")) {		
            var removePromptFunc = function(){
                input.removeClass("placeholder-visible");
                if (!promptRemoved && input.val() == input.attr("placeholder")){
                    input.val("");
                    promptRemoved = true;
                }
            };
            
            var addPromptFunc = function() {
                if (input.attr("placeholder") && (!input.val() || input.val() == input.attr("placeholder"))) {
                    input.addClass("placeholder-visible");
                    input.val(input.attr("placeholder"));
                    
                    input.change(removePromptFunc);
                    input.focus(removePromptFunc);
                    input.parents("form").submit(removePromptFunc);
                    promptRemoved = false;
                }
            };
            
		
            addPromptFunc();
            input.blur(addPromptFunc);
        }
    });
    
    return this;
});


})(jQuery);
