var loadBubbles = function() {

   $('body').bubble({
       'trigger' : '#groutTrigger', // selector for the trigger element
       'popup' : '#grout', // 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: 90, top: -4},
       'directionFadeIn' : 'right',
       'directionFadeOut' : 'right'
    });

   $('body').bubble({
       'trigger' : '#showerTrigger', // selector for the trigger element
       'popup' : '#shower', // 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: 90, top: -4},
       'directionFadeIn' : 'right',
       'directionFadeOut' : 'right'       
    });
    
   $('body').bubble({
       'trigger' : '#tileTrigger', // selector for the trigger element
       'popup' : '#tile', // 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: 90, top: -4},
       'directionFadeIn' : 'right',
       'directionFadeOut' : 'right'       
    }); 

   $('body').bubble({
       'trigger' : '#toiletTrigger', // selector for the trigger element
       'popup' : '#toilet', // 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: 90, top: -4},
       'directionFadeIn' : 'right',
       'directionFadeOut' : 'right'  
    });

   $('body').bubble({
       'trigger' : '#sinksTrigger', // selector for the trigger element
       'popup' : '#sinks', // 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: 90, bottom: -4},
       'directionFadeIn' : 'right',
       'directionFadeOut' : 'right'  
    });
    
  
    $('body').bubble({
       'trigger' : '#bathtubTrigger', // selector for the trigger element
       'popup' : '#bathtub', // 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' : {right: -7, bottom: 35},
       'directionFadeIn' : 'top',
       'directionFadeOut' : 'top'
    });
}


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