Fireworks Show - JavaScript

Fireworks Show [ Not FF ]

This fires rockets from the bottom of the screen that explode near the top.
They burst into random color star pieces for a glittering effect.
You can alter the color of the stars and the number of rockets fired.
Two part script : Add Part 1 to <BODY> and Part 2 to <HEAD> of your HTML

Example:

Watch the page.

Follow the editing instructions after the // and within the 
to customize the script, then copy and paste it into your HTML editor.

colors = new Array();

//  **** Define Your Own Color Combinations Here ****

colors[0] = new Array('yellow', 'lime');

colors[1] = new Array('silver', 'green')

colors[2] = new Array('silver', 'blue');

colors[3] = new Array('silver', 'purple');

colors[4] = new Array('purple', 'white');

colors[5] = new Array('blue', 'silver');

colors[6] = new Array('red', 'fuchsia');

colors[7] = new Array('yellow', 'red');

//  **** Define the Maximum Number of Rockets ****

maximum = 100;

//  **** DO NOT Alter Any Below ****

vmlobj=''; 
 for(i = 0; i < 12; i++){  
 vmlobj += '<div id="star'+i+'" style="position:absolute; left:-50px; top-50px; visibility:hidden; z-index:50;">';
 vmlobj += '<v:shape style="width:15px; height:15px;" fillcolor="yellow" coordorigin="0,0" coordsize="200 200">';
 vmlobj += '<v:path v="m 8,65 l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155,92,121, 42,155, 60,100 x e"/>';
 vmlobj += '<v:stroke on="false" /></v:shape></div>';
 }
document.write(vmlobj); vmlobj = null;
fire = 0;
function begin()
{
try {
 if(fire == maximum){ return;}
 colorscheme = Math.floor(Math.random() * colors.length);
 posLinks = Math.floor(Math.random() * (document.body.clientWidth - 180));
 posLinks = (posLinks < 170)? 170: posLinks;
 posAbove = Math.floor(Math.random() * (document.body.clientHeight - 180));
 posAbove = (posAbove < 170)? 170: posAbove;
 change = 0; burst = true; flash = 0; flickereffect = false;
 for(var i = 0; i < 12; i++){
 document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[colorscheme][0]);
 document.getElementById('star'+i).style.visibility = 'hidden'; // 5.0 fix
 document.getElementById('star'+i).style.left = posLinks;
 document.getElementById('star'+i).style.top = posAbove;
 }
 document.getElementById('star0').style.top = (document.body.clientHeight - 20); 
 document.getElementById('star0').style.visibility = 'visible';
 forhigh();
} catch(e){}
}
function forhigh()
{
try {
  positie = parseInt(document.getElementById('star0').style.top);
  if(positie > posAbove){
  document.getElementById('star0').style.top = (positie - 25); 
  setTimeout('forhigh()', 50);
  } else {
   for(i = 1; i < 12; i++){
   document.getElementById('star'+i).style.top = positie;
   document.getElementById('star'+i).style.visibility = 'visible';
   }  
  burstpattern();
  }
} catch(e){}
}
function burstpattern()
{
try {
 if(change > 120 && change % 10 == 0){ 
 flickereffect = true;
 flash = (flash == colors[colorscheme].length)? 0: (flash+1);
 }
 for(var i = 0; i < 12; i++){
 var angle = i * 30; 
 var piangle = Math.PI - Math.PI / 180 * angle;
 var links = posLinks + Math.round(change * Math.sin(piangle)); 
 var above = positie + Math.round(change * Math.cos(piangle));
 document.getElementById('star'+i).style.left = links;
 document.getElementById('star'+i).style.top = above;
  if(flickereffect){
  document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[colorscheme][flash]);
  }
 }
 if(change < 160 && burst){
 change += (change < 120)? 10: 5;
 setTimeout('burstpattern()', 50);
 }
 else if(change > 120){
 burst = false; change -= 5;
 setTimeout('burstpattern()', 50);
 }
 else if(change <= 120){
  for(var i = 0; i < 12; i++){
  document.getElementById('star'+i).style.visibility = 'hidden';
  }
 fire++;
 setTimeout('begin()', 500);
 }
} catch(e) {}
}
window.onload=begin;
// -->
</SCRIPT>
<![endif]-->

<p><font face="arial" size="-2">The firework script</font><br><font face="arial, helvetica" size="-2">at <a href="http://rainbow.arch.scriptmania.com/scripts/">Rainbow Arch</a></font></p>

PART 2:-
Copy and Paste this STYLE CODE to <HEAD> your page HTML - Where ?