var loadBubbles = function() {

    $('body').bubble({
       'trigger' : '#productTriggerBleach', // selector for the trigger element
       'popup' : '#productDirections', // selector for the actual bubble (within 'body')
       'distance' : 40, // distance in px it will travel
       'hideDelay' : 50, // time before hiding
       'effectTime' : 250, // total time for effect
       'showDelay' : 250,
       'popupPosition' : {left: 0, bottom: 0},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'top'
    });
    
    $('body').bubble({
       'trigger' : '#productTriggerCU', // selector for the trigger element
       'popup' : '#productDirectionsCU', // selector for the actual bubble (within 'body')
       'distance' : 40, // distance in px it will travel
       'hideDelay' : 50, // time before hiding
       'effectTime' : 250, // total time for effect
       'showDelay' : 250,
       'popupPosition' : {left: 80, bottom: 0},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'top'
    });
    
        $('body').bubble({
       'trigger' : '#productTriggerWipes', // selector for the trigger element
       'popup' : '#productDirectionsWipes', // selector for the actual bubble (within 'body')
       'distance' : 40, // distance in px it will travel
       'hideDelay' : 50, // time before hiding
       'effectTime' : 250, // total time for effect
       'showDelay' : 250,
       'popupPosition' : {left: 150, bottom: 0},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'top'
    });
    
}


// initialize all functions on document ready
$(document).ready(loadBubbles);