(function($) {
    $.fn.searchbox = function(options) {
	var container = $(this).addClass("ui-searchbox");

	var settings = $.extend({
	    text: 'Search...',
	    keywordSelector: 'input[type=text]'
	}, options);
	
	$(settings.keywordSelector, container).addClass('ui-searchbox-txt').val(settings.text).focus(function() {
	    if($(this).val() == settings.text) {
		$(this).addClass('ui-searchbox-txt-focus').val("");
	    }
	}).blur(function() {
	    if($(this).val() == "") {
		$(this).removeClass('ui-searchbox-txt-focus').val(settings.text);
	    }
	}).mouseover(function() {
	    $(this).addClass('ui-searchbox-txt-over');
	}).mouseout(function() {
	    $(this).removeClass('ui-searchbox-txt-over');
	});

	$('input[type=submit],input[type=button]', container).addClass('ui-searchbox-btn').click(function() {
	    if(($(settings.keywordSelector, container).val() == "") || ($(settings.keywordSelector, container).val() == settings.text)) {
		return false;
	    }
	});

	return container;
    };
})(jQuery);