// JavaScript Document


function inputSuggestionOnBlur(elem){
	if($(elem).val()==""){
		$(elem).addClass("withSuggestion");
		var suggestionText = $(elem).attr("suggestionText");
		$(elem).val(suggestionText);
	}
}

function inputSuggestionOnFocus(elem){
	if($(elem).hasClass("withSuggestion")){
		$(elem).val("");
		$(elem).removeClass("withSuggestion");
	}
}

function selectSuggestionOnChange(elem){
	if($(elem).val()==""){
		$(elem).removeClass("withoutSuggestion");
		$(elem).addClass("withSuggestion");
	}
	else{
		$(elem).removeClass("withSuggestion");
		$(elem).addClass("withoutSuggestion");
	}
}

jQuery(document).ready(function(){

	$(":input[suggestionText]").each(function(){
    	$(this).val($(this).attr("suggestionText"));
		$(this).addClass("withSuggestion");
		$(this).blur(function(){inputSuggestionOnBlur(this);});
		$(this).focus(function(){inputSuggestionOnFocus(this);});
    });
	
	$("select[suggestionText]").each(function(){
    	$(this).addClass("withSuggestion");
		$(this).find("option").addClass("withoutSuggestion");
		$(this).prepend("<option class='suggestion withSuggestion' value=''>"+$(this).attr("suggestionText")+"</option>");
		$(this).find("option:first").attr("selected","selected");
		$(this).change(function(){selectSuggestionOnChange(this);});
		$(this).focus(function(){selectSuggestionOnChange(this);});
    });
	

});