/*
Dynamic Heading Generator by Stewart Rosenberger
modified by Daniel Srb (i'm to lame to learn js)

selector
url
wordwrap
fontfile
fontsize
fontcolor
backgroundcolor
transparentbackground 
*/

//replaceSelector("h2","_h.php",true,"franklingothicbook.ttf","14","#9d0b0f","#ffffff",false);

var doNotPrintImages=true;
var printerCSS="r-print.css";

var hideFlicker=false;
var hideFlickerCSS="r-screen.css";
var hideFlickerTimeout=1000;

/*
For basic usage, you should not need to edit anything below this comment.
If you need to further customize this script's abilities, make sure
you're familiar with Javascript. And grab a soda or something.
*/

var items;
var imageLoaded=false;
var documentLoaded=false;

function replaceSelector(selector,url,wordwrap)
{
  url = url.replace('hiphop.php','egypt.php');  
	if(typeof items=="undefined")items=new Array();
	items[items.length]={selector:selector,url:url,wordwrap:wordwrap};
}

if(hideFlicker)
{		
document.write('<link id="hide-flicker" rel="stylesheet" media="screen" href="' + hideFlickerCSS + '" />');		
window.flickerCheck=function(){if(!imageLoaded) setStyleSheetState('hide-flicker',false);};
setTimeout('window.flickerCheck();',hideFlickerTimeout)
}

//if(doNotPrintImages)
//document.write('<link id="print-text" rel="stylesheet" media="print" href="' + printerCSS + '" />');

/*
var test=new Image();
test.onload=function() { imageLoaded=true; if(documentLoaded) replacement(); };
test.src=testURL + "?date=" + (new Date()).getTime();

addLoadHandler(function(){ documentLoaded=true; if(imageLoaded) replacement(); });
function documentLoad()
{
	documentLoaded=true;
	if(imageLoaded) replacement();
}
*/

function replacement()
{
	for(var i=0;i<items.length;i++)
	{
		var elements=getElementsBySelector(items[i].selector);
   	if(elements.length>0) for(var j=0;j<elements.length;j++)
		{
			if(!elements[j])
				continue ;
			var text=extractText(elements[j]);
    		while(elements[j].hasChildNodes())
				elements[j].removeChild(elements[j].firstChild);
			var tokens=items[i].wordwrap ? text.split(' ') : [text] ;
			for(var k=0;k<tokens.length;k++)
			{
				var url=items[i].url + "?text=" +tokens[k].replace('&','***amp***') + ' &a';
				var image=document.createElement("img");
				image.className="replacement";
				image.alt=tokens[k] ;
				image.src=url;
				elements[j].appendChild(image);
				
			}
			if(doNotPrintImages)
			{
				var span=document.createElement("span");
				span.style.display='none';
				span.className="print-text";
				span.appendChild(document.createTextNode(text));
				elements[j].appendChild(span);
			}
		}
	}
	if(hideFlicker)
		setStyleSheetState('hide-flicker',false);
}

/*
function addLoadHandler(handler)
{
	if(window.addEventListener){window.addEventListener("load",handler,false);}
	else if(window.attachEvent){window.attachEvent("onload",handler);}
	else if(window.onload){
		var oldHandler=window.onload;
		window.onload=function piggyback()
		{
			oldHandler();
			handler();
		};
	}
	else{window.onload=handler;}
}
*/

function setStyleSheetState(id,enabled) 
{
	var sheet=document.getElementById(id);
	if(sheet)
   sheet.disabled=(!enabled);
}

function extractText(element)
{
	if(typeof element=="string")
		return element;
	else if(typeof element=="undefined")
		return element;
	else if(element.innerText)
		return element.innerText;

	var text="";
	var kids=element.childNodes;
	for(var i=0;i<kids.length;i++)
	{
		if(kids[i].nodeType==1)
		text += extractText(kids[i]);
		else if(kids[i].nodeType==3)
		text += kids[i].nodeValue;
	}
	return text;
}

