var IsMouseOverTheFrame = false;
var IsMouseOverThePic = false;
var w = 0;
var h = 0;
 
function OverFrame(){
    IsMouseOverTheFrame = true;
}
function OutFrame(e){
    IsMouseOverTheFrame = false;
    HideBlock(e);
}

function OverBigPic(src,ww,wh,e){
    var x = 0, y = 0;

    IsMouseOverThePic = true; 
    
    w = ww;
    h = wh;
    
    
    if (!e) e = window.event;

    if (e.pageX || e.pageY)
    {
        x = e.pageX;
        y = e.pageY;
    }
    else if (e.clientX || e.clientY)
    {
        x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
        y = e.clientY + (document.documentElement.scrollTop  || document.body.scrollTop) - document.documentElement.clientTop;
    } 
       
    if ((IsMouseOverThePic == true) && (IsMouseOverTheFrame == false) ){
        setTimeout(function() {
        $('hidden').style.left = document.documentElement.scrollLeft+10+'px';
        $('hidden').style.top = document.documentElement.scrollTop+10+'px';
        $('hidden').style.display = 'block'; 

        $('megapic').src = src;
        $('megapic').width = w;
        $('megapic').height = h;
        }, 5); 
    }
}


function OutBigPic(e){
    IsMouseOverThePic = false;
    HideBlock(e);
}

function ClickFrame(){
    IsMouseOverThePic = false; 
    IsMouseOverTheFrame = true; 
    $('hidden').hide(); 
}

function HideBlock(e){
    if (!e) e = window.event;

    x = e.clientX;
    y =  e.clientY;
        
    if ((IsMouseOverThePic == false) && (IsMouseOverTheFrame == false) && ((x > w+30) || (y > h+30))){ 
        $('hidden').hide();
    }
}