function MakeDropShadow() {  
    var node = document;  
    var tag = '*';  
    var wantedClass = 'drop-shadow';  
    // 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);  
      }  
    } // End for loop  
  }  
 function CreateShadowChildren(shadow_element,shadow_value) {  
  var top_pos = .5;  
  var left_pos = .5;  
  // 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 = '44';  
  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 = 10;   
  // 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 = top_pos + "px";  
    shadow_div.style.left = left_pos + "px";  
    shadow_div.style.zIndex = (-1) * j;  
    // Apppend Shadow DIV to shadow element  
    shadow_element.appendChild(shadow_div);  
    // Increment positons and shadows individual RGB color values  
    top_pos += .5;  
    left_pos += .5;  
    cRed += color_inc;  
    cGreen += color_inc;  
    cBlue += color_inc;  
  }  
 }  
// Run the MakeDropShadow function when the page finishes loading  
window.onload = MakeDropShadow; 

