(function($){
	/**
	 * Using a text input and passing a string will display the text inside the input. 
	 * When the input is activated the text will be removed. 
	 * If the input is left blank then loses focus the text will be added back into the input.
	 *
	 * $(selector).textInputToggler("Enter Value");
	 **/
	$.fn.textInputToggler  = function(text){
		return this.each(function(){
			$(this).filter('input:text').val(text);
			$(this).filter('input:text').focus(function(){
				if($(this).val() == text){
					$(this).val('');
					$(this).css("color", "#333333");
				}
			});
			$(this).filter('input:text').blur(function(){
				if($(this).val() === ''){
					$(this).val(text);
					$(this).css("color", "#999999");
				}
			});
		});
	};
	
	/**
	 * Make any element act as a link. 
	 * Add the class 'clickable' to any element and it will provide the actions and styles similar to a link.
	 *
	 * <span class="clickable">Show All</span>
	 **/
	$.fn.clickable = function(){
		return this.each(function(){
			$(this).hover(function(){ $(this).addClass("clickable-hover"); }, function(){ $(this).removeClass("clickable-hover"); });
		});
	};
})(jQuery);