(function($) {
	$.fn.searchbox = function(options) {
		var self = this;
		this.options = $.extend({}, $.fn.searchbox.defaults, options); 
		
		var $this = $(this);
		
		if ($this.attr('title')) {
			self.options = $.extend({}, self.options, {hint: $this.attr('title')} );
		}
	
		$this.blur( function(){ doBlur($(this), self.options) } );
		$this.focus( function(){ doFocus($(this), self.options) } );		
		$this.closest('form').submit( function(){  if ($this.val() == self.options.hint)  { $this.val(''); } });
		doBlur($(this), self.options); // Call blur to init the searchbox 					
	};
	
	function doBlur(obj, options) {		
		if (!obj.val()) {
			obj.val(options.hint);
			obj.addClass('hinted');
		}
	}
	
	function doFocus(obj, options) {
		if (obj.val() == options.hint) {
			obj.val('');
		}
		obj.removeClass('hinted');		
	}
	
	$.fn.searchbox.defaults = {
		hint: 'Suche....'
	};
})(jQuery);

