(function ($) {
    $.fn.shadowCorners = function (options) {
        //ok create shadow div and attach to bottom of the parent
        var shad = $("<div />");
        shad.css("left", "0px").css("right", "0px");
        shad.height(18);
        shad.css("position", "absolute").css("bottom", "-18px").css("z-index", "5");
        var sl = $("<div />");
        sl.css("background-image", "url('http://www.video-postcard.com/images/bottomLeftShadow.png')").css("float", "left");
        sl.width(143).height(18);
        shad.append(sl);
        var sc = $("<div />");
        sc.css("background-image", "url('http://www.video-postcard.com/images/fillerShadow.png')").css("background-repeat", "repeat-x");
        sc.css("left", "143px").css("right", "143px").css("position", "absolute").css("height", "32px");
        shad.append(sc);
        var sr = $("<div />");
        sr.css("background-image", "url('http://www.video-postcard.com/images/bottomRightShadow.png')").css("float", "right");
        sr.width(143).height(18);
        shad.append(sr);
        $(this).append(shad);
        /*
        $(this).resize(function () {
            //on resize..
            var par = $(this).parent();
            par.width($(this).width());
            par.height($(this).height());
            par.css("left", $(this).css("left"));
            $(this).css("left", "0px");
        });
        */
    };
})(jQuery);