/***
@title:
Text Shadow

@version:
1.0

@author:
Andreas Lagerkvist

@date:
2008-10-17

@url:
http://andreaslagerkvist.com/jquery/text-shadow/

@license:
http://creativecommons.org/licenses/by/3.0/

@copyright:
2008 Andreas Lagerkvist (andreaslagerkvist.com)

@requires:
jquery, jquery.textShadow.css

@does:
Frankly a rather crappy text-shadow plug-in (can one be done well? :) but nevertheless it does the job in some cases.

@howto:
jQuery('h2').textShadow(); would give every h2 a shadow.

@exampleHTML:
<p>I should have a shadow.</p>

@exampleJS:
jQuery('#jquery-text-shadow-example p').textShadow();
***/
jQuery.fn.textShadow = function () {
	return this.each(function () {
		var el = $(this);

		el.html('<span class="jquery-text-shadow-text">' + el.html() + '</span>').css('position', 'relative');
		jQuery('<span class="jquery-text-shadow">' + el.text() + '</span>').appendTo(el);
	});
};
jQuery.fn.h2textShadow = function () {
	return this.each(function () {
		var el = $(this);

		el.html('<span class="jquery-h2-text-shadow-text">' + el.html() + '</span>').css('position', 'relative');
		jQuery('<span class="jquery-h2-text-shadow">' + el.text() + '</span>').appendTo(el);
	});
};
jQuery.fn.h3textShadow = function () {
	return this.each(function () {
		var el = $(this);

		el.html('<span class="jquery-h3-text-shadow-text">' + el.html() + '</span>').css('position', 'relative');
		jQuery('<span class="jquery-h3-text-shadow">' + el.text() + '</span>').appendTo(el);
	});
};