//TOOLTIPS
$(document).ready(function() {
  $('.tooltip').hover(
    function() {
    this.tip = this.title;
    $(this).append(
     '<div class="toolTipWrapper">'
          +this.tip
      +'</div>'
    );
    this.title = "";
    this.width = $(this).width();
    $(this).find('.toolTipWrapper').css({left:this.width-69})
    $('.toolTipWrapper').animate({opacity: "show", top: "-30"}, "fast");
  },
    function() {
      $('.toolTipWrapper').fadeOut(300);
      $('.toolTipWrapper').remove();
        this.title = this.tip;
      }
  );
});

//INITIALIZE BUBBLES
      $(document).ready(function() {
        //Build Bubble Machines with the Bubble Engine ------------------------
        var SoapBubbleMachineNumber1 = $('fn').BubbleEngine({
          particleSizeMin:            0,
          particleSizeMax:            30,
          particleSourceX:            $(window).width()/2-10,
          particleSourceY:            -200,
          particleAnimationDuration:  5000,
          particleDirection:          'center',
          particleAnimationDuration:  2000,
          particleAnimationVariance:  500,
          particleScatteringX:        50,
          particleScatteringY:        100,
          gravity:                    -100
        });
        //Build Bubble Machines with the Bubble Engine ------------------------
        var SoapBubbleMachineNumber2 = $('fn').BubbleEngine({
          particleSizeMin:            0,
          particleSizeMax:            5,
          particleSourceX:            $(window).width()/2-7,
          particleSourceY:            440,
          particleAnimationDuration:  5000,
          particleDirection:          'center',
          particleAnimationDuration:  2000,
          particleAnimationVariance:  500,
          particleScatteringX:        10,
          particleScatteringY:        100,
          gravity:                    -100
        });
        //Build Bubble Machines with the Bubble Engine ------------------------
        var SoapBubbleMachineNumber3 = $('fn').BubbleEngine({
          particleSizeMin:            0,
          particleSizeMax:            5,
          particleSourceX:            $(window).width()/2-10,
          particleSourceY:            535,
          particleAnimationDuration:  5000,
          particleDirection:          'center',
          particleAnimationDuration:  2000,
          particleAnimationVariance:  500,
          particleScatteringX:        10,
          particleScatteringY:        100,
          gravity:                    -100
        });
        //Start Bubble Machines -----------------------------------------------
        SoapBubbleMachineNumber1.addBubbles(25);
        SoapBubbleMachineNumber2.addBubbles(25);
        SoapBubbleMachineNumber3.addBubbles(25);
      });