// JavaScript Document
/*
Para ponerlo en funcionamiento, basta con ponerle la class marcaDeAgua a todos los elementos que se desee que la lleven.
Sólo hace falta poner lo que queramos que se vea en el title del input(puede cambiarse el atributo, no tiene porque ser el title. Se cambia en la variable txtMarca del plugin)

	$(document).ready(function(){
		$(".marcaDeAgua").aquaMark();
	});
	

*/
(function($) {
  // plugin definition
  
$.fn.aquaMark = function(options) {
	
	var opts 		= $.extend({}, $.fn.aquaMark.defaults, options);
 	var txtMarca 	= $(this).attr("title");
	var elemento    = $(this) ;
	
	//Manejadores que dotan de sentido a la función.
	$.fn.aquaMark.establecerMark(this, txtMarca);
	
	$(elemento).focus(function(){
		if( $(elemento).val() == "" || $(elemento).val() == $(elemento).attr("title") ){
			$.fn.aquaMark.quitarMark(elemento);
		}
	});
	
	$(elemento).blur(function(){
		if( $(elemento).val() == ""){
			$.fn.aquaMark.perderFoco(elemento,txtMarca);
		}
	});
	
	$(this).parents('form:first').submit(function(){
		if( $(elemento).val() == $(elemento).attr("title") ){
			$.fn.aquaMark.quitarMark(elemento);	
		}
	});
};
  	
	//Funciones utilizadas para hacer funcionar el plugin.
	$.fn.aquaMark.establecerMark = function(elemento,txtMarca){
		if( $(elemento).val() == ""){
			$(elemento).addClass("aquaMark");
			$(elemento).val(txtMarca);
		}
	};
	
	$.fn.aquaMark.quitarMark = function(elemento){
			$(elemento).val("");
			$(elemento).removeClass("aquaMark");
	};
	
	$.fn.aquaMark.perderFoco = function(elemento,txtMarca){
		$(elemento).addClass("aquaMark");
		$(elemento).val(txtMarca);
	};

	//Opciones por defecto
	$.fn.aquaMark.defaults = {
		
	};

})(jQuery);