var openMyModalPhoto = function(source) {
    modalWindow.windowId = "myModal";  
    modalWindow.width = 800;  
    modalWindow.height = 600;  
    modalWindow.content = "<iframe id='modal-photo' class='rounded' width='820' height='615' scrolling='no' allowtransparency='true' src='" + source + "'></iframe>";  
    modalWindow.open();  
};

var openMyModalFilm = function(source, width, height) {
    modalWindow.windowId = "myModal";  
    modalWindow.width = width;  
    modalWindow.height = height;  
    modalWindow.content = "<iframe id='modal-film' class='rounded' width='"+width+"' height='"+height+"' scrolling='no' allowtransparency='true' src='" + source + "'></iframe>";  
    modalWindow.open();  
};

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();});  
    }  
};