<!-- ********** START OF FIREWORKS SCRIPT ********** -->
<SCRIPT TYPE="text/javascript">
/**
   * You may use this code for free on any web page provided that  
   * these comment lines and the following credit remain in the code.
   * Cross Browser Fireworks from http://www.javascript-fx.com
   */
/*************************************************/
if(!window.JSFX) JSFX=new Object();

if(!JSFX.createLayer)
{/*** Include Library Code ***/

var ns4 = document.layers;
var ie4 = document.all;
JSFX.objNo=0;

JSFX.getObjId = function(){return "JSFX_obj" + JSFX.objNo++;};

JSFX.createLayer = function(theHtml)
{
  var layerId = JSFX.getObjId();

  document.write(ns4 ? "<LAYER  NAME='"+layerId+"'>"+theHtml+"</LAYER>" :  
        "<DIV id='"+layerId+"' style='position:absolute'>"+theHtml+"</DIV>" );

  var el =  document.getElementById    ? document.getElementById(layerId) :
    document.all   ? document.all[layerId] :
          document.layers[layerId];

  if(ns4)
   el.style=el;

  return el;
}
JSFX.fxLayer = function(theHtml)
{
  if(theHtml == null) return;
  this.el = JSFX.createLayer(theHtml);
}
var proto = JSFX.fxLayer.prototype

proto.moveTo     = function(x,y){this.el.style.left = x;this.el.style.top=y;}
proto.setBgColor = function(color) { this.el.style.backgroundColor = color; }  
proto.clip       = function(x1,y1, x2,y2){ this.el.style.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")"; }
if(ns4){
  proto.clip = function(x1,y1, x2,y2){
   this.el.style.clip.top  =y1;this.el.style.clip.left    =x1;
   this.el.style.clip.bottom=y2;this.el.style.clip.right    =x2;
  }
  proto.setBgColor=function(color) { this.el.bgColor = color; }
}
if(window.opera)
  proto.setBgColor = function(color) { this.el.style.color = color==null?'transparent':color; }

if(window.innerWidth)
{
  gX=function(){return innerWidth;};
  gY=function(){return innerHeight;};
}
else
{
  gX=function(){return document.body.clientWidth;};
  gY=function(){return document.body.clientHeight;};
}

/*** Example extend class ***/
JSFX.fxLayer2 = function(theHtml)
{
  this.superC = JSFX.fxLayer;
  this.superC(theHtml + "C");
}
JSFX.fxLayer2.prototype = new JSFX.fxLayer;
}/*** End Library Code ***/

/*************************************************/
/*** Firework Spark - extends fxLayer ***/
JSFX.FireworkSpark = function(x, y)
{
  this.superC = JSFX.fxLayer;
  this.superC("*");

  this.dx  = Math.random() * 4 - 2;
  this.dy    = Math.random() * 4 - 2;
  this.ay    = .09;
  this.x    = x;
  this.y    = y;
  this.type = 0;
}
JSFX.FireworkSpark.prototype = new JSFX.fxLayer;
/*** END Class FireworkSpark Constructor - start methods ***/

JSFX.FireworkSpark.prototype.fire0 = function()
{
  var a = Math.random() * 6.294;
  var s = Math.random() * 2;
  if(Math.random() >.6) s = 2;
  this.dx = s*Math.sin(a);
  this.dy = s*Math.cos(a) - 2;
}
JSFX.FireworkSpark.prototype.fire1 = function()
{
  var a = Math.random() * 6.294;
  var s = Math.random() * 2;
  this.dx = s*Math.sin(a);
  this.dy = s*Math.cos(a) - 2;
}
JSFX.FireworkSpark.prototype.fire2 = function()
{
  var a = Math.random() * 6.294;
  var s = 2;
  this.dx = s*Math.sin(a);
  this.dy = s*Math.cos(a) - 2;
}
JSFX.FireworkSpark.prototype.fire3 = function()
{
  var a = Math.random() * 6.294;
  var s = a - Math.random();
  this.dx = s*Math.sin(a);
  this.dy = s*Math.cos(a) - 2;
}
JSFX.FireworkSpark.prototype.fire4 = function()
{
  var a = Math.random() * 6.294;
  var s = (Math.random() > 0.5) ? 2 : 1;
  if(s==1)this.setBgColor("#FFFFFF");
  s -= Math.random()/4;
  this.dx = s*Math.sin(a);
  this.dy = s*Math.cos(a) - 2;
}
JSFX.FireworkSpark.prototype.fire = function(sx, sy, fw, cl)
{
  this.setBgColor(cl);

  if(fw == 1)
   this.fire1();
  else if(fw == 2)
   this.fire2();
  else if(fw == 3)
   this.fire3();
  else if(fw == 4)
   this.fire4();
  else
   this.fire0();

  this.x    = sx;
  this.y    = sy;
  this.moveTo(sx, sy);
}
JSFX.FireworkSpark.prototype.animate = function(step)
{
  this.dy += this.ay;
  this.x += this.dx;
  this.y += this.dy;
  this.moveTo(this.x, this.y);
}
/*** END Class FireworkSpark Methods***/

/*** Class FireworkDisplay extends Object ***/
JSFX.FireworkDisplay = function(numStars)
{
  window[ this.id = JSFX.getObjId() ] = this;

  this.sparks = new Array();
  for(i=0 ; i<numStars; i++)
  {
   this.sparks[i]=new JSFX.FireworkSpark(-10, -10);
   this.sparks[i].clip(0,0,3,3);
   this.sparks[i].setBgColor("#00FF00");
  }
  this.step = 0;
  this.timerId = -1;
}
JSFX.FireworkDisplay.prototype.explode = function()
{
  var colors = new Array("#FF0000", "#00FF00", "#0000FF", "#FFFF00", "#FFFFFF");
  var cl = colors[Math.floor(Math.random()*colors.length)];

  var x = (50 + (Math.random() * (gX()-150)));
  var y = (50 + (Math.random() * (gY()-150)));
  var fw = Math.floor(Math.random() * 5);

  for(i=0 ; i<this.sparks.length ; i++)
   this.sparks[i].fire(x, y, fw, cl);
}
JSFX.FireworkDisplay.prototype.animate = function()
{

  if(this.step > 40)this.step = 0;
  if(this.step == 0)this.explode();

  this.step++;

  for(i=0 ; i<this.sparks.length ; i++)
   this.sparks[i].animate(this.step);

}
JSFX.FireworkDisplay.prototype.start = function()
{
  if(this.timerId == -1)
   this.timerId = setInterval("window."+this.id+".animate()", 40);

}
JSFX.FireworkDisplay.prototype.stop = function()
{
  if(this.timerId != -1)
  {
   clearInterval(this.timerId);
   for(i=0 ; i<this.sparks.length ; i++)
    this.sparks[i].moveTo(-10,-10);
   this.timerId = -1;
   this.step = 0;
  }
}
/*** END Class FireworkDisplay***/

JSFX.FWStart = function()
{
  if(JSFX.FWLoad)JSFX.FWLoad();
  myFW1.start();
  setTimeout("myFW2.start()", 1000);
}
myFW1 = new JSFX.FireworkDisplay(40);
myFW2 = new JSFX.FireworkDisplay(40);
JSFX.FWLoad=window.onload;
window.onload=JSFX.FWStart;

</SCRIPT>
<!-- ********** END OF FIREWORKS SCRIPT ********** -->