var modalWindow = {
    parent: "body",
    windowId: null,
    content: null,
    width: null,
    height: null,
    close: function() {
        $(this.parent).find("#myModal").fadeOut(300);
        $(this.parent).find(".modal-overlay").animate({ opacity: '0' }, 600, function() {
            $(".modal-window").remove();
            $(".modal-overlay").remove();
        });
    },
    open: function() {
        var modal = "";
		
		
        modal += "<div class=\"modal-overlay\"></div>";
        modal += "<div id=\"" + this.windowId + "\" class=\"modal-window\" style=\"width:" + this.width + "px; height:" + this.height + "px; margin-top:-" + (this.height / 2) + "px; margin-left:-" + (this.width / 2) + "px;\">";
        modal += this.content;
        modal += "</div>";

        $(this.parent).append(modal).find("#myModal").fadeIn(500);


        $(this.parent).find(".modal-overlay").animate({ opacity: '.85' }, 600);

        $(".modal-window").append("<a class=\"close-window\"></a>");
        $(".close-window").click(function() { modalWindow.close(); });
        $(".modal-overlay").click(function() { modalWindow.close(); });
    }


};


function OpenProject(name) {

    var _url = name;
    $.get(_url, function(data) {
        openMyModal(data);
    });
}

var openMyModal = function(content) {

    modalWindow.windowId = "myModal";
    modalWindow.width = 438;
    modalWindow.height = 260;
    var str = "<div id='FavoriteBox'>";
    str += content;
    str += "</div>";
    modalWindow.content = str;
    modalWindow.open();
};