var bubble_html = [
  "<p>Looking for a great craft, recipe or decor project? Find inspiration in our <a href=\"/category/diy-and-projects/\">DIY section</a>!</p>",
  "<p>Your world at a glance. We've made it easier to get to the content that grabs you.</p>",
  "<p>You know how moms are. We see. We like. We share! <a href=\"/join-us/\">Join us</a> and start sharing today!</p>",
  "<p>Check out the great sites in our graphic <a href=\"/momfluential-sites/\">Site Directory</a>. It's <a href=\"http://spreadsheets.google.com/viewform?formkey=dEJkTlExMWRKaS1ZeV9PQVlaN1R5OEE6MA\">easy</a> to get your site listed too.</p>",
  "<p>Press Pass! Our <a href=\"/category/vip-scoop/\">VIP section</a> takes you \"behind the scenes\" with top influential bloggers.</p>",
  "<p>Who's influential? You! Share your picks and pans in our <a href=\"/category/reviews/\">Reviews section</a>.</p>"
];
var current_bubble_index = 0;
var bubble_interval_timer;

function bubble_rotate() {
  jQuery('#bubble-content').html(bubble_html[current_bubble_index])
  
  current_bubble_index = (current_bubble_index + 1) % 6;
  
  jQuery('#bubble-scaffold').show('slow',
      function() {
        setTimeout(function() {
            jQuery('#bubble-scaffold').hide('slow')
          }, 8000);
      });
      
  if (current_bubble_index == 0) clearInterval(bubble_interval_timer);
}

function first_bubble_rotate() {
  bubble_rotate();
  bubble_interval_timer = setInterval(bubble_rotate, 15000);
}

jQuery(document).ready(function(){
    jQuery('#bubble-scaffold').hide(); // Hide the voice bubble initially
    
    setTimeout(first_bubble_rotate, 10000)
});
