var _examplesNode;
var _panelNode;


function initialise () {
	_examplesNode = document.getElementById('textexpansions');
	_panelNode = document.getElementById('panel');

	var examples = document.getElementsByTagName('span'); 
	var count = 0;
	total = examples.length;
	for (i=0;i<total;i++) { 
		if (examples[i].className == 'ex') {
			count++; 
			examples[i].id = 'ex'+count;
			setMouseover(examples[i]);
			setMouseout(examples[i]);
			//examples[i].onmouseover = function(){ showdetails(this) };
			//examples[i].onmouseout = function(){ hidedetails() };
			
			chars = examples[i].firstChild.data;
			
			//anchor = examples[i].appendChild(document.createElement('a'));
			// create a footnote pointer
			anchor = document.createElement('a');
			anchor.href = '#eex'+count;
			sup = anchor.appendChild(document.createElement('sup'));
			sup.className = 'fnote';
			sup.appendChild(document.createTextNode(' \u200E'+count));
			
			// do some convoluted stuff in order to add footnote pointer after the example
			thisexample = examples[i].parentNode.replaceChild(anchor, examples[i]);
			anchor.parentNode.insertBefore(thisexample, anchor);
			//examples[i].parentNode.insertBefore(anchor, examples[i]);
				
			maindiv = document.createElement('div');
			maindiv.id = 'eex'+count; maindiv.name = 'eex'+count;
			maindiv.className = 'expandedtext';
			
			textdiv = maindiv.appendChild(document.createElement('div'));
			
			number = textdiv.appendChild(document.createElement('sup'));
			number.appendChild(document.createTextNode('Example '+count+': '));
			number.className = 'exNum';
			
			text = textdiv.appendChild(document.createElement('span'));
			text.className = 'eex';
			text.lang = 'ur';
			text.appendChild(document.createTextNode(chars));
			
			for (var j=0;j<chars.length;j++) {
				code = chars.charCodeAt(j); 
				chardiv = maindiv.appendChild(document.createElement('div'));
				chardiv.appendChild(document.createTextNode(code.toString(16).toUpperCase()+': '));
				img = chardiv.appendChild(document.createElement('img'));
				img.src = 'images/0'+code.toString(16).toUpperCase()+'.png';
				img.alt = '0'+code.toString(16).toUpperCase();
				chardiv.appendChild(document.createTextNode(' '+clist[code]));
				}
			_examplesNode.appendChild(maindiv);
			}
		}
	}

function setMouseover ( node ) {
	node.onmouseover = function(){ showdetails(node) };
	}
	
function setMouseout ( node ) {
	node.onmouseout = function(){ hidedetails() };
	}
	



function showdetails (node) { 
	id = 'e'+node.id;
	div = document.getElementById(id); 
	//panel = document.insertBefore(div.cloneNode(true), node);
	cloneddata = div.cloneNode(true); 
	_panelNode.appendChild(cloneddata);
	_panelNode.style.display = 'block';
	}

function hidedetails () {
	_panelNode.removeChild(_panelNode.firstChild);
	}

