<SCRIPT language=JavaScript>

<!-- Begin

Image0 = new Image();

Image0.src = "http://javascript.internet.com/img/mouse-bubbles/bubblack.gif";

Amount = 20;

Ymouse = -50;

Xmouse = -50;

Ypos = new Array();

Xpos = new Array();

Speed = new Array();

rate = new Array();

grow = new Array();

Step = new Array();

Cstep = new Array();

nsSize = new Array();

ns = (document.layers)?1:0;

(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt) {

Ymouse=(document.layers)?evnt.pageY-20:event.y-20;

Xmouse=(document.layers)?evnt.pageX:event.x;

}

(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

for (i = 0; i < Amount; i++) {

Ypos[i] = Ymouse;

Xpos[i] = Xmouse;

Speed[i] = Math.random()*4+1;

Cstep[i] = 0;

Step[i] = Math.random()*0.1+0.05;

grow[i] = 8;

nsSize[i] = Math.random()*15+5;

rate[i] = Math.random()*0.5+0.1;

}

if (ns) {

for (i = 0; i < Amount; i++) {

document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");

}

}

else {

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < Amount; i++) {

document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');

}

document.write('</div></div>');

}

function MouseBubbles() {

var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;

var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;

for (i = 0; i < Amount; i++){

sy = Speed[i] * Math.sin(270 * Math.PI / 180);

sx = Speed[i] * Math.cos(Cstep[i] * 4);

Ypos[i] += sy;

Xpos[i] += sx;

if (Ypos[i] < -40) {

Ypos[i] = Ymouse;

Xpos[i] = Xmouse;

Speed[i] = Math.random() * 6 + 4;

grow[i] = 8;

nsSize[i] = Math.random() * 15 + 5;

}

if (ns) {

document.layers['sn'+i].left = Xpos[i] + wscrll;

document.layers['sn'+i].top = Ypos[i] + hscrll;

}

else {

si[i].style.pixelLeft = Xpos[i] + wscrll;

si[i].style.pixelTop = Ypos[i] + hscrll;

si[i].style.width = grow[i];

si[i].style.height = grow[i];

}

grow[i] += rate[i];

Cstep[i] += Step[i];

if (grow[i] > 24) grow[i] = 25;

}

setTimeout('MouseBubbles()', 10);

}

MouseBubbles();

// End -->

</SCRIPT>

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<DIV style="POSITION: relative"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 179px; WIDTH: 15px; POSITION: absolute; TOP: -8px; HEIGHT: 15px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 222px; WIDTH: 9px; POSITION: absolute; TOP: -33px; HEIGHT: 9px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 239px; WIDTH: 9px; POSITION: absolute; TOP: -36px; HEIGHT: 9px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 146px; WIDTH: 17px; POSITION: absolute; TOP: -30px; HEIGHT: 17px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 235px; WIDTH: 8px; POSITION: absolute; TOP: -20px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 239px; WIDTH: 8px; POSITION: absolute; TOP: -26px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 244px; WIDTH: 8px; POSITION: absolute; TOP: -32px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 178px; WIDTH: 17px; POSITION: absolute; TOP: -39px; HEIGHT: 17px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 222px; WIDTH: 9px; POSITION: absolute; TOP: -39px; HEIGHT: 9px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 227px; WIDTH: 8px; POSITION: absolute; TOP: -37px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 238px; WIDTH: 8px; POSITION: absolute; TOP: -24px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 247px; WIDTH: 9px; POSITION: absolute; TOP: -34px; HEIGHT: 9px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 220px; WIDTH: 9px; POSITION: absolute; TOP: -35px; HEIGHT: 9px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 227px; WIDTH: 8px; POSITION: absolute; TOP: -29px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 252px; WIDTH: 8px; POSITION: absolute; TOP: -38px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 222px; WIDTH: 8px; POSITION: absolute; TOP: -38px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 226px; WIDTH: 9px; POSITION: absolute; TOP: -34px; HEIGHT: 9px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 209px; WIDTH: 13px; POSITION: absolute; TOP: -38px; HEIGHT: 13px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 235px; WIDTH: 8px; POSITION: absolute; TOP: -20px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 222px; WIDTH: 8px; POSITION: absolute; TOP: -35px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"></DIV></DIV>