$(document).ready(function() {
    $('#america').mouseover(function(e) {
        // Show Overlay
        $('#overlay-america').show();
        //Remove the title attribute's to avoid the native tooltip from the browser
        $(this).attr('title','');
        //Append the tooltip template and its value
        $('body').append('<div id="tooltip"><div class="inner">B&J Rocket America, Inc.</div></div>');
        //Set the X and Y axis of the tooltip
        $('#tooltip').css('top', e.pageY + 10 );
        $('#tooltip').css('left', e.pageX + 20 );
        //Show the tooltip with faceIn effect
        $('#tooltip').hide();
        $('#tooltip').fadeIn('2500');
        $('#tooltip').fadeTo('10', 1);

    }).mousemove(function(e) {
        $('#tooltip').css('top', e.pageY + 10 );
        $('#tooltip').css('left', e.pageX + 20 );

    }).mouseout(function() {
        $('#overlay-america').hide();
        $('body').children('div#tooltip').remove();
    });

    $('#salesag').mouseover(function(e) {
        // Show Overlay
        $('#overlay-salesag').show();
        //Remove the title attribute's to avoid the native tooltip from the browser
        $(this).attr('title','');
        //Append the tooltip template and its value
        $('body').append('<div id="tooltip"><div class="inner">B&J Rocket Sales AG</div></div>');
        //Set the X and Y axis of the tooltip
        $('#tooltip').css('top', e.pageY + 10 );
        $('#tooltip').css('left', e.pageX + 20 );
        //Show the tooltip with faceIn effect
        $('#tooltip').hide();
        $('#tooltip').fadeIn('2500');
        $('#tooltip').fadeTo('10', 1);

    }).mousemove(function(e) {
        $('#tooltip').css('top', e.pageY + 10 );
        $('#tooltip').css('left', e.pageX + 20 );

    }).mouseout(function() {
        $('#overlay-salesag').hide()
        $('body').children('div#tooltip').remove();
    });
});