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'});
    })

    $(".activeSpot").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'});
        }
    })

    $(".activeSpot").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'});
        }
    })



});