﻿//created by rado@mrcode.net
//required loader.css

jQuery.fn.loader = function(opt)
{
    var def = { action: "show", animate: true };

    var o = $.extend(def, opt);

    this.each(function()
    {
        var p = $(this);
        if (o.action == "show")
        {
            var d = $("<div class='ld_overlay'>&nbsp;</div>");
            var pt = p.css("padding-top");
            var pl = p.css("padding-left");

            d.width(p.width()).height(p.height()).css("position", "absolute").css("margin-top", "-" + pt).css("margin-left", "-" + pl).prependTo(p);

            var l = $("<a class='ld_loader'>&nbsp;</a>");

            p.prepend(l).prepend(d);
            var h = (p.height() / 2) - (l.height() / 2);
            var w = (p.width() / 2) - (l.width() / 2);
            l.css("margin-top", h + "px").css("margin-left", w + "px");
            if (o.animate) { d.fadeTo("slow", 0.8); }
        }

        if (o.action == "hide")
        {
            p.children(".ld_overlay").fadeOut("slow", function() { p.children(".ld_overlay").remove(); });
            p.children(".ld_loader").remove();
        }

    });

    return this;
};


