//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-245,
          particleSourceY:            230,
          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:            7,
          particleSourceX:            $(window).width()/2-178,
          particleSourceY:            275,
          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:            7,
          particleSourceX:            $(window).width()/2-340,
          particleSourceY:            280,
          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);
      });



//COUNTDOWN LAYOUT
$(function () {
$('#countdown').countdown({until: secondsStr, compact: true, 
    layout: '<div class="days"><div class="image{d100} centos"></div><div class="image{d10}"></div><div class="image{d1}"></div></div>' +
			'<div class="hours"><div class="image{h10}"></div><div class="image{h1}"></div></div>' +
			'<div class="minutes"><div class="image{m10}"></div><div class="image{m1}"></div></div><div class="seconds"><div class="image{s10}"></div>' +
			'<div class="image{s1}"></div></div>'});
});