/*
	Finds elements on page that match a given CSS selector rule. Some
	complicated rules are not compatible.
	Based on Simon Willison's excellent "getElementsBySelector" function.
	Original code (with comments and description):
		http://simon.incutio.com/archive/2003/03/25/getElementsBySelector
*/

function getElementsBySelector(selector)
{
	var tokens=selector.split(' ');
	var currentContext=new Array(document);
	for(var i=0;i<tokens.length;i++)
	{
		token=tokens[i].replace(/^\s+/,'').replace(/\s+$/,'');
		if(token.indexOf('#')>-1)
		{
			var bits=token.split('#');
			var tagName=bits[0];
			var id=bits[1];
			var element=document.getElementById(id);
			if(tagName && element.nodeName.toLowerCase() != tagName)
				return new Array();
			currentContext=new Array(element);
			continue;
		}

		if(token.indexOf('.')>-1)
		{
			var bits=token.split('.');
			var tagName=bits[0];
			var className=bits[1];
			if(!tagName)
				tagName='*';

			var found=new Array;
			var foundCount=0;
			for(var h=0;h<currentContext.length;h++)
			{
				var elements;
				if(tagName=='*')
					elements=currentContext[h].all ? currentContext[h].all : currentContext[h].getElementsByTagName('*');
				else
					elements=currentContext[h].getElementsByTagName(tagName);

				for(var j=0;j<elements.length;j++)
					found[foundCount++]=elements[j];
			}

			currentContext=new Array;
			var currentContextIndex=0;
			for(var k=0;k<found.length;k++)
			{
				if(found[k].className && found[k].className.match(new RegExp('\\b'+className+'\\b')))
					currentContext[currentContextIndex++]=found[k];
			}
			continue;
	    }

		if(token.match(/^(\w*)\[(\w+)([=~\|\^\$\*]?)=?"?([^\]"]*)"?\]$/))
		{
			var tagName=RegExp.$1;
			var attrName=RegExp.$2;
			var attrOperator=RegExp.$3;
			var attrValue=RegExp.$4;
			if(!tagName)
				tagName='*';
			var found=new Array;
			var foundCount=0;
			for(var h=0;h<currentContext.length;h++)
			{
				var elements;
	        	if(tagName=='*')
					elements=currentContext[h].all ? currentContext[h].all : currentContext[h].getElementsByTagName('*');
				else
					elements=currentContext[h].getElementsByTagName(tagName);
				for(var j=0;j<elements.length;j++)
					found[foundCount++]=elements[j];
			}
			currentContext=new Array;
			var currentContextIndex=0;
			var checkFunction;
			switch(attrOperator)
			{
				case '=':
					checkFunction=function(e) { return (e.getAttribute(attrName)==attrValue); };
					break;
				case '~':
					checkFunction=function(e) { return (e.getAttribute(attrName).match(new RegExp('\\b'+attrValue+'\\b'))); };
					break;
				case '|':
					checkFunction=function(e) { return (e.getAttribute(attrName).match(new RegExp('^'+attrValue+'-?'))); };
					break;
				case '^':
					checkFunction=function(e) { return (e.getAttribute(attrName).indexOf(attrValue)==0); };
					break;
				case '$':
					checkFunction=function(e) { return (e.getAttribute(attrName).lastIndexOf(attrValue)==e.getAttribute(attrName).length - attrValue.length); };
					break;
				case '*':
					checkFunction=function(e) { return (e.getAttribute(attrName).indexOf(attrValue)>-1); };
					break;
				default :
					checkFunction=function(e) { return e.getAttribute(attrName); };
			}
			currentContext=new Array;
			var currentContextIndex=0;
			for(var k=0;k<found.length;k++)
			{if(checkFunction(found[k])) currentContext[currentContextIndex++]=found[k];}
			continue;
		}
		tagName=token;
		var found=new Array;
		var foundCount=0;
		for(var h=0;h<currentContext.length;h++)
		{
			var elements=currentContext[h].getElementsByTagName(tagName);
			for(var j=0;j<elements.length; j++)
				found[foundCount++]=elements[j];
		}
		currentContext=found;
	}
	return currentContext;
}