(function($) {
    $.fn.Modal = function(settings) {
        var icerik = "<div id=\"Modal\"></div><div id=\"ModalIcerik\"></div>";
        var CloseHtml = "<div id=\"Kapat\"></div>";

        settings = $.extend({ opacity: "0.8", fadeTime: 700, content: "Modal Content" }, settings);
        return this.each(function() {
            $("body").append(icerik);
            $("#Modal").css("opacity", settings.opacity).fadeIn(settings.fadeTime).click(function() { kapat(); });
            $("#Kapat").click(function() {
                kapat();
            });
            $("#ModalIcerik").click(function() {
                kapat();
            });            
            $("#ModalIcerik").html(settings.content).fadeIn(settings.fadeTime).css("left", ($(window).width() / 2) - ($("#ModalIcerik").width() / 2)).css("top", ($(window).height() / 2) - ($("#ModalIcerik").height() / 2));
            //$("#ModalIcerik").append(CloseHtml);

        });
        function kapat() {
            $("#Modal").fadeOut(settings.fadeTime);
            $("#ModalIcerik").fadeOut(settings.fadeTime, function() { $("#Modal,#ModalIcerik").remove(); });
        }
    }
})(jQuery);