﻿function pop(e, city )
{
    if(!e) e = window.event;
    var x,y,w=1,h=1;
    
    if(e.pageX){
        x = e.pageX;
        y = e.pageY;
    }else{
        x = e.clientX;
        y = e.clientY;
        if(document.body.scrollLeft){
           x += document.body.scrollLeft;
           y += document.body.scrollTop;
        }else{
           x += document.documentElement.scrollLeft;
           y += document.documentElement.scrollTop;
        }
    }
    
    var targetX = 300;
    var targetY = y - 50;
    var targetW = 300;
    var targetH;
    
    var phantom = document.getElementById("phantom");
    var mypopup = document.getElementById("mypopup");
    
    mypopup.innerHTML = document.getElementById( city ).innerHTML;
    mypopup.style.top  = targetY + "px";
    mypopup.style.left = targetX + "px";
    mypopup.style.width = targetW + "px";
    
    mypopup.style.display="block";
    targetH = mypopup.offsetHeight;
    mypopup.style.display = "none";
    
    var docHeight = document.body.offsetHeight;
    if( targetY + targetH > docHeight){
        targetY -= (targetY + targetH - docHeight);
        if(targetY < 0) targetY = 0;
        mypopup.style.top = targetY + "px";
    }
    
    function animate(x, y, w, h){
        phantom.style.width = w + "px";
        phantom.style.height = h + "px";
        phantom.style.top = y + "px";
        phantom.style.left = x + "px";
    }
    
    var delay = 16;
    var n = 0;
    function loop(){
        if(n < 10){
            n += 1;
            
            var left   = x + (targetX - x) * n / 10;
            var top    = y + (targetY - y) * n / 10;
            var width  = w + (targetW - w) * n / 10;
            var height = h + (targetH - h) * n / 10;
            
            animate(left, top, width, height);
            setTimeout(loop, delay);
        }else{
            animate(-2,-2,0,0);
            mypopup.style.display = "block";
        }
    }
    loop()
    
    return false;
}

function hidePop(){
    document.getElementById("mypopup").style.display="none";
}


