function MakeDropShadow() 
{
  var node = document;
  var tag = '*';
  var wantedClass = 'dropshadow';

  // Build a regular expression that will search specically for 'wantedClass'
  var pattern = new RegExp("(^|\\s)"+wantedClass+"(\\s|$)");

  // Scan through all tag elements in the document
  var scan_elem = node.getElementsByTagName(tag);
  for (i = 0; i < scan_elem.length; i++) 
  {
    // If element has a class of 'wantedClass'
    if (pattern.test(scan_elem[i].className) ) 
    {
      // Get the value from the element
      var text_value = scan_elem[i].innerHTML;

      // Create Shadow Children for this element
      CreateShadowChildren(scan_elem[i],text_value);
    }
  }
}

 function CreateShadowChildren(shadow_element,shadow_value) 
 {
   // Assign starting color (in Hex notation) for the Red, Green, and Blue
   // Components (when they all have the same value you will alwys get a gray color).
   // For lighter shadows start with a "lighter" color of 66, 77, 88 99, aa, bb, etc..
   var starting_color = '66';
   var cRed = parseInt(starting_color,'16');
   var cGreen = parseInt(starting_color,'16');
   var cBlue = parseInt(starting_color,'16');

   // Set the max number of shadow elements to create.
   // This should never be set larger than the Z-Index value of dropshadow class
   var max_shadows = 2; 

   // Calculate color increament based on range of gray colors (from starting_color to
   // the lighest gray color of #fefefe) and max number of shadows you want
   var color_inc =  parseInt(( parseInt('fe','16') - parseInt(starting_color,'16') ) / max_shadows,'10');

   for (j = 1; j <= max_shadows; j++) 
   {
     // Build full color Hex string from it's individual RGB values
     var full_color_value = cRed.toString(16) + cGreen.toString(16) + cBlue.toString(16);

     // Create a Shadow DIV
     var shadow_div = document.createElement('div');

     //  Add the shadow_value to Shadow DIV
     shadow_div.innerHTML = shadow_value;

     // Style Shadow DIV
     shadow_div.style.width=shadow_element.offsetWidth + "px";
     shadow_div.style.color = '#' + full_color_value;
     shadow_div.style.borderColor = '#' + full_color_value;
     shadow_div.style.display = "block";
     shadow_div.style.position = "absolute";
     shadow_div.style.top = j + "px";
     shadow_div.style.left = j + "px";
     shadow_div.style.zIndex = (-1) * j;

     // Apppend Shadow DIV to shadow element
     shadow_element.appendChild(shadow_div);

     // Increment shadows individual RGB color values
     cRed += color_inc;
     cGreen += color_inc;
     cBlue += color_inc;
   }
 }

 // Run the MakeDropShadow function when the page finishes loading
 window.onload = MakeDropShadow;