﻿var isMouseOverDiv = false;
var isMouseOverLink = false;
var currentDiv;
var hideDelay = 2000;
var divLeftDefault = 100;
var divTopDefault = -200;

function showBizCard(e,bizCardId,checkPosition)
{        
    if (currentDiv != null)    
    {
        if (currentDiv != bizCardId)
            document.getElementById(currentDiv).style.display = "none";        
    }
    
    currentDiv = bizCardId;                        
    document.getElementById(bizCardId).style.display = 'block';    
    
    if (checkPosition)
    {
        var divWidth = document.getElementById(bizCardId).offsetWidth;
        var offsetX = (e.clientX + divWidth + divLeftDefault) - document.documentElement.clientWidth;    
        if (offsetX > 0)
        {                          
            document.getElementById(bizCardId).style.left = (divLeftDefault - offsetX) + "px";
        }
        
        var divHeight = document.getElementById(bizCardId).offsetHeight;
        var offsetY = (e.clientY + divHeight + divTopDefault) - document.documentElement.clientHeight;        
        
        if (offsetY > 0)
        {
            document.getElementById(bizCardId).style.top = (divTopDefault - offsetY - 15) + "px";
        }        
    }
    setTimeout('hideBizCard("' + bizCardId + '")', hideDelay);      
}

function hideBizCard(bizCardId)
{    
    if (!isMouseOverDiv && !isMouseOverLink)
    {
        document.getElementById(bizCardId).style.display = 'none';
        document.getElementById(bizCardId).style.left = divLeftDefault + "px";
        document.getElementById(bizCardId).style.top = divTopDefault + "px";
        isMouseOverDiv = false;
        isMouseOverLink = false;
    }
    else
    {
        setTimeout('hideBizCard("' + bizCardId + '")', hideDelay);
    }
}

function TrackMouse(e, id)
{        
    if (id.indexOf('Div') < 0)
    {
        if (e.type == 'mouseout')
            isMouseOverLink = false;
        else if (e.type == 'mouseover')
            isMouseOverLink = true;
    }
    else if (id.indexOf('Div') >= 0)              
    {
        if (e.type == 'mouseout')
            isMouseOverDiv = false;
        else if (e.type == 'mouseover')
            isMouseOverDiv = true;
    }
}
