function BubbleClass() {
  var myself = this;
  myself.myDiv = document.createElement('div');
  myself.myDiv.innerHTML = '<img src="/images/bubble1.gif">';
  $("#myback").eq(0).append( myself.myDiv);
  $( myself.myDiv ).addClass("bubble")

  myself.myDivWidth = 25
  myself.myDivHeight = 30
  myself.myBackHeight = $("#myback").height()

  jQuery(window).bind(
          'resize',
          function() {
            myself.myBackHeight = $("#myback").innerHeight()
          }
          );

  var myStartTop =  parseInt((myself.myBackHeight - myself.myDivHeight) * Math.random());
  myself.animate(myStartTop);
};

BubbleClass.prototype.animate = function(aStartTop) {
  var myself = this;

  var myStartLeft = parseInt(($("#myback").width() - myself.myDivWidth) * Math.random());
  if (aStartTop == undefined) { aStartTop = myself.myBackHeight - myself.myDivHeight };

  $( myself.myDiv ).css({left: myStartLeft + 'px', top: aStartTop + 'px'})
  $( myself.myDiv ).animate({
                            top: 0
                          },
                          5000 + parseInt(10 * aStartTop * Math.random()),
                          undefined,
                          function(){
                            myself.animate();
                          })
};

var myBubble;
 $(document).ready(function(){
   //if (!jQuery.browser.msie) {
     for (var i = 0; i < 10; i++) {
       //var myBubble1 = new BubbleClass();
       new BubbleClass();
     };
   //};
 });