﻿jQuery.fn.shadow = function()
{
    return this.each(function()
    {

        var $parent = $(this).parent();
        var $prev = $(this).prev();

        $(this).remove();

        var $shadowed = $("<table/>").
            addClass("shadow").
		    attr("cellspacing", "0").
		    attr("cellpadding", "0").
		    attr("border", "0").
		    append($("<tr/>").
			    append($("<td/>").addClass("shadow11")).
			    append($("<td/>").addClass("shadow12")).
			    append($("<td/>").addClass("shadow13"))).
		    append($("<tr/>").
			    append($("<td/>").addClass("shadow21")).
			    append($("<td/>").addClass("shadow22").append(this)).
			    append($("<td/>").addClass("shadow23"))).
		    append($("<tr/>").
			    append($("<td/>").addClass("shadow31")).
			    append($("<td/>").addClass("shadow32")).
			    append($("<td/>").addClass("shadow33")));

        if ($prev.length != 0)
        {
            $prev.after($shadowed);
        }
        else
        {
            $parent.append($shadowed);
        }

        return this;

    });
};
