/*
 *	Clorox Interactive House Javascript Functions for VidaYSalud.com 
 *	Created by: Clorox Interactive Design 2009
 *	Updated: 10/21/2009
*/

var loadBubbles = function() {

    $('body').bubble({
       'trigger' : '#kidsroomTrigger1', // selector for the trigger element
       'popup' : '#computer', // 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, top: 42},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'
    });

    $('body').bubble({
       'trigger' : '#kidsroomTrigger2', // selector for the trigger element
       'popup' : '#sheets', // 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, top: 30},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'
    });

    $('body').bubble({
       'trigger' : '#kidsroomTrigger3', // selector for the trigger element
       'popup' : '#drawers', // 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, top: 30},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'
    });

   $('body').bubble({
       'trigger' : '#bathroomTrigger1', // selector for the trigger element
       'popup' : '#bathsink', // 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, top: 31},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'       
    }); 

   $('body').bubble({
       'trigger' : '#bathroomTrigger2', // selector for the trigger element
       'popup' : '#toiletbowl', // 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, top: 31},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'  
    });

   $('body').bubble({
       'trigger' : '#bathroomTrigger3', // 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' : {left: -196, top: 31},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'  
    });

   $('body').bubble({
       'trigger' : '#kitchenTrigger1', // selector for the trigger element
       'popup' : '#kitchensink', // 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, top: 31},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'
    });

   $('body').bubble({
       'trigger' : '#kitchenTrigger2', // selector for the trigger element
       'popup' : '#kitchencounter', // 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, top: 42},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'       
    });
    
   $('body').bubble({
       'trigger' : '#playroomTrigger', // selector for the trigger element
       'popup' : '#remotecontrol', // 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, top: 42},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'  
    });  

   $('body').bubble({
       'trigger' : '#doorTrigger', // selector for the trigger element
       'popup' : '#door', // 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, top: 42},
       'directionFadeIn' : 'bottom',
       'directionFadeOut' : 'bottom'  
    });  
  
}


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