var modal = {
    
    jquery:null,
    target:null,
    content:null,
    mouseX:0,
    mouseY:0,
    
    
    
    
    
    init:function(){
        modal.jquery = $('.blackModal');
        modal.target = modal.jquery.find('.target');             
        $(window).resize(modal.onUpdate);
        
        
         document.onmousemove = function(e){
            e = e || window.event;

            if (e.pageX || e.pageY) {  
                modal.mouseX = e.pageX;
                modal.mouseY = e.pageY;
            } else {                 
                modal.mouseX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
                modal.mouseY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
            }       
           
        }
        
        
    },
    
    onUpdate:function(){
        if(modal.content==null) return;
        var w = modal.content.width();
        var h = modal.content.height();
        modal.target.css('margin-left',-w/2);
        modal.target.css('margin-top',-h/2);
        
    },
    
    show:function(content){
                
       modal.content = content;
        modal.jquery.css('display','block');
        modal.target.html('');
        modal.target.append(content);      
       
       content.find('.close').click(function(){
           modal.close();
       });
       
       modal.onUpdate();
       
        
    },
    
    close:function(){
        modal.jquery.animate({_size:0},{duration:0,queue:false,complete:function(){ modal.onCloseComplete(); }});
    }
    ,
    
    onCloseComplete:function(){
        modal.target.html('');
        modal.jquery.css('display','none');
        modal.content=  null;
    }
    
};


$(document).ready(function(){        
    modal.init();                    
});