var clist = new Array ();
clist[0x20]="SPACE";
clist[0x2C]="COMMA";
clist[0x2D]="HYPHEN-MINUS";
clist[0x0600]="ARABIC NUMBER SIGN";
clist[0x0601]="ARABIC SIGN SANAH";
clist[0x0602]="ARABIC FOOTNOTE MARKER";
clist[0x0603]="ARABIC SIGN SAFHA";
clist[0x060B]="AFGHANI SIGN";
clist[0x060C]="ARABIC COMMA";
clist[0x060D]="ARABIC DATE SEPARATOR";
clist[0x060E]="ARABIC POETIC VERSE SIGN";
clist[0x060F]="ARABIC SIGN MISRA";
clist[0x0610]="ARABIC SIGN SALLALLAHOU ALAYHE WASSALLAM";
clist[0x0611]="ARABIC SIGN ALAYHE ASSALLAM";
clist[0x0612]="ARABIC SIGN RAHMATULLAH ALAYHE";
clist[0x0613]="ARABIC SIGN RADI ALLAHOU ANHU";
clist[0x0614]="ARABIC SIGN TAKHALLUS";
clist[0x0615]="ARABIC SMALL HIGH TAH";
clist[0x061B]="ARABIC SEMICOLON";
clist[0x061E]="ARABIC TRIPLE DOT PUNCTUATION MARK";
clist[0x061F]="ARABIC QUESTION MARK";
clist[0x0621]="ARABIC LETTER HAMZA";
clist[0x0622]="ARABIC LETTER ALEF WITH MADDA ABOVE";
clist[0x0623]="ARABIC LETTER ALEF WITH HAMZA ABOVE";
clist[0x0624]="ARABIC LETTER WAW WITH HAMZA ABOVE";
clist[0x0625]="ARABIC LETTER ALEF WITH HAMZA BELOW";
clist[0x0626]="ARABIC LETTER YEH WITH HAMZA ABOVE";
clist[0x0627]="ARABIC LETTER ALEF";
clist[0x0628]="ARABIC LETTER BEH";
clist[0x0629]="ARABIC LETTER TEH MARBUTA";
clist[0x062A]="ARABIC LETTER TEH";
clist[0x062B]="ARABIC LETTER THEH";
clist[0x062C]="ARABIC LETTER JEEM";
clist[0x062D]="ARABIC LETTER HAH";
clist[0x062E]="ARABIC LETTER KHAH";
clist[0x062F]="ARABIC LETTER DAL";
clist[0x0630]="ARABIC LETTER THAL";
clist[0x0631]="ARABIC LETTER REH";
clist[0x0632]="ARABIC LETTER ZAIN";
clist[0x0633]="ARABIC LETTER SEEN";
clist[0x0634]="ARABIC LETTER SHEEN";
clist[0x0635]="ARABIC LETTER SAD";
clist[0x0636]="ARABIC LETTER DAD";
clist[0x0637]="ARABIC LETTER TAH";
clist[0x0638]="ARABIC LETTER ZAH";
clist[0x0639]="ARABIC LETTER AIN";
clist[0x063A]="ARABIC LETTER GHAIN";
clist[0x0640]="ARABIC TATWEEL";
clist[0x0641]="ARABIC LETTER FEH";
clist[0x0642]="ARABIC LETTER QAF";
clist[0x0643]="ARABIC LETTER KAF";
clist[0x0644]="ARABIC LETTER LAM";
clist[0x0645]="ARABIC LETTER MEEM";
clist[0x0646]="ARABIC LETTER NOON";
clist[0x0647]="ARABIC LETTER HEH";
clist[0x0648]="ARABIC LETTER WAW";
clist[0x0649]="ARABIC LETTER ALEF MAKSURA";
clist[0x064A]="ARABIC LETTER YEH";
clist[0x064B]="ARABIC FATHATAN";
clist[0x064C]="ARABIC DAMMATAN";
clist[0x064D]="ARABIC KASRATAN";
clist[0x064E]="ARABIC FATHA";
clist[0x064F]="ARABIC DAMMA";
clist[0x0650]="ARABIC KASRA";
clist[0x0651]="ARABIC SHADDA";
clist[0x0652]="ARABIC SUKUN";
clist[0x0653]="ARABIC MADDAH ABOVE";
clist[0x0654]="ARABIC HAMZA ABOVE";
clist[0x0655]="ARABIC HAMZA BELOW";
clist[0x0656]="ARABIC SUBSCRIPT ALEF";
clist[0x0657]="ARABIC INVERTED DAMMA";
clist[0x0658]="ARABIC MARK NOON GHUNNA";
clist[0x0659]="ARABIC ZWARAKAY";
clist[0x065A]="ARABIC VOWEL SIGN SMALL V ABOVE";
clist[0x065B]="ARABIC VOWEL SIGN INVERTED SMALL V ABOVE";
clist[0x065C]="ARABIC VOWEL SIGN DOT BELOW";
clist[0x065D]="ARABIC REVERSED DAMMA";
clist[0x065E]="ARABIC FATHA WITH TWO DOTS";
clist[0x0660]="ARABIC-INDIC DIGIT ZERO";
clist[0x0661]="ARABIC-INDIC DIGIT ONE";
clist[0x0662]="ARABIC-INDIC DIGIT TWO";
clist[0x0663]="ARABIC-INDIC DIGIT THREE";
clist[0x0664]="ARABIC-INDIC DIGIT FOUR";
clist[0x0665]="ARABIC-INDIC DIGIT FIVE";
clist[0x0666]="ARABIC-INDIC DIGIT SIX";
clist[0x0667]="ARABIC-INDIC DIGIT SEVEN";
clist[0x0668]="ARABIC-INDIC DIGIT EIGHT";
clist[0x0669]="ARABIC-INDIC DIGIT NINE";
clist[0x066A]="ARABIC PERCENT SIGN";
clist[0x066B]="ARABIC DECIMAL SEPARATOR";
clist[0x066C]="ARABIC THOUSANDS SEPARATOR";
clist[0x066D]="ARABIC FIVE POINTED STAR";
clist[0x066E]="ARABIC LETTER DOTLESS BEH";
clist[0x066F]="ARABIC LETTER DOTLESS QAF";
clist[0x0670]="ARABIC LETTER SUPERSCRIPT ALEF";
clist[0x0671]="ARABIC LETTER ALEF WASLA";
clist[0x0672]="ARABIC LETTER ALEF WITH WAVY HAMZA ABOVE";
clist[0x0673]="ARABIC LETTER ALEF WITH WAVY HAMZA BELOW";
clist[0x0674]="ARABIC LETTER HIGH HAMZA";
clist[0x0675]="ARABIC LETTER HIGH HAMZA ALEF";
clist[0x0676]="ARABIC LETTER HIGH HAMZA WAW";
clist[0x0677]="ARABIC LETTER U WITH HAMZA ABOVE";
clist[0x0678]="ARABIC LETTER HIGH HAMZA YEH";
clist[0x0679]="ARABIC LETTER TTEH";
clist[0x067A]="ARABIC LETTER TTEHEH";
clist[0x067B]="ARABIC LETTER BEEH";
clist[0x067C]="ARABIC LETTER TEH WITH RING";
clist[0x067D]="ARABIC LETTER TEH WITH THREE DOTS ABOVE DOWNWARDS";
clist[0x067E]="ARABIC LETTER PEH";
clist[0x067F]="ARABIC LETTER TEHEH";
clist[0x0680]="ARABIC LETTER BEHEH";
clist[0x0681]="ARABIC LETTER HAH WITH HAMZA ABOVE";
clist[0x0682]="ARABIC LETTER HAH WITH TWO DOTS VERTICAL ABOVE";
clist[0x0683]="ARABIC LETTER NYEH";
clist[0x0684]="ARABIC LETTER DYEH";
clist[0x0685]="ARABIC LETTER HAH WITH THREE DOTS ABOVE";
clist[0x0686]="ARABIC LETTER TCHEH";
clist[0x0687]="ARABIC LETTER TCHEHEH";
clist[0x0688]="ARABIC LETTER DDAL";
clist[0x0689]="ARABIC LETTER DAL WITH RING";
clist[0x068A]="ARABIC LETTER DAL WITH DOT BELOW";
clist[0x068B]="ARABIC LETTER DAL WITH DOT BELOW AND SMALL TAH";
clist[0x068C]="ARABIC LETTER DAHAL";
clist[0x068D]="ARABIC LETTER DDAHAL";
clist[0x068E]="ARABIC LETTER DUL";
clist[0x068F]="ARABIC LETTER DAL WITH THREE DOTS ABOVE DOWNWARDS";
clist[0x0690]="ARABIC LETTER DAL WITH FOUR DOTS ABOVE";
clist[0x0691]="ARABIC LETTER RREH";
clist[0x0692]="ARABIC LETTER REH WITH SMALL V";
clist[0x0693]="ARABIC LETTER REH WITH RING";
clist[0x0694]="ARABIC LETTER REH WITH DOT BELOW";
clist[0x0695]="ARABIC LETTER REH WITH SMALL V BELOW";
clist[0x0696]="ARABIC LETTER REH WITH DOT BELOW AND DOT ABOVE";
clist[0x0697]="ARABIC LETTER REH WITH TWO DOTS ABOVE";
clist[0x0698]="ARABIC LETTER JEH";
clist[0x0699]="ARABIC LETTER REH WITH FOUR DOTS ABOVE";
clist[0x069A]="ARABIC LETTER SEEN WITH DOT BELOW AND DOT ABOVE";
clist[0x069B]="ARABIC LETTER SEEN WITH THREE DOTS BELOW";
clist[0x069C]="ARABIC LETTER SEEN WITH THREE DOTS BELOW AND THREE DOTS ABOVE";
clist[0x069D]="ARABIC LETTER SAD WITH TWO DOTS BELOW";
clist[0x069E]="ARABIC LETTER SAD WITH THREE DOTS ABOVE";
clist[0x069F]="ARABIC LETTER TAH WITH THREE DOTS ABOVE";
clist[0x06A0]="ARABIC LETTER AIN WITH THREE DOTS ABOVE";
clist[0x06A1]="ARABIC LETTER DOTLESS FEH";
clist[0x06A2]="ARABIC LETTER FEH WITH DOT MOVED BELOW";
clist[0x06A3]="ARABIC LETTER FEH WITH DOT BELOW";
clist[0x06A4]="ARABIC LETTER VEH";
clist[0x06A5]="ARABIC LETTER FEH WITH THREE DOTS BELOW";
clist[0x06A6]="ARABIC LETTER PEHEH";
clist[0x06A7]="ARABIC LETTER QAF WITH DOT ABOVE";
clist[0x06A8]="ARABIC LETTER QAF WITH THREE DOTS ABOVE";
clist[0x06A9]="ARABIC LETTER KEHEH";
clist[0x06AA]="ARABIC LETTER SWASH KAF";
clist[0x06AB]="ARABIC LETTER KAF WITH RING";
clist[0x06AC]="ARABIC LETTER KAF WITH DOT ABOVE";
clist[0x06AD]="ARABIC LETTER NG";
clist[0x06AE]="ARABIC LETTER KAF WITH THREE DOTS BELOW";
clist[0x06AF]="ARABIC LETTER GAF";
clist[0x06B0]="ARABIC LETTER GAF WITH RING";
clist[0x06B1]="ARABIC LETTER NGOEH";
clist[0x06B2]="ARABIC LETTER GAF WITH TWO DOTS BELOW";
clist[0x06B3]="ARABIC LETTER GUEH";
clist[0x06B4]="ARABIC LETTER GAF WITH THREE DOTS ABOVE";
clist[0x06B5]="ARABIC LETTER LAM WITH SMALL V";
clist[0x06B6]="ARABIC LETTER LAM WITH DOT ABOVE";
clist[0x06B7]="ARABIC LETTER LAM WITH THREE DOTS ABOVE";
clist[0x06B8]="ARABIC LETTER LAM WITH THREE DOTS BELOW";
clist[0x06B9]="ARABIC LETTER NOON WITH DOT BELOW";
clist[0x06BA]="ARABIC LETTER NOON GHUNNA";
clist[0x06BB]="ARABIC LETTER RNOON";
clist[0x06BC]="ARABIC LETTER NOON WITH RING";
clist[0x06BD]="ARABIC LETTER NOON WITH THREE DOTS ABOVE";
clist[0x06BE]="ARABIC LETTER HEH DOACHASHMEE";
clist[0x06BF]="ARABIC LETTER TCHEH WITH DOT ABOVE";
clist[0x06C0]="ARABIC LETTER HEH WITH YEH ABOVE";
clist[0x06C1]="ARABIC LETTER HEH GOAL";
clist[0x06C2]="ARABIC LETTER HEH GOAL WITH HAMZA ABOVE";
clist[0x06C3]="ARABIC LETTER TEH MARBUTA GOAL";
clist[0x06C4]="ARABIC LETTER WAW WITH RING";
clist[0x06C5]="ARABIC LETTER KIRGHIZ OE";
clist[0x06C6]="ARABIC LETTER OE";
clist[0x06C7]="ARABIC LETTER U";
clist[0x06C8]="ARABIC LETTER YU";
clist[0x06C9]="ARABIC LETTER KIRGHIZ YU";
clist[0x06CA]="ARABIC LETTER WAW WITH TWO DOTS ABOVE";
clist[0x06CB]="ARABIC LETTER VE";
clist[0x06CC]="ARABIC LETTER FARSI YEH";
clist[0x06CD]="ARABIC LETTER YEH WITH TAIL";
clist[0x06CE]="ARABIC LETTER YEH WITH SMALL V";
clist[0x06CF]="ARABIC LETTER WAW WITH DOT ABOVE";
clist[0x06D0]="ARABIC LETTER E";
clist[0x06D1]="ARABIC LETTER YEH WITH THREE DOTS BELOW";
clist[0x06D2]="ARABIC LETTER YEH BARREE";
clist[0x06D3]="ARABIC LETTER YEH BARREE WITH HAMZA ABOVE";
clist[0x06D4]="ARABIC FULL STOP";
clist[0x06D5]="ARABIC LETTER AE";
clist[0x06D6]="ARABIC SMALL HIGH LIGATURE SAD WITH LAM WITH ALEF MAKSURA";
clist[0x06D7]="ARABIC SMALL HIGH LIGATURE QAF WITH LAM WITH ALEF MAKSURA";
clist[0x06D8]="ARABIC SMALL HIGH MEEM INITIAL FORM";
clist[0x06D9]="ARABIC SMALL HIGH LAM ALEF";
clist[0x06DA]="ARABIC SMALL HIGH JEEM";
clist[0x06DB]="ARABIC SMALL HIGH THREE DOTS";
clist[0x06DC]="ARABIC SMALL HIGH SEEN";
clist[0x06DD]="ARABIC END OF AYAH";
clist[0x06DE]="ARABIC START OF RUB EL HIZB";
clist[0x06DF]="ARABIC SMALL HIGH ROUNDED ZERO";
clist[0x06E0]="ARABIC SMALL HIGH UPRIGHT RECTANGULAR ZERO";
clist[0x06E1]="ARABIC SMALL HIGH DOTLESS HEAD OF KHAH";
clist[0x06E2]="ARABIC SMALL HIGH MEEM ISOLATED FORM";
clist[0x06E3]="ARABIC SMALL LOW SEEN";
clist[0x06E4]="ARABIC SMALL HIGH MADDA";
clist[0x06E5]="ARABIC SMALL WAW";
clist[0x06E6]="ARABIC SMALL YEH";
clist[0x06E7]="ARABIC SMALL HIGH YEH";
clist[0x06E8]="ARABIC SMALL HIGH NOON";
clist[0x06E9]="ARABIC PLACE OF SAJDAH";
clist[0x06EA]="ARABIC EMPTY CENTRE LOW STOP";
clist[0x06EB]="ARABIC EMPTY CENTRE HIGH STOP";
clist[0x06EC]="ARABIC ROUNDED HIGH STOP WITH FILLED CENTRE";
clist[0x06ED]="ARABIC SMALL LOW MEEM";
clist[0x06EE]="ARABIC LETTER DAL WITH INVERTED V";
clist[0x06EF]="ARABIC LETTER REH WITH INVERTED V";
clist[0x06F0]="EXTENDED ARABIC-INDIC DIGIT ZERO";
clist[0x06F1]="EXTENDED ARABIC-INDIC DIGIT ONE";
clist[0x06F2]="EXTENDED ARABIC-INDIC DIGIT TWO";
clist[0x06F3]="EXTENDED ARABIC-INDIC DIGIT THREE";
clist[0x06F4]="EXTENDED ARABIC-INDIC DIGIT FOUR";
clist[0x06F5]="EXTENDED ARABIC-INDIC DIGIT FIVE";
clist[0x06F6]="EXTENDED ARABIC-INDIC DIGIT SIX";
clist[0x06F7]="EXTENDED ARABIC-INDIC DIGIT SEVEN";
clist[0x06F8]="EXTENDED ARABIC-INDIC DIGIT EIGHT";
clist[0x06F9]="EXTENDED ARABIC-INDIC DIGIT NINE";
clist[0x06FA]="ARABIC LETTER SHEEN WITH DOT BELOW";
clist[0x06FB]="ARABIC LETTER DAD WITH DOT BELOW";
clist[0x06FC]="ARABIC LETTER GHAIN WITH DOT BELOW";
clist[0x06FD]="ARABIC SIGN SINDHI AMPERSAND";
clist[0x06FE]="ARABIC SIGN SINDHI POSTPOSITION MEN";
clist[0x06FF]="ARABIC LETTER HEH WITH INVERTED V";


window.onload = function() { initialise(); };