Blue and Grey Hearts

Click anywhere on the page to see the fireworks. If you like what you see, copy the code in the box below and paste it in your webpage.
If you use any fireworks, you must give us credit.

<SCRIPT LANGUAGE="JavaScript1.2">
var ver  = navigator.appVersion;
var dom  = document.getElementById ? 1 : 0;
var ie5  = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;
var n  = (document.layers);
var ie = (document.all);
var sparksAflyin = 0;
var totalSparks = 0;
var sparksOn = 1;
function initMouseEvents() {document.onmousedown = mouseDown;
if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);}
function mouseDown(e) {if (sparksOn) {var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft;
var mousey = (n) ? e.pageY : event.y+document.body.scrollTop;
if (!sparksAflyin) {for (var k = 0; k <= 6; k++)
eval('SHOW("sDiv'+k+'")');
sparksAflyin = 1;
totalSparks = 0;
for(i = 0;i <= 6; i++)
eval('moveTo('+i+',0,'+mousex+','+mousey+')');}}}
function moveTo(i,j, mousex, mousey){if (j < eval('anim_'+i+'_x.length') ){var tempx = eval('anim_'+i+'_x[j]+mousex');
var tempy = eval('anim_'+i+'_y[j]+mousey');
if (ie) {if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop))
tempy = document.body.offsetHeight+document.body.scrollTop-30;
if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft))
tempx = document.body.offsetWidth+document.body.scrollLeft-30;
eval('document.all.sDiv'+i+'.style.left = tempx;');
eval('document.all.sDiv'+i+'.style.top  = tempy;');}
if (n) {eval('document.layers.sDiv'+i+'.left = tempx;');
eval('document.layers.sDiv'+i+'.top  = tempy;');}
j++;
//  timeout: 60 = fireworks speed, larger number = slower speed
setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)}
else {eval('HIDE("sDiv'+i+'")');
totalSparks++;}
if (totalSparks == 7) {sparksAflyin = 0;
totalSparks  = 0;}}
function SHOW(divName){if (document.all)
eval('document.all.'+divName+'.style.visibility = "visible";');
else if (document.layers)
eval('document.layers["'+divName+'"].visibility = "visible";');}
function HIDE(divName){if (document.all)
eval('document.all.'+divName+'.style.visibility = "hidden";');
else if (document.layers)
eval('document.layers["'+divName+'"].visibility = "hide";');}
anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x=new Array(-20,-24,-13,-34,-32,-67,-66,-138,-154,-203,-191,-209,-195,-203,-200,-211,-201,-224,-210);
anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);
anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);
anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y=new Array(-23,-20,-70,-110,-136,-167,-189,-180,-126,-60,-3,54,134,187,213,255);
anim_7_y=new Array(-24,-23,-73,-117,-124,-156,-180,-181,-136,-70,-2,57,142,199,190,240);
anim_7_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-210,-178,-161,-128,-43,-8,40,87,146,195,249);
</script>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" rightmargin="3" topmargin="3" marginwidth="0" marginheight="0" OnLoad="initMouseEvents()">
<div id="sparks">
<div id="sDiv0" style="position:absolute; visibility: hidden;"><img src="http://img104.imageshack.us/img104/672/redheartny9.png"></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><img src="http://img104.imageshack.us/img104/6851/orangeheartkm3.png"></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><img src="http://img524.imageshack.us/img524/5496/yellowheartoy3.png"></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><img src="http://img104.imageshack.us/img104/67/greenheartzj4.png"></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><img src="http://img523.imageshack.us/img523/2628/blueheartjx9.png"></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><img src="http://img524.imageshack.us/img524/3734/purpleheartpo9.png"></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><img src="http://img523.imageshack.us/img523/2628/blueheartjx9.png"></div>