var modalWindow = {
    parent:"body",
    windowId:null,
    content:null,
    width:null,
    height:null,
    close: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);

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

var openModalWindow = function()
{
    modalWindow.windowId = "myModal";
    modalWindow.width = 500;
    modalWindow.height = 500;
    modalWindow.content = "<a href='http://www.5napalattujfurdo.hu'><img src='images/pupop.jpg'/><map name='Map' id='Map'></a>";
    modalWindow.open();
};