/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Scott Jehl :: http://www.scottjehl.com */

/*------------------------------------
	Title: Cross-Browser Text Drop Shadows
	Author: Scott Jehl, www.scottjehl.com, scott@scottjehl.com
	Date: 7/19/06
http://creativecommons.org/licenses/by-nc-sa/2.5/
--------------------------------------*/

// addEvent function from
// http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
function addEvent( obj, type, fn ) {
 	if (obj.addEventListener)
  		obj.addEventListener( type, fn, false );
 	else if (obj.attachEvent) {
  		obj["e"+type+fn] = fn;
  		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
  		obj.attachEvent( "on"+type, obj[type+fn] );
 	}
}

// getElementsByClass function (credit Dustin Diaz, www.dustindiaz.com)
function getElementsByClass(searchClass,node,tag) {
 	var classElements = new Array();
 	if ( node == null )
  		node = document;
 	if ( tag == null )
  		tag = '*';
 	var els = node.getElementsByTagName(tag);
 	var elsLen = els.length;
 	var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
 	for (i = 0, j = 0; i < elsLen; i++) {
  		if ( pattern.test(els[i].className) ) {
   			classElements[j] = els[i];
   			j++;
  		}
 	}
 	return classElements;
}

// createDropShadows function 
createDropShadows = function(){

 //get the elements with the classname highContrast
   var highContrast = getElementsByClass('highContrast');
    	 for(i = 0; i < highContrast.length; i++){

    		//current element
    		var currentElement = highContrast[i];

    		//current element's text
    		var hcContent = currentElement.firstChild.data;

    		//create a new span to replace the content text
    		var contentSpan = document.createElement('span');
    		var contentSpanText = document.createTextNode(hcContent);
    		contentSpan.appendChild(contentSpanText);

    		//create another span for the shadow text and give it the class "shadow"
    		var shadowSpan = document.createElement('span');
    		var shadowSpanText = document.createTextNode(hcContent);
    		shadowSpan.appendChild(shadowSpanText);
    		shadowSpan.className = "shadow";
    		
    		//kill the original text and toss the spans in there with the content on top
    		currentElement.firstChild.data = '';
    		currentElement.appendChild(shadowSpan);
    		currentElement.appendChild(contentSpan);
   	}
}

addEvent(window, 'load', createDropShadows);