/*------------------------------------
	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.nodeValue;
		
		if (hcContent) {
			//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);