var tooltipClick = false;

$(document).ready(function(){
    
    //$(".offices").css('opacity',0.9);

    $(".close").click(function () {
        tooltipClick = false;
        $("div.offices").css({display: 'none'});
        $(".close").css({display: 'none'});
    })

    $(".dot").click(function () {
        tooltipClick = true;
        $(".close").css({display: 'block'});
    })
    
    $(".dot").mouseover(function () {
        var pd = $(this).parent();
        
        if (!tooltipClick){
        
            var lastChild = $("div:last-child", pd)[0];
            //hide all last child     
            $("div.parent div.offices").css({display: 'none'});        
            //display last child
            $(lastChild).css({display: 'block'});
            
            tooltipClick = false;
        }
        
    })

    $(".dot").mouseout(function () {
        var pd = $(this).parent();
        if (!tooltipClick){
            var lastChild = $("div.offices", pd)[0];
            $(lastChild).css({display: 'none'});
        }
    })
    
    $(".name").click(function () {
        tooltipClick = true;
        $(".close").css({display: 'block'});
    })
    
    $(".name").mouseover(function () {
        var pd = $(this).parent();
        
        if (!tooltipClick){
            var lastChild = $("div:last-child", pd)[0];
            //hide all last child       
            $("div.parent div.offices").css({display: 'none'});        
            //display last child
            $(lastChild).css({display: 'block'});
            
            tooltipClick = false;
        }
        
    })

    $(".name").mouseout(function () {
        var pd = $(this).parent();
        if (!tooltipClick){
            var lastChild = $("div.offices", pd)[0];
            $(lastChild).css({display: 'none'});
        }
    })
    


});