// Create the tooltips only on document load
jQuery(document).ready(function() {
    pbcTooltipInitialize( jQuery(document) );
});

function pbcTooltipInitialize( element )
{
    jQuery(element).find('.bubble-section-heading').each( function() {
        elementId = this.id;
        if( typeof(descriptionToolTipArray[elementId]) != 'undefined' && typeof(titleToolTipArray[elementId]) != 'undefined' && typeof(descriptionToolTipArray) != 'undefined' && typeof(titleToolTipArray) != 'undefined') {
            jQuery(this).qtip( { content: { text: descriptionToolTipArray[elementId], title: { text: titleToolTipArray[elementId] } },
                            position: { corner: { target: 'bottomLeft',  tooltip: 'topLeft' },  adjust: { screen: true } },
                            show: { when: 'mouseover',  solo: true },
                            hide: 'mouseleave',
                            style: 'blue'
                        } );
        }
    });

    jQuery(element).find('.bubble_help').each( function() {
        elementId = this.id;
        if( typeof(descriptionToolTipArray[elementId]) != 'undefined' && typeof(titleToolTipArray[elementId]) != 'undefined' && typeof(descriptionToolTipArray) != 'undefined' && typeof(titleToolTipArray) != 'undefined') {

            jQuery(this).qtip( { content: { text: descriptionToolTipArray[elementId], title: { text: titleToolTipArray[elementId] } },
                            position: { corner: { target: 'bottomLeft', tooltip: 'topLeft' }, adjust: { screen: true } },
                            show: { when: 'mouseover', solo: true },
                            hide: 'mouseleave',
                            style: 'blue'
                        } );
        }
    });

    jQuery(element).find('.bubble_user').each( function() {
        jQuery(this).qtip( { content: { text: jQuery(this).find('.bubble-content').html(), title: { text: jQuery(this).find('.bubble-title').html() } },
                        position: { corner: { target: 'bottomLeft', tooltip: 'topLeft' }, adjust: { screen: true } },
                        show: { when: 'mouseover', solo: true },
                        hide: 'unfocus',
                        style: 'cream'
                       } );
    });

    jQuery(element).find('.bubble_message').each( function() {
        jQuery(this).qtip( { content: { text: jQuery(this).find('.bubble-content').html(),
                                   title: { text: jQuery(this).find('.bubble-title').html() }
                                 },
                        position: { corner: { target: 'bottomLeft', // Position the tooltip above the link
                                              tooltip: 'topLeft'
                                            },
                                    adjust: { screen: true // Keep the tooltip on-screen at all times
                                            }
                                  },
                        show: { when: 'mouseover',
                                solo: true // Only show one tooltip at a time
                              },
                        hide: 'mouseleave',
                        style: 'blue'
        });
    });
}