$(document).ready(function(){
    $('#icon-concept, #tooltip-concept').hover(
        function(){
            $('#icon-concept').addClass('active');
            $('#icon-design').removeClass('active');
            $('#icon-bouw').removeClass('active');
            $('#tooltip-concept').css({'margin' : '-50px 0 0 130px', 'display' : 'block'});
            $('#tooltip-design').css({'display' : 'none'});
            $('#tooltip-bouw').css({'display' : 'none'});
        },
        function(){
            $('#tooltip-concept').css({'display' : 'none'});
        }
    );
    $('#icon-design, #tooltip-design').hover(
        function(){
            $('#icon-concept').removeClass('active');
            $('#icon-design').addClass('active');
            $('#icon-bouw').removeClass('active');
            $('#tooltip-design').css({'margin' : '-50px 0 0 290px', 'display' : 'block'});
            $('#tooltip-concept').css({'display' : 'none'});
            $('#tooltip-bouw').css({'display' : 'none'});
        },
        function(){
            $('#tooltip-design').css({'display' : 'none'});
        }
    );
    $('#icon-bouw, #tooltip-bouw').hover(
        function(){
            $('#icon-concept').removeClass('active');
            $('#icon-design').removeClass('active');
            $('#icon-bouw').addClass('active');
            $('#tooltip-bouw').css({'margin' : '-50px 0 0 540px', 'display' : 'block'});
            $('#tooltip-concept').css({'display' : 'none'});
            $('#tooltip-design').css({'display' : 'none'});
        },
        function(){
            $('#tooltip-bouw').css({'display' : 'none'});
        }
    );
    $('#newsletter-tooltip').hover(
        function(){
            $('#newsletter-tooltip-text').css({'margin' : '-50px 0 0 540px', 'display' : 'block'});
        },
        function(){
            $('#newsletter-tooltip-text').css('display', 'none');
        }
    );
    // Tooltip holder
    var _tt = null;
    /* Team members */
    $('.person-trigger').click(function(e){
        // Prevent default
        e.preventDefault();
        // Fetch element position
        var _position = _position = $(this).position();
        // Get id
        var _person = $(this).attr('id');
        // Remove old tips
        if (_tt != null){
            _tt.css({'display' : 'none'});
        }
        // Get tooltip
        _tt = $('#'+_person+'-details');
        // Position and show tooltip
        _tt.css({'display' : 'block', 'position' : 'absolute', 'left' : _position.left-150, 'top' : _position.top+180, 'z-index' : 999999});
        // Hide on click outside
        $('body').one('click',function(){
            _tt.css({'display' : 'none'});
        });
        e.stopPropagation();
    });
});