// functions.js
// this file contains most of the javascript functions needed to run UniView
// all of the language specific text is in functions-text.js
// © Richard Ishida

// 100123	added information from derived age
// 100124 	changed highlighting so that it now dims other stuff
// 			substituted classes for direct manipulation of style
//			stopped lists printing non-characters 
//			& removed Remove unassigned characters from list command

// To do: 
//	fix showUnihan, so that it only sends one codepoint at a time

// Global variables
// note: several global variables are set in prefs.js
var U = new Array;
var desc = new Array;
var _notesArray = new Array;
var _newNotesArray = false;
var _currentFont = _defaultFont;
var _lastOperation = ''; // used for switching between graphics and lists etc to refresh the left panel
if (document.all) { var IE = 'true'; }
var _tempList = false; // true if results of search or c&p displayed (for font change)
var _IE = false;
var _notesLoaded = false;
var databaseAvailable = true;
var desc = new Array;
var _selections = new Array;
var _newCodepoint;
var _newCharacterList;
var _newContent, _resultdiv, _counter;
var _copy2Picker = true; // determines whether characters clicked on are copied to the character area
var _local = false; // change to false when uploading to server; affects location character data is pulled from
var _border = '1px solid #eee';
var GRAPHIC_FIELD = 16; // constant for field where graphic information is found
var SUBTITLE_FIELD = 17; // constant for field where subtitle reference is found
var AGE_FIELD = 18; // constant for field where Unicode version is found
var CSHELP = '<img src="images/cshelp.png" class="cshelp" alt="Context-sensitive help" />';


function adjacentChar (codepoint, direction) {
	// output: shows the next or previous character in the database in the right panel
	// codepoint: integer, the decimal Unicode scalar value of the character currently displayed
	// direction: integer, either 1 or -1
	
	while (codepoint != 0 && codepoint != U.length) {
		codepoint += direction;
		if (U[codepoint]) { break; }
		}
	printProperties(codepoint);
	}


function addLine (codepoint, newContent) { 
	// Displays one line in a list of characters in the left panel
	// codepoint: the dec codepoint for the character to display
	// newContent: the node to which to add this line (typically a new node)
	
	var cRecord = getDataFor(codepoint).split(';');
	var uplus = '';
	if (document.getElementById('uPlusToggle').checked) { uplus = 'U+' };

		
	var div = newContent.appendChild( document.createElement( 'div' ));
		// div.onclick = function(){ printProperties(codepoint) };
		setOnclick( codepoint, div );
		div.title = 'Hex: '+codepoint.toString(16).toUpperCase()+'; Dec: '+codepoint;
		if (cRecord[1].indexOf('Unassigned') > -1) { 
			div.className = 'empty'; 
			//div.style.backgroundColor = unassignedChar;
			}
		else { div.className = 'ch'; }
	
	if (document.getElementById('listC1').checked) { 
		var charType = getCharType(codepoint);
		if (charType > 1 && charType < 4) { 
			if (document.getElementById('graphicsToggle').checked == false) {
				var span = div.appendChild( document.createElement( 'span' ));
					span.className = 'chSpan';
					span.style.fontFamily = _currentFont;
				span.appendChild( document.createTextNode( getCharFromInt(parseInt(cRecord[0],16)) ));
				}
			else { 
				var img = div.appendChild( document.createElement( 'img' ));
				//scriptGroup = findScriptGroup(codepoint);
				if (cRecord[GRAPHIC_FIELD] == 'm') {
					scriptGroup = findScriptGroup(codepoint);
					img.src = 'graphics/'+scriptGroup+'/'+cRecord[0]+'.png'; }
				else { img.src = 'http://decodeunicode.org/data/glyph/26x26/'+cRecord[0]+'.gif';  }
				//img.src = 'http://decodeunicode.org/data/glyph/26x26/'+cRecord[0]+'.gif';
				}
			}
		}
	if (document.getElementById('listN').checked) { 
		div.appendChild( document.createTextNode( '\u00A0\u00A0'+uplus+cRecord[0] ));
		}
	if (document.getElementById('listC2').checked) { 
		var charType = getCharType(codepoint);
		if (charType > 1 && charType < 4) { 
		div.appendChild( document.createTextNode( '\u00A0\u00A0' ));
			if (document.getElementById('graphicsToggle').checked == false) {
				var span = div.appendChild( document.createElement( 'span' ));
					span.className = 'chSpan';
					span.style.fontFamily = _currentFont;
				span.appendChild( document.createTextNode( getCharFromInt(parseInt(cRecord[0],16)) ));
				}
			else { 
				var img = div.appendChild( document.createElement( 'img' ));
				if (cRecord[GRAPHIC_FIELD] == 'm') {
					scriptGroup = findScriptGroup(codepoint);
					img.src = 'graphics/'+scriptGroup+'/'+cRecord[0]+'.png'; }
				else { img.src = 'http://decodeunicode.org/data/glyph/26x26/'+cRecord[0]+'.gif';  }
				//img.src = 'http://decodeunicode.org/data/glyph/26x26/'+cRecord[0]+'.gif';
				}
			}
		}
	if (document.getElementById('listNm').checked) { 
		div.appendChild( document.createTextNode( '\u00A0 '+cRecord[1] ));
		}
	}
	

function addtocharSelect ( codepoint ) {
	// adds a character to the cut & paste field
	// codepoint: integer, the decimal Unicode codepoint to be added
	//var field = document.getElementById( 'charSelect' );
	//field.value = field.value + getCharFromInt(codepoint);
	field = document.getElementById( 'charNum' );
	if (field.value != '' && field.value.charCodeAt(field.value.length-1) != ' ') { field.value += ' '; }
	var cp = codepoint.toString(16).toUpperCase();
	if (cp.length == 1) { cp = '000'+cp; }
	else if (cp.length == 2) { cp = '00'+cp; }
	if (cp.length == 3) { cp = '0'+cp; }
	field.value = field.value + cp;
	}


function addtoPicker (codepoint) { 
	// codepoint: dec integer, the character to be added
	// _cluster: boolean, global variable, set if this is a consonant cluster (used for vowels that surround base)
	// _view: string, indicates which view is showing - this is important, since non-intelligent ordering is needed in the default view
	
	if (! _copy2Picker) { return; }
	var outputNode = document.getElementById( 'picker' ); // points to the output text area
	var ch = getCharFromInt(codepoint);
	
	//IE support
	if (document.all) { 
		outputNode.value = outputNode.value+ch;
		//outputNode.focus();
	    //range = document.selection.createRange();
		
		//range.text = ch; 
	    //range.select(); 
		//outputNode.focus();
		}
	// Mozilla and Safari support
	else if (outputNode.selectionStart || outputNode.selectionStart == '0') {
		var startPos = outputNode.selectionStart;
		var endPos = outputNode.selectionEnd;
		var cursorPos = startPos;
		var scrollTop = outputNode.scrollTop;
		var baselength = 0;
		
		outputNode.value = outputNode.value.substring(0, startPos)
              + ch
              + outputNode.value.substring(endPos, outputNode.value.length);
		cursorPos += ch.length;

		outputNode.focus();
		outputNode.selectionStart = cursorPos;
		outputNode.selectionEnd = cursorPos;
		outputNode.scrollTop = scrollTop;
		}
	else {
		outputNode.value += ch;
		outputNode.focus();
		}
	}
	
function isMatrix () {
	// returns true if the left panel contains a matrix, else false
	nodeArray = document.getElementById('chart').getElementsByTagName("td");
	if (nodeArray.length > 0) { return true; }
	else { return false; }
	}


function changeFont (fontName) {
	// changes the font used for character display
	// fontName: string, the name of the font to apply
	// _defaultFont: string, set in prefs.js
	// _currentFont: string, allows changes to persist
	
	//deal with accidents or resets
	if (fontName == sApplyFont || fontName == '') {
		document.getElementById('chFont').value = _defaultFont;
		_currentFont = _defaultFont;
		}
	else { _currentFont = fontName; }
		
	// make the changes
	var leftpanel = document.getElementById('chart');
	
	if ( isMatrix() ) {
		nodeArray = leftpanel.getElementsByTagName("td");
		for (var i=0; i < nodeArray.length; i++) { 
			if (nodeArray[i].className != 'hexNum') {
				nodeArray[i].style.fontFamily = _currentFont;
				}
	    	}
	   }
		
	else { nodeArray = leftpanel.getElementsByTagName('span') 
		for (var i=0; i < nodeArray.length; i++) { 
			if (nodeArray[i].className == 'chSpan') {
				nodeArray[i].style.fontFamily = _currentFont; 
				}
	    	}
		} 
		
	if ( document.getElementById('largeChar')) {
		document.getElementById('largeChar').style.fontFamily = _currentFont;
		}
 	}

	
function changeFontSize (size) {
	var leftpanel = document.getElementById('chart');
	
	if ( (_lastOperation == "range" || _lastOperation == "customrange") 
		&& !(document.getElementById('listMatrixToggle').checked) ) {
		nodeArray = leftpanel.getElementsByTagName("td");
		for (var i=0; i < nodeArray.length; i++) { 
			if (nodeArray[i].className != 'hexNum') {
				nodeArray[i].style.fontSize = size;
				}
	    	}
	   }
		
	else { nodeArray = leftpanel.getElementsByTagName('span'); 
		for (var i=0; i < nodeArray.length; i++) { 
			if (nodeArray[i].className.match(/ch/)) {
				nodeArray[i].style.fontSize = size; 
				}
	    	}
		}  
	}
	
	
function changeHeight ( height ) {
	// changes the height of the visible text in the left panel by user request
	// height: user specified height (including px, etc.)
	var panel = document.getElementById( 'listOutput' );
	panel.style.height = height;
	}

	
function clearHighlighting () {
	// removes any highlighting from the left panel
	var nodeArray = new Array;
	var newclass;
	
	var leftpanel = document.getElementById('chart');

	if ( (_lastOperation == "range" || _lastOperation == "customrange") 
		&& !(document.getElementById('listMatrixToggle').checked) ) {
		nodeArray = leftpanel.getElementsByTagName("td"); 
		}
	else { nodeArray = leftpanel.getElementsByTagName("div"); }
		
	// clear out any existing highlighting
	for (var i=0; i < nodeArray.length; i++) { 
		if (nodeArray[i].className.match(/ch/)) {  
			nodeArray[i].className='ch'; 
			}
	    }
	}


function notsooldclearHighlighting () {
	// removes any highlighting from the left panel
	var nodeArray = new Array;
	var newclass;
	
	var leftpanel = document.getElementById('chart');

	if ( (_lastOperation == "range" || _lastOperation == "customrange") 
		&& !(document.getElementById('listMatrixToggle').checked) ) {
		nodeArray = leftpanel.getElementsByTagName("td"); 
		}
	else { nodeArray = leftpanel.getElementsByTagName("div"); }
		
	// clear out any existing highlighting
	for (var i=0; i < nodeArray.length; i++) { 
		if (nodeArray[i].className.match(/ch/)) {  
			newclass = nodeArray[i].className.replace(/dim/, '');
			nodeArray[i].className=newclass; 
//			nodeArray[i].className.replace(/dim/, ''); 
			
			
			//nodeArray[i].style.backgroundColor = 'white'; 
			//nodeArray[i].style.border = '0';
			//nodeArray[i].style.border = _border; 
			}
		else if (nodeArray[i].className.match(/empty/)) { 
			//nodeArray[i].style.backgroundColor = unassignedFiltered;
			//nodeArray[i].style.border = '0'; 
			//nodeArray[i].style.border = _border; 
			}
	    }

	}

function oldclearHighlighting () {
	// removes any highlighting from the left panel
	var nodeArray = new Array;
	
	var leftpanel = document.getElementById('chart');

	if ( (_lastOperation == "range" || _lastOperation == "customrange") 
		&& !(document.getElementById('listMatrixToggle').checked) ) {
		nodeArray = leftpanel.getElementsByTagName("td"); 
		}
	else { nodeArray = leftpanel.getElementsByTagName("div"); }
		
	// clear out any existing highlighting
	for (var i=0; i < nodeArray.length; i++) { 
		if (nodeArray[i].className == 'ch' ) { 
			nodeArray[i].style.backgroundColor = 'white'; 
			//nodeArray[i].style.border = '0';
			nodeArray[i].style.border = _border; 
			}
		else if (nodeArray[i].className == 'empty') { 
			nodeArray[i].style.backgroundColor = unassignedFiltered;
			//nodeArray[i].style.border = '0'; 
			nodeArray[i].style.border = _border; 
			}
	    }

	}

function clearInputFields ( ) {
	// clears the cut & paste and codepoint fields
	//var field = document.getElementById( 'charSelect' );
	//field.value = '';
	field = document.getElementById( 'charNum' );
	field.value = '';
	field.focus();
	}


function convertChar2CP ( textString ) { 
	var haut = 0;
	var n = 0;
	var CPstring = '';
	for (var i = 0; i < textString.length; i++) {
		var b = textString.charCodeAt(i); 
		if (b < 0 || b > 0xFFFF) {
			CPstring += 'Error in convertChar2CP: byte out of range ' + dec2hex(b) + '!';
			}
		if (haut != 0) {
			if (0xDC00 <= b && b <= 0xDFFF) {
				CPstring += dec2hex(0x10000 + ((haut - 0xD800) << 10) + (b - 0xDC00)) + ' ';
				haut = 0;
				continue;
				}
			else {
				CPstring += 'Error in convertChar2CP: surrogate out of range ' + dec2hex(haut) + '!';
				haut = 0;
				}
			}
		if (0xD800 <= b && b <= 0xDBFF) {
			haut = b;
			}
		else {
			CPstring += dec2hex(b) + ' ';
			}
		}
	return CPstring.substring(0, CPstring.length-1);
	}


function convertChar2Dec ( textString ) { 
	// converts one or more characters in a string to a sequence of decimal code point numbers, separated by spaces
	var haut = 0;
	var n = 0;
	CPstring = '';
	for (var i = 0; i < textString.length; i++) {
		var b = textString.charCodeAt(i); 
		if (b < 0 || b > 0xFFFF) {
			CPstring += 'Error ' + dec2hex(b) + '!';
			}
		if (haut != 0) {
			if (0xDC00 <= b && b <= 0xDFFF) {
				CPstring += 0x10000 + ((haut - 0xD800) << 10) + (b - 0xDC00) + ' ';
				haut = 0;
				continue;
				}
			else {
				CPstring += '!erreur ' + haut + '!';
				haut = 0;
				}
			}
		if (0xD800 <= b && b <= 0xDBFF) {
			haut = b;
			}
		else {
			CPstring += b + ' ';
			}
		}
	CPstring = CPstring.substring(0, CPstring.length-1);
	return CPstring;
	}


function convertCP2Char ( textString ) {
  var outputString = '';
  textString = textString.replace(/^\s+/, '');
  if (textString.length == 0) { return ""; }
  	textString = textString.replace(/\s+/g, ' ');
  var listArray = textString.split(' ');
  for ( var i = 0; i < listArray.length; i++ ) {
    var n = parseInt(listArray[i], 16);
    if (n <= 0xFFFF) {
      outputString += String.fromCharCode(n);
    } else if (n <= 0x10FFFF) {
      n -= 0x10000
      outputString += String.fromCharCode(0xD800 | (n >> 10)) + String.fromCharCode(0xDC00 | (n & 0x3FF));
    } else {
      outputString += 'convertCP2Char error: Code point out of range: '+dec2hex(n);
    }
  }
  return( outputString );
}


function convertDec2CP ( textString ) {
	CPstring = '';
	var outputString = '';
	textString = textString.replace(/^\s+/, '');
	if (textString.length == 0) { return ""; }
	textString = textString.replace(/\s+/g, ' ');
	var listArray = textString.split(' ');
	for (var i = 0; i < listArray.length; i++) {
		if (i > 0) { outputString += ' ';}
		var n = parseInt(listArray[i], 10);
		outputString += dec2hex(n);
		}
	return outputString;
	}


function createList (formField) {
	// output: a list of characters for a range given by formField displayed in the left panel
	// formField: a string of the form 'XXXX:YYYY' indicating a range of characters in hex notation
	
	_tempList = false;
	var HexURange = formField.split(':');
	var start = parseInt( HexURange[0], 16 );
	var end = parseInt( HexURange[1], 16 );
	var rangeLength = end - start;
	var subtitle; 
	
	var listDiv = document.getElementById( 'listOutput' );
	var oldContent = document.getElementById('chart');

	var newContent = document.createElement( 'div' );
		newContent.className = 'charList';
		newContent.id = 'chart';
	
	var prevSubtitle = '';
	for (i=start; i<=end; i++) {
		if (U[i]) {
			var cRecord = getDataFor(i).split(';');
			currSubtitle = cRecord[SUBTITLE_FIELD];
			if ( currSubtitle != '' && currSubtitle != prevSubtitle ) {
				subtitle = document.createElement('div');
				subtitle.className = 'subcat';
				subtitle.appendChild(document.createTextNode(st[cRecord[SUBTITLE_FIELD]]));
				newContent.appendChild(subtitle);
				prevSubtitle = currSubtitle;
				}
			addLine( i, newContent );
			}
		}
	var removedNode = listDiv.replaceChild( newContent, oldContent );
	if (document.getElementById('graphicsToggle').checked == true) { document.getElementById('ack').style.display = 'block'; }
	else { document.getElementById('ack').style.display = 'none'; }
	}


function createMatrix ( formField ) {
	// output: a grid format list of characters in the left panel
	// formField: a string of the form 'XXXX:YYYY' indicating a range of characters in hex notation
	var table, tbody, tr, td, img;
	var cRecord;
	_tempList = false;
	dugraphics = false; // will be set to true if decodeunicode graphics are used (to set acknowledgement)

	var listDiv = document.getElementById( 'listOutput' );
	var oldtable = document.getElementById('chart');

	table = document.createElement( 'table' );
		table.className = 'chartChar';
		table.id = 'chart';
//		table.setAttribute( 'border', '0' );
	tbody = table.appendChild( document.createElement( 'tbody' ));

	var cCell = 0;
	var HexURange = formField.split(':');
	var remainder = 0;

	// adjust start and end points to multiples of 16
	var start = parseInt(HexURange[0], 16);
	var rangestart = start;
	remainder = start%16; 
	if (remainder > 0) { start -= remainder; } 

	var end = parseInt(HexURange[1], 16);
	var rangeend = end;
	remainder = end%16; 
	if (remainder > 0) { end += (15-remainder); } 


	// work out what the range is
	var cols = Math.ceil((end-start+1)/16);
	var character = '';
	var totalCodes = cols*16;
	var notFound = true;
	var showNumbers = true; if (document.getElementById('hideNumbers').checked) { showNumbers = false; }

	for (i=-1; i<16; i++) {
		tr = tbody.appendChild( document.createElement( 'tr' ));
		
		// Create number column
		td = tr.appendChild( document.createElement( 'td' ));
			td.className = 'hexNum';
//			td.setAttribute( 'noChar', 'y' );
		if (showNumbers && i>-1) {
			td.appendChild( document.createTextNode( i.toString(16).toUpperCase() ));
			}
		else { td.appendChild( document.createTextNode( '\u00A0' )); }
		
		for (j=0; j<cols; j++) {
			cCell = start+i+(j*16);
			charType = getCharType(cCell);
				
			// If first row, add numbers or blanks
			if (i == -1) { 
				td = tr.appendChild( document.createElement( 'td' ));
				td.className = 'hexNum';
//				td.setAttribute( 'noChar', 'y' );
				if (showNumbers) {
					var numStr = (cCell+1).toString(16).toUpperCase();
					td.appendChild( document.createTextNode( numStr.slice(0,numStr.length-1) ));
					}
				else { td.appendChild( document.createTextNode( '\u00A0' )); }
				}
				
			//Otherwise, add character info
			else {
				hexNum = cCell.toString(16).toUpperCase();
				td = tr.appendChild( document.createElement( 'td' ));
					td.title = 'Hex: '+cCell.toString(16).toUpperCase()+' Dec: '+cCell;
					td.style.fontFamily = _currentFont;
					setOnclick( cCell, td );
					setMouseover( cCell, td );
					setMouseout( td );
					td.className = 'ch';
				if (charType < 2) { // not a character or unassigned character
					//td.style.backgroundColor = unassignedChar; 
					td.className = 'empty'; 
					}
				if (charType > 1) { // character
					if (document.getElementById('graphicsToggle').checked == false) {
						td.appendChild( document.createTextNode( getCharFromInt(cCell) )); 
						}
					else { 
						for (k=hexNum.length; k<4; k++) { hexNum = '0' + hexNum; } 
						img = td.appendChild( document.createElement( 'img' ));
						if (U[cCell]) { // check it's not CJK
							cRecord = U[cCell].split(';');
							if (cRecord[GRAPHIC_FIELD] == 'm') {
								scriptGroup = findScriptGroup(cCell);
							//scriptGroup = findScriptGroup(cCell); 
							//if (localGraphics.indexOf(scriptGroup+',') > -1) {
								img.src = 'graphics/'+scriptGroup+'/'+hexNum+'.png'; 
								}
							else { 
								img.src = 'http://decodeunicode.org/data/glyph/26x26/'+hexNum+'.gif'; dugraphics = true; 
								}
							}
						else { // this is a cjk character, so just do the graphic
							img.src = 'http://decodeunicode.org/data/glyph/26x26/'+hexNum+'.gif'; dugraphics = true; 
							}
						}
					}
				if (cCell<rangestart || cCell>rangeend) { // ie. outside the custom range but in same column
					td.className = 'outofrange';
					//td.style.color = '#ccc';
					}
				}
			}
		}
	var removedNode = listDiv.replaceChild( table, oldtable );
	if (dugraphics) { document.getElementById('ack').style.display = 'block'; }
	else { document.getElementById('ack').style.display = 'none'; }

	//if (document.getElementById('generalCat').value != 'startup') {
	//	highlightList( 2, document.getElementById('generalCat').value );
	//	}
	//if (document.getElementById('directionality').value != 'startup') {
	//	highlightList( 4, document.getElementById('directionality').value );
	//	}
	document.getElementById('fontSize').value = '100%';
	}


function displayUnorderedList ( string ) { 
	// output: a list of the characters contained in string to the left panel, or if a single character, ouputs character details to right panel
	// string: a string of characters

	_tempList = true;
	var codepoint = 0;
	var listDiv = document.getElementById( 'listOutput' );
	var oldContent = document.getElementById('chart');

	var newContent = document.createElement( 'div' );
		newContent.className = 'charList';
		newContent.id = 'chart';

	for (i=0; i<string.length; i++) {
		codepoint = string.charCodeAt( i ); 
		if (0xD800 <= codepoint && codepoint <= 0xDBFF && i<string.length-1) {
			codepoint = 0x10000 + ((codepoint - 0xD800) << 10) + (string.charCodeAt( i+1 ) - 0xDC00);
			i++; 
			}
				
		addLine( codepoint, newContent );		
		}
	
	var removedNode = listDiv.replaceChild( newContent, oldContent );
	if (document.getElementById('graphicsToggle').checked == true) { document.getElementById('ack').style.display = 'block'; }
	else { document.getElementById('ack').style.display = 'none'; }

	document.getElementById('fontSize').value = '100%';
	}


function doN11n (form) {
	var str = document.getElementById('picker').value;
	var uri = '/rishida/code/normalization/getn11n.php?n='+form+'&str='+str;
	httpRequest('GET', uri, true, getn11n);
	}
	
	
function drawPropertyList (newContent, resultdiv, counter) {
	if (counter == 0) { resultdiv.appendChild( document.createTextNode( sNoMatch )); }
	else { 
		var msg  = 'Number of characters matched: '+counter;
		resultdiv.appendChild( document.createTextNode( msg )); 
		}

	var listDiv = document.getElementById( 'listOutput' );
	oldContent = document.getElementById('chart');

		removedNode = listDiv.replaceChild( newContent, oldContent );
	_lastOperation = "listproperties";

	if (document.getElementById('generalCat').value != 'startup') {
		highlightList( 2, document.getElementById('generalCat').value );
		}
	if (document.getElementById('directionality').value != 'startup') {
		highlightList( 4, document.getElementById('directionality').value );
		}
	document.getElementById('fontSize').value = '100%';
	
	if (document.getElementById('graphicsToggle').checked == true) { document.getElementById('ack').style.display = 'block'; }
	else { document.getElementById('ack').style.display = 'none'; }
	}


function drawSearchList (newContent, resultdiv, counter) {
	if (counter == 0) { resultdiv.appendChild( document.createTextNode( sNoMatch )); }
	else { 
		var msg  = 'Number of characters matched: '+counter;
		resultdiv.appendChild( document.createTextNode( msg )); 
		}

	var listDiv = document.getElementById( 'listOutput' );
	var oldContent = document.getElementById('chart');

	removedNode = listDiv.replaceChild( newContent, oldContent );

	document.getElementById('fontSize').value = '100%';
	
	if (document.getElementById('graphicsToggle').checked == true) { document.getElementById('ack').style.display = 'block'; }
	else { document.getElementById('ack').style.display = 'none'; }
	}


function drawSelection(range) {
	if (document.getElementById('listMatrixToggle').checked)
		{ createList(range); }
	else { createMatrix(range); }
	}


function findScriptGroup ( charNum ) { 
	// output: returns the name of the script group in which charNum falls
	// charNum: a decimal number representing the code point of the character in question
	if (charNum < 128) { return 'Basic Latin'; }
	var i=0;
	while ( i<scriptGroups.length && charNum > scriptGroups[i][0] ) {
		i++; 
		}
	if ( i == scriptGroups.length ) { return( sNotAChar ); }
	if ( scriptGroups[i-1][1] >= charNum ) { return( scriptGroups[i-1][2]); }
	if ( scriptGroups[i][0] == charNum ) { return( scriptGroups[i][2]); }
	return( sNotAChar );
	}
	
	
function isListShowing () {
	// returns true if the left panel contains a list, false if a matrix
	// if there is nothing in the left panel, it checks Show range as List
	var tableRows = document.getElementById('chart').getElementsByTagName("tr");
	if (tableRows.length > 0) { return true; }// it's a table
	else { return false; }
	}



function findString ( searchString ) { 
	// effect: if local is set, highlights characters in left panel that match searchString, otherwise, outputs a list of characters in the left panel 
	// searchString: a string of text to search for in the database, can have regular expression syntax

	// if the Local checkbox is ticked, make a copy of whats in the left panel
	// do this now, before the panel is cleared for 'searching...' message
	if (document.getElementById('localSearch').checked) { 
		var nodeArray = new Array;
		var leftpanel = document.getElementById('chart');
		if (isListShowing()) { nodeArray = leftpanel.getElementsByTagName("td"); }
		else { nodeArray = leftpanel.getElementsByTagName("div"); }
		if (nodeArray.length == 0) { alert("You are indicating you want to do a local search, but there is no content in the left panel to search on."); return; }
		}

	// clear the search box
	document.getElementById('select').value = 'none';

	_tempList = true;
	var counter = 0;
	var i = 0;
	
	// figure out what text to search on
	var showDescription = true; 
	if (document.getElementById('searchDesc').checked != true) {  showDescription = false; }
	var showName = true; 
	if (document.getElementById('searchNames').checked != true) {  showName = false; }
	var showOther = true; 
	if (document.getElementById('searchOther').checked != true) {  showOther = false; }
	if (! (showDescription || showName || showOther)) { alert('Select one of Names, Descriptions or Other under the search term.'); return; }

	// if the localSearch checkbox is ticked just work locally
	if (document.getElementById('localSearch').checked) { 
		var re = new RegExp(searchString, "i"); 
		var found = false;
		var chcounter = 0;
		var titlepart;
		var cRecord;
		var newclass;
	
		clearHighlighting();
		// dim everything, so we can undim matches (makes the logic easier)
		for (var i=0; i < nodeArray.length; i++) {
			if (nodeArray[i].className.match(/ch/)) {
				newclass = nodeArray[i].className+' dim';
				nodeArray[i].className = newclass;
				}
			}

		// now undim matches
		for (var i=0; i < nodeArray.length; i++) {
			decCP = nodeArray[i].title.split(' ')[3];
			if (nodeArray[i].className.match(/ch/) && U[decCP]) {
				var fields = U[decCP].split(";");
				var found = false;
				if (showName && fields[1].search(re, 0) > -1) {
					newclass = nodeArray[i].className.replace('dim', '');
					nodeArray[i].className = newclass;
					found = true;
					}
				if (! found && showOther && (fields[10].search(re, 0) > -1 || fields[11].search(re, 0) > -1)) {
					newclass = nodeArray[i].className.replace('dim', '');
					nodeArray[i].className = newclass;
					found = true;
					}
				if (! found && desc[decCP] && showDescription && desc[decCP].search(re, 0) > -1 ) {
					newclass = nodeArray[i].className.replace('dim', '');
					nodeArray[i].className = newclass;
					counter++;
					}
				}
			}
		}
		
	// otherwise use ajax to find characters
	else { 
		// clear the current left panel
		var listDiv = document.getElementById( 'listOutput' );
		var oldContent = document.getElementById('chart');

		var tempContent = document.createElement( 'div' );
			tempContent.className = 'charList';
			tempContent.setAttribute( 'id', 'chart' ); 
		tempContent.appendChild( document.createTextNode( sSearching ))
		var removedNode = listDiv.replaceChild( tempContent, oldContent );
		oldContent = document.getElementById('chart');
			
		var newContent = document.createElement( 'div' );
			newContent.className = 'charList';
			newContent.id = 'chart';
		var resultdiv = newContent.appendChild( document.createElement('div'));
			resultdiv.style.color = 'brown';
			resultdiv.style.fontSize = '80%';
	
		_lastOperation = "search";


		_newContent = newContent; _resultdiv = resultdiv; _searchString = searchString;
		uri = 'getsearchresult?search=/'+searchString+'/i';
		if (showName) uri += '&showName=yes';
		if (showOther) uri += '&showOther=yes';
		if (showDescription) uri += '&showDescription=yes';
		 
		httpRequest('GET', uri, true, ajaxGetSearchList);
	
		}
	}

	

function oldfindString ( searchString ) { 
	// effect: outputs in the left panel a list of characters whose descriptions in the database match searchString
	// searchString: a string of text to search for in the database

	// if the Local checkbox is ticked, make a copy of whats in the left panel
	// do this now, before the panel is cleared for 'searching' message
	if (document.getElementById('localSearch').checked) { 
		var nodeArray = new Array;
		var leftpanel = document.getElementById('chart');
		if ( (_lastOperation == "range" || _lastOperation == "customrange") 
			&& !(document.getElementById('listMatrixToggle').checked) ) {
			nodeArray = leftpanel.getElementsByTagName("td"); 
			}
		else { nodeArray = leftpanel.getElementsByTagName("div"); }
		}

	_tempList = true;
	var counter = 0;
	var i = 0;
	//searchString = searchString.toUpperCase();
	var showDescription = true; 
	if (document.getElementById('searchDesc').checked != true) {  showDescription = false; }
	var showName = true; 
	if (document.getElementById('searchNames').checked != true) {  showName = false; }
	var showOther = true; 
	if (document.getElementById('searchOther').checked != true) {  showOther = false; }
	if (! (showDescription || showName || showOther)) { alert('Select one of Names, Descriptions or Other under the search term.'); return; }


	if (document.getElementById('localSearch').checked) { // if the localSearch checkbox is ticked just work locally
		var re = new RegExp(searchString, "i"); 
		var found = false;
		var chcounter = 0;
		var titlepart;
		var cRecord;
		var newclass;
	
		clearHighlighting();
		
		for (var i=0; i < nodeArray.length; i++) {
			titlepart = nodeArray[i].title.split(' ');
			if (nodeArray[i].className == 'ch' && U[titlepart[3]]) {
				var fields = U[titlepart[3]].split(";");
				var found = false;
				if (showName && fields[1].search(re, 0) == -1) {
					newclass = nodeArray[i].className+' dim';
					nodeArray[i].className = newclass;
					//nodeArray[i].style.backgroundColor = filterHighlight;
					//nodeArray[i].style.border = '2px solid'+filterHighlight;
//					addLine(titlepart[3], newContent); counter++;
					found = true;
					}
				if (! found && showOther && (fields[10].search(re, 0) > -1 || fields[11].search(re, 0) > -1)) { }
				else {
					newclass = nodeArray[i].className+' dim';
					nodeArray[i].className = newclass;
					//nodeArray[i].style.backgroundColor = filterHighlight;
					//nodeArray[i].style.border = '2px solid'+filterHighlight;
//					addLine(titlepart[3], newContent); counter++;
					found = true;
					}
				if (! found && desc[titlepart[3]] && showDescription && desc[titlepart[3]].search(re, 0) > -1 ) {	}
				else {
					newclass = nodeArray[i].className+' dim';
					nodeArray[i].className = newclass;
					//nodeArray[i].style.backgroundColor = filterHighlight;
					//nodeArray[i].style.border = '2px solid'+filterHighlight;
//					addLine(titlepart[3], newContent); counter++;
					counter++;
					}
				}
			}
		}
	else { // otherwise use ajax to find characters
		// clear the current left panel
		var listDiv = document.getElementById( 'listOutput' );
		var oldContent = document.getElementById('chart');

		var tempContent = document.createElement( 'div' );
			tempContent.className = 'charList';
			tempContent.setAttribute( 'id', 'chart' ); 
		tempContent.appendChild( document.createTextNode( sSearching ))
		var removedNode = listDiv.replaceChild( tempContent, oldContent );
		oldContent = document.getElementById('chart');
			
		var newContent = document.createElement( 'div' );
			newContent.className = 'charList';
			newContent.id = 'chart';
		var resultdiv = newContent.appendChild( document.createElement('div'));
			resultdiv.style.color = 'brown';
			resultdiv.style.fontSize = '80%';
	
		_lastOperation = "search";


		_newContent = newContent; _resultdiv = resultdiv; _searchString = searchString;
		uri = 'getsearchresult?search=/'+searchString+'/i';
		if (showName) uri += '&showName=yes';
		if (showOther) uri += '&showOther=yes';
		if (showDescription) uri += '&showDescription=yes';
		 
		httpRequest('GET', uri, true, ajaxGetSearchList);
	
		}
	}

	


function getCharFromInt ( n ) {
	// converts a decimal integer into a Unicode character
	// n: integer, the decimal Unicode codepoint to be converted
	// output: a character
	var outputString;
    if (n <= 0xFFFF) {
		outputString = String.fromCharCode(n);
		} 
	else if (n <= 0x10FFFF) {
		n -= 0x10000
		outputString = String.fromCharCode(0xD800 | (n >> 10)) + String.fromCharCode(0xDC00 | (n & 0x3FF));
		} 
	else {
		outputString = '!error ' + dec2hex(n) +'!';
		}
	return( outputString );
	}


function getCharType (codepoint) {
	// codepoint: the dec codepoint for the character to display
	// return values: 0 not a character; 1 unassigned character in a block; 2 character listed in u.js; 3 character not listed in u.js; 4 surrogate; 5 private use
	if ( U[codepoint] ) {
		return 2;
		}
	else if (findScriptGroup(codepoint) != sNotAChar) { // surrogates
		if ((codepoint > 13312 && codepoint < 19903) || (codepoint > 19968 && codepoint < 40891) || 
			(codepoint > 131072 && codepoint < 173782) || (codepoint > 44032 && codepoint < 55203)) {
			// ie. one of CJK Unified Ideographs Ext A, CJK Ideographs, CJK Ideograph Ext B, or hangul syllable
			return 3;
			}
		else if ((codepoint > 57344 && codepoint < 63743) || (codepoint > 983040 && codepoint < 1048573) || 
			(codepoint > 1048576 && codepoint < 1114109)) { // private use
			return 5;
			}
		else if (codepoint > 55296 && codepoint < 57343) { // surrogates
			return 4;
			}
		else { // unassigned character
			return 1;
			}
		}
	else { // unrecognized character
		return 0;
		}
	}


function getDataFor (codepoint) {
	// codepoint: the dec codepoint for the character to display
	
	var charType = getCharType(codepoint);
	var hexcp = codepoint.toString(16).toUpperCase(); while (hexcp.length<4) {hexcp='0'+hexcp;}
	// return values: 0 not a character; 1 unassigned character in a block; 2 character listed in u.js; 3 character not listed in u.js; 4 surrogate; 5 private use
	if ( charType == 2 ) {
		return U[codepoint];
		}
	else if (charType < 2) {
		return hexcp+";[Unassigned code point];;;;;;;;;;;;;;;;;";
		}
	else if (charType == 3) {
		return hexcp+";["+ findScriptGroup( codepoint )+"];Lo;0;L;;;;;N;;;;;;;;;";
		}
	else if (charType = 5) {
		return hexcp+";["+ findScriptGroup( codepoint )+"];Co;0;L;;;;;N;;;;;;;;;";
		}
	else if (charType > 4) {
		return hexcp+";["+ findScriptGroup( codepoint )+"];;;;;;;;;;;;;;;;;";
		}
	else { alert("Error in getDataFor: Unexpected value for charType"); 
		return hexcp+";[Error];;;;;;;;;;;;;;;;;";
		}
	}
		

function getRange ( str ) {
	// returns hex start and end values for a range, separated by colon
	// str the name of the range, as specified in the scriptGroups.js,
	//   but possibly with underscores instead of spaces
	var lcstr = str.replace( /_/g, ' ' ).toLowerCase();
	var start = ''; var end = '';
	var range = '';
	for (i=0; i<scriptGroups.length-1; i++) {
		if (scriptGroups[i][2].toLowerCase() == lcstr) {
			start = dec2hex(parseInt(scriptGroups[i][0]));
			if (start.length == 3) { start = '0'+start; }
			end = dec2hex(parseInt(scriptGroups[i][1]));
			if (end.length == 3) { end = '0'+end; }
			range = start+':'+end;
			document.getElementById('block').value = range;
			break;
			}
		}
	return range;
	}

	
function highlightList ( field, searchString ) { 
	// output: highlighting in the left panel of all characters that fall into the category selected
	// field: integer, the field in the record to search for a match
	// searchString: string, the specific setting to search for in the field
	var nodeArray = new Array;
	var titlepart;
	var cRecord;
	var newclass;
	
	// clear the search box
	document.getElementById('searchString').value = '';
	
	var leftpanel = document.getElementById('chart');

	// get a list of characters
	nodeArray = document.getElementById('chart').getElementsByTagName("div"); 
	if (nodeArray.length == 0) { 
		nodeArray = document.getElementById('chart').getElementsByTagName("td");
		}

	// clear out any existing highlighting
	clearHighlighting();
  	
	// if you set searchstring to 'none' to clear highlighting, clear and quit
	if (searchString == 'none' || searchString == 'startup') { 
//		if (!(document.getElementById('listMatrixToggle').checked)) {
//			for (var i=0; i < nodeArray.length; i++) {
//				if ( nodeArray[i].className == 'empty' ) {
//					nodeArray[i].style.backgroundColor = unassignedChar;
//					nodeArray[i].style.border = '0'; 
//					}
//				}
//		    }  
		return; 
		}  

	// if looking for combining class 0, don't use regex
	if (searchString == '0') {
		for (var i=0; i < nodeArray.length; i++) {
			titlepart = nodeArray[i].title.split(' ');
			if (nodeArray[i].className.match(/ch/) && U[titlepart[3]]) {
				cRecord = U[titlepart[3]].split( ';' );
				if ( cRecord[field] != 0 ) {
					newclass = nodeArray[i].className+' dim';
					nodeArray[i].className = newclass;
//					nodeArray[i].style.backgroundColor = filterHighlight;
//					nodeArray[i].style.border = '2px solid'+filterHighlight;
					}
				}
	    	}
		return;
		}
		
	// otherwise search and highlight
	searchStringRE = new RegExp(searchString);
	for (var i=0; i < nodeArray.length; i++) {
		titlepart = nodeArray[i].title.split(' ');
		if (nodeArray[i].className.match(/ch/) && U[titlepart[3]]) {
			cRecord = U[ titlepart[3] ].split( ';' );
			if ( cRecord[field].search(searchStringRE) == -1 ) {
				//nodeArray[i].style.backgroundColor = filterHighlight;
				//nodeArray[i].style.border = '2px solid'+filterHighlight;
				//if (nodeArray[i].nodeName == 'TD') { 
					newclass = nodeArray[i].className+' dim';
					//nodeArray[i].firstChild.className = 'opaque';
					nodeArray[i].className = newclass;
				//	}
				}
	    	}
		}
	}
 	

function oldhighlightList ( field, searchString ) { 
	// output: highlighting in the left panel of all characters that fall into the category selected
	// field: integer, the field in the record to search for a match
	// searchString: string, the specific setting to search for in the field
	var nodeArray = new Array;
	var titlepart;
	var cRecord;
	
	var leftpanel = document.getElementById('chart');

	// get a list of characters
	nodeArray = document.getElementById('chart').getElementsByTagName("div"); 
	if (nodeArray.length == 0) { 
		nodeArray = document.getElementById('chart').getElementsByTagName("td");
		}

	//if ( (_lastOperation == "range" || _lastOperation == "customrange") 
	//	&& !(document.getElementById('listMatrixToggle').checked) ) {
	//	nodeArray = leftpanel.getElementsByTagName("td"); 
	//	}
	//else { nodeArray = leftpanel.getElementsByTagName("div"); }
		

	// clear out any existing highlighting
	clearHighlighting();
  	
	// if you set searchstring to 'none' to clear highlighting, quit now
	if (searchString == 'none' || searchString == 'startup') { 
		if (!(document.getElementById('listMatrixToggle').checked)) {
			for (var i=0; i < nodeArray.length; i++) {
//				if (!U[nodeArray[i].title] && nodeArray[i].className == 'empty' ) {
				if ( nodeArray[i].className == 'empty' ) {
					nodeArray[i].style.backgroundColor = unassignedChar;
					nodeArray[i].style.border = '0'; 
					}
				}
		    }  
		return; 
		}  

	// check whether this is a general or specific category
	if (searchString.charAt(0) == 'x') {
		searchString = searchString.charAt(1);
		for (var i=0; i < nodeArray.length; i++) {
//			if (U[nodeArray[i].title]) {
			titlepart = nodeArray[i].title.split(' ');
			if (nodeArray[i].className == 'ch' && U[titlepart[3]]) {
//			if (nodeArray[i].className == 'ch' && U[nodeArray[i].title]) {
				cRecord = U[ titlepart[3] ].split( ';' );
//				cRecord = U[ nodeArray[i].title ].split( ';' );
				if ( cRecord[field].charAt(0) == searchString ) {
					nodeArray[i].style.backgroundColor = filterHighlight;
					nodeArray[i].style.border = '2px solid'+filterHighlight;
					}
				}
		    }  
		}
	else {	
		searchStringRE = new RegExp(searchString);
		for (var i=0; i < nodeArray.length; i++) {
			titlepart = nodeArray[i].title.split(' ');
			if (nodeArray[i].className == 'ch' && U[titlepart[3]]) {
				cRecord = U[ titlepart[3] ].split( ';' );
//				cRecord = U[ nodeArray[i].title ].split( ';' );
//				if ( cRecord[field] == searchString ) {
				if ( cRecord[field].search(searchStringRE) > -1 ) {
					nodeArray[i].style.backgroundColor = filterHighlight;
					nodeArray[i].style.border = '2px solid'+filterHighlight;
					}
				}
	    	}
		}
	}
 	


function highlight2List () {
	// identifies all highlighted characters in the left panel, and replaces the current
	// contents of the panel with a list of these
	var nodeArray = new Array;
	var highlights = new Array;
	
	var leftpanel = document.getElementById('chart');

	// get a list of characters
	nodeArray = document.getElementById('chart').getElementsByTagName("div"); 
	if (nodeArray.length == 0) { 
		nodeArray = document.getElementById('chart').getElementsByTagName("td");
		}
	//if ( (_lastOperation == "range" || _lastOperation == "customrange") 
	//	&& !(document.getElementById('listMatrixToggle').checked) ) {
	//	nodeArray = leftpanel.getElementsByTagName("td"); 
	//	}
	//else { nodeArray = leftpanel.getElementsByTagName("div"); }
		
	// build a list of characters
	var str = ''; var found=false;
	for (var i=0; i < nodeArray.length; i++) { 
		//if (nodeArray[i].style.borderTopWidth == '2px') { 
		if (nodeArray[i].className.match(/ch/) && (! nodeArray[i].className.match(/dim/))) { 
			found = true;
			var titlefields = nodeArray[i].title.split(' ');
			str += getCharFromInt(titlefields[3]);
			}
	    }
	if (! found) { alert('No highlighted characters found.'); return; }

	displayUnorderedList(str);
	}

	
function listProperties ( searchString ) { 
	// effect: outputs in the left panel a list of characters whose properties searchString
	// searchString: a string of text to search for in the database

	_tempList = true;
	var counter = 0;
	var i = 0;
	var field;

	// if searching in current range
	if (document.getElementById('locallist').checked) { // if the Local checkbox is ticked
		searchString = searchString.replace(/;/g,'');
		// work out which field to search in
		var directionality = { L:'', R:'', EN:'', ES:'', ET:'', AN:'', CS:'', NSM:'', BN:'', WS:'', ON:'' }
		if (searchString in directionality) { field = 4; }
		else if (searchString == '0') { field = 3; }
		else { field = 2; } 
		
		highlightList(field, searchString);
		}
	else {
		var listDiv = document.getElementById( 'listOutput' );
		var oldContent = document.getElementById('chart');

		// put up a temporary message to say searching
		var tempContent = document.createElement( 'div' );
			tempContent.className = 'charList';
			tempContent.id = 'chart';
		tempContent.appendChild( document.createTextNode( sSearching ))
		var removedNode = listDiv.replaceChild( tempContent, oldContent );
		oldContent = document.getElementById('chart');
	
		// create container for list
		var newContent = document.createElement( 'div' );
			newContent.className = 'charList';
			newContent.id = 'chart';
		var resultdiv = newContent.appendChild( document.createElement('div'));
			resultdiv.style.color = 'brown';
			resultdiv.style.fontSize = '80%';
	
		_lastOperation = "listproperties"; 
		_newContent = newContent; _resultdiv = resultdiv; _searchString = searchString;
		uri = 'getproperties.php?search=/'+searchString+'/'; 
		httpRequest('GET', uri, true, ajaxGetSearchList);
		}
	}


function nonHighlight2List () {
	// identifies all unhighlighted characters in the left panel, and replaces the current
	// contents of the panel with a list of these
	var nodeArray = new Array;
	
	var leftpanel = document.getElementById('chart');

	// get a list of characters
	nodeArray = document.getElementById('chart').getElementsByTagName("div"); 
	if (nodeArray.length == 0) { 
		nodeArray = document.getElementById('chart').getElementsByTagName("td");
		}
	//if ( (_lastOperation == "range" || _lastOperation == "customrange") 
	//	&& !(document.getElementById('listMatrixToggle').checked) ) {
	//	nodeArray = leftpanel.getElementsByTagName("td"); 
	//	}
	//else { nodeArray = leftpanel.getElementsByTagName("div"); }
		
	// build a list of characters
	var str = ''; var found=false;
	for (var i=0; i < nodeArray.length; i++) { 
		if (nodeArray[i].className.match(/ch/) && (nodeArray[i].className.match(/dim/))) { 
			found = true;
			var titlefields = nodeArray[i].title.split(' ');
			str += getCharFromInt(titlefields[3]);
			}
	    }
	if (! found) { alert('No unhighlighted characters found.'); return; }

	/* var str = ''; 
	for (var i=0; i < nodeArray.length; i++) { 
		if (nodeArray[i].style.borderTopWidth != '2px'  && nodeArray[i].className == 'ch') { 
			var titlefields = nodeArray[i].title.split(' ');
			str += getCharFromInt(titlefields[3]);
			}
	    } */

	displayUnorderedList(str);
	}

	
function output2CharArea () {
	// creates a list of all characters in the left panel and adds them to the character area
	var nodeArray = new Array;
	var highlights = new Array;
	var cCell;
	var str=''; //debugger; var testint;
	
	var leftpanel = document.getElementById('chart');
	
	var tableRows = leftpanel.getElementsByTagName("tr");
	if (tableRows.length > 0) { 
		var cols = tableRows[0].getElementsByTagName('td').length; 
		var tableCells = leftpanel.getElementsByTagName("td");
		for (var j=1; j<cols; j++){
			for (var i=0; i<17; i++) {
				// get a list of characters
				cCell = tableCells[j+(i*cols)]; //testint = j+(i*cols);
				if (cCell.className.match(/ch/)) {
					var titlefields = cCell.title.split(' ');
//					str += getCharFromInt(titlefields[3]);
					addtoPicker(titlefields[3]);
					}
				}
			}
		}
	else {
		var divs = leftpanel.getElementsByTagName("div");
		for (var i=0; i<divs.length; i++) {
			// get a list of characters
				cCell = divs[i]; 
				if (cCell.className.match(/ch/)) { 
					var titlefields = cCell.title.split(' ');
//					str += getCharFromInt(titlefields[3]);
					addtoPicker(titlefields[3]);
					}
			}
		}
	}

	
function previewChar ( hexCode ) {
	// converts a hex code dropped into the drop point to a character displayed below
	// hexCode: string, the hex code of the character
	var hexStart = '1234567890abcdefABCDEF';
	var notHex = false;
	var ccPadding = ''; // will be space if combining char
	
	// delete all spaces
	while ( hexCode.indexOf( ' ' ) > -1 ) {
		hexCode = hexCode.replace(' ', '');
		}
		
	// if not a hex number, set notHex to true
	for (i=0; i<hexCode.length; i++) {
		if ( hexStart.indexOf( hexCode.charAt(i) ) == -1 ) { notHex = true; break; }
		}
	if (hexCode.length > 6) { notHex = true; }
	
	if (notHex) { alert( sNotHex ); return; }
	else {
		var decCode = parseInt( hexCode, 16 );

		//check for combining character
		if (U[decCode]) {
			cRecord = U[decCode].split(';');
			if (cRecord[3] > 0) { ccPadding = '\u00A0'; }  // ie. this is a combining character
			}
		
		var preview = document.getElementById('preview');
		var dropPoint = preview.firstChild;
		var newText = document.createTextNode( ccPadding + getCharFromInt(decCode));
		var removedText = preview.replaceChild(newText, dropPoint);
		preview.style.fontFamily = _currentFont;
		}
	}


/* function refreshRange () {
	// this is used when switching to/ from graphics or list
	// each operation that puts text in the left panel should be represented
	switch (_lastOperation) {
	case 'codepoint': showCodepoint(document.getElementById('charNum').value); break;
	case 'cutpaste': showCharacterList(document.getElementById('charSelect').value); break;
	case 'range': showSelection( document.getElementById('block').value ); break;
	case 'search': findString(document.getElementById('searchString').value); break;
	case 'listproperties': listProperties(document.getElementById('select').value); break;
	default: if (document.getElementById('customRange1').value != '') {
			showRange( document.getElementById('customRange1').value );
			}
		}
	}
*/

function removeNonChars () {
	// identifies all unassigned characters in the left panel, and removes them
	var nodeArray = new Array;
	nodeArray = document.getElementById('chart').getElementsByTagName("div"); 
	if (nodeArray.length == 0) { return; } // don't do this on a matrix
		
	// build a list of characters
	var str = ''; 
	for (var i=0; i<nodeArray.length; i++) { 
		if (nodeArray[i].className == 'ch') { 
			var titlefields = nodeArray[i].title.split(' ');
			str += getCharFromInt(titlefields[3]);
			}
	    }

	displayUnorderedList(str);
	}


function redrawList () {
	// redraws a list in the left panel after a setting has been changed 
	
	// build a list of characters
	var nodeArray = new Array;
	nodeArray = document.getElementById('chart').getElementsByTagName("div"); 
	if (nodeArray.length == 0) { return; } // don't do this on a matrix

	var str = ''; 
	for (var i=0; i<nodeArray.length; i++) { 
		var titlefields = nodeArray[i].title.split(' ');
		if (nodeArray[i].className.match(/ch/)) {
			str += getCharFromInt(titlefields[3]);
			}
	    }

	displayUnorderedList(str);
	}


function setOnclick ( codepoint, node ) {
	//sets the event functions for node, used by createMatrix, createList, etc.
	node.onclick = function(){ addtoPicker(codepoint); printProperties(codepoint) };
	node.ondblclick = function () { addtocharSelect(codepoint) };
	}
	
function setMouseover ( codepoint, node ) {
	// sets the mouseover event funtion used by createMatrix (only)
	node.onmouseover = function(){ showName(codepoint, node); }
	}

function setMouseout ( node ) {
	// sets the mouseover event funtion used by createMatrix (only)
	node.onmouseout = function(){ hideName(); }
	}
	

function showAge () {
	// displays information for characters in the left panel about which version of Unicode 
	// they made their their debut
	
	if (isMatrix()) { 
		nodeArray = document.getElementById('chart').getElementsByTagName("td"); 
		for (var i=0; i<nodeArray.length; i++) {
			if (nodeArray[i].className.match(/ch/)) {
				decCP = nodeArray[i].title.split(' ')[3];
				fields = U[decCP].split(';');
				switch (fields[AGE_FIELD]) {
					case '1.0': c = 'c1-0'; break;
					case '1.1': c = 'c1-1'; break;
					case '2.0': c = 'c2-0'; break;
					case '2.1': c = 'c2-1'; break;
					case '3.0': c = 'c3-0'; break;
					case '3.1': c = 'c3-1'; break;
					case '3.2': c = 'c3-2'; break;
					case '4.0': c = 'c4-0'; break;
					case '4.1': c = 'c4-1'; break;
					case '5.0': c = 'c5-0'; break;
					case '5.1': c = 'c5-1'; break;
					case '5.2': c = 'c5-2'; break;
					}
				nodeArray[i].className += ' '+c;
				}
			}
		}
	//else { nodeArray = leftpanel.getElementsByTagName("div"); }
	
	}

function showCharacterList ( string ) { 
	// output: a list of the characters contained in string to the left panel, or if a single character, outputs character details to right panel
	// string: a string of characters

	var firstChar = string.charCodeAt(0);
	var missingRecords = false;
	//if (string.length == 2 && 0xD800 <= firstChar && firstChar <= 0xDBFF) { // supp character
	//			firstChar = 0x10000 + ((firstChar - 0xD800) << 10) + (string.charCodeAt(1) - 0xDC00);
	//			i++; //alert( codepoint ); 
	//			printProperties(firstChar);
	//			}
	//else if ( string.length == 1 ) { printProperties(firstChar); }  // single non supp character straight to right panel
	//else { 
		_lastOperation = "cutpaste";
		codepoints = convertChar2Dec(string).split(' '); 
		// check whether we have seen these codepoints before
		for (var i=0; i<codepoints.length; i++) {
			if (! U[codepoints[i]]) {
				missingRecords = true;
				break;
				}
			}

		// display results, but go via an ajax download if characters not yet seen
		if (missingRecords) { 
			_newCharacterList = codepoints.join(':');
			uri = 'getcharlist.php?list='+_newCharacterList; 
			httpRequest('GET', uri, true, ajaxDisplayUnorderedList);
			}
		else { displayUnorderedList(string); }
	//	}
	}

function showName ( codepoint, node ) {
	// display character name for characters in a matrix
	if (U[codepoint]) {
		cRecord = U[codepoint].split(';');
		span = document.createElement( 'span' );
		span.appendChild(document.createTextNode( cRecord[0]+' '+cRecord[1] ));
		var namedisplay = document.getElementById('namedisplay');	
		namedisplay.replaceChild( span, namedisplay.firstChild );
		}
	}
	
function hideName () {
	// hide character name for characters in a matrix
	span = document.createElement( 'span' );
	span.appendChild(document.createTextNode( '\u00a0' ));
	var namedisplay = document.getElementById('namedisplay');	
	namedisplay.replaceChild( span, namedisplay.firstChild );
	}
	
function originalshowName ( codepoint, node ) {
	// display character name for characters in a matrix
	span = document.createElement( 'span' );
	span.setAttribute( 'id', 'charname' );
	charinfo = document.createTextNode( node.title );
	span.appendChild(charinfo);
	var chardata = document.getElementById('chardata');	
	chardata.replaceChild( span, chardata.firstChild );
	}


function dec2hex ( textString ) {
 return (textString+0).toString(16).toUpperCase();
}

function cleanHexCPs (codepoints) {
	// takes text containing hex codepoint values and extracts the codepoints into a 
	// space separated list
	// codepoints: string, the text to be parsed
	
	codepoints = codepoints.replace(/\\U/g,' ');
	codepoints = codepoints.replace(/\\u/g,' ');
	codepoints = codepoints.replace(/&#x/g,' ');
	codepoints = codepoints.replace(/[^A-Za-z0-9]/g,' ');
	codepoints = codepoints.replace(/\b\S*[^A-Fa-f0-9\s]\S*\b/g,' ');
	codepoints = codepoints.replace(/\s+/g, ' ');
	codepoints = codepoints.replace(/^\s+/, '');
	codepoints = codepoints.replace(/\s+$/, '');
	return codepoints;
	}
	
function cleanDecCPs (codepoints) {
	// takes text containing dec codepoint values and extracts the codepoints into a 
	// space separated list
	// codepoints: string, the text to be parsed
	
	codepoints = codepoints.replace(/&#/g,' ');
	codepoints = codepoints.replace(/[^A-Za-z0-9]/g,' ');
	codepoints = codepoints.replace(/\b\S*[^0-9\s]\S*\b/g,' ');
	codepoints = codepoints.replace(/\s+/g, ' ');
	codepoints = codepoints.replace(/^\s+/, '');
	codepoints = codepoints.replace(/\s+$/, ''); 
	return convertDec2CP(codepoints);
	}


function showCodepoint (codepoints) {
	// output: a list of the characters contained in string to the left panel, or if a single character, ouputs character details to right panel
	// codepoints: a set of one or more hex codepoint values

	codepoints = codepoints.replace( /_/g, ' ' ); // for when list supplied by URI
	if (document.getElementById('decimal').checked == true) { codepoints = cleanDecCPs(codepoints); }
	else { codepoints = cleanHexCPs(codepoints); } 
	if ( codepoints == '' || codepoints == ' ') { alert('No codepoints found.'); return 0; }
	if ( codepoints.match(/[^abcdefABCDEF0-9\s]/)) { alert('Can\'t work out what the codepoints are. Unexpected characters found. Boiled down to: '+codepoints); return 0; }

	var characterList = convertCP2Char(codepoints);
	_lastOperation = "codepoint";
	showCharacterList(characterList);
	}
	
	
function showConverter (codepoints, origin) {
	if (document.getElementById('decimal').checked == true) { codepoints = cleanDecCPs(codepoints); }
	else { codepoints = cleanHexCPs(codepoints); } 
	if ( codepoints == '' || codepoints == ' ') { alert('No codepoints found.'); return 0; }
	if ( codepoints.match(/[^abcdefABCDEF0-9\s]/)) { alert('Can\'t work out what the codepoints are. Unexpected characters found. Boiled down to: '+codepoints); return 0; }
	converter = window.open('/rishida/tools/conversion?codepoints='+codepoints+'&origin='+origin, 'converter');
	converter.focus();
	}


function showList (property) {
	if (document.getElementById('searchOther').checked != true) { alert('You need to select the checkbox next to Other (under the Search field) for this to work.'); }  
	else { 
		if (document.getElementById('locallist').checked != true) { 
			var result = confirm('You haven\'t selected the Local checkbox. This request may take a long time. Do you want to continue?'); 
			if (! result) { return false; }
			}
		listProperties(property);  
		_lastOperation = 'listproperties'; 
		}
	}


function showProperties (value) { 
	if (document.getElementById('searchOther').checked != true) {  
		alert('You need to select the checkbox next to Other (under the Search field) for this to work.'); 
		}  
	else if (document.getElementById('locallist').checked != true && value == ';0;') {  
		alert('You can only search for Combining Class 0 locally.'); 
		return false;
		}  
	else { 
		if (document.getElementById('locallist').checked != true) { 
			var result = confirm('You haven\'t selected the Local checkbox. This request may take a long time. Do you want to continue?'); 
			if (! result) { return false; }
			}
		listProperties(value);  
		}
	}


function showRange() {
	// clean up the range and check whether we have already downloaded the data
	// if so, it call drawSelection to draw characters
	// if not, calls ajax to download character data and then call drawSelection
	
	// remove any formatting characters and get start and end
	rawrange = tidyRange(document.getElementById('customRange1').value);
	if (rawrange != 0) { 
		rangeArray = rawrange.split(':');
		}
	else { return; }
	rangeArray = rawrange.split(':');
	if ( rangeArray[0] == '' ) { showCodepoint(rangeArray[1]); return; }
	if ( rangeArray[1] == '' ) { showCodepoint(rangeArray[0]); return; }
	
	// check the range isn't too big or too small
	size = parseInt(rangeArray[1], 16)-parseInt(rangeArray[0], 16); 
	if (size > 2000) { 
		result = confirm('This range contains '+size+' characters. Displaying it will take a long time. Do you want to continue?');  
		if (!result) { return; }
		}
	if ( size < 1) { alert('Range incorrectly specified (start higher than end). Range identified: '+rawrange); return; }

	// reconstruct a clean range
	range = rangeArray[0]+":"+rangeArray[1];
	document.getElementById('customRange1').value = range;

	_lastOperation = "customrange";

	// check whether we already downloaded this data
	// note, only exact matches of ranges will avoid a downlaod
	var found = false;
	for (var i=0; i<_selections.length;i++) {
		if (_selections[i] == range) { 
			found = true; 
			}
		}
	if (found) {
		drawSelection(range); 
		}
	else { 
		// adjust start and end points to multiples of 16 so matrix can show rest of column
		var start = parseInt(rangeArray[0], 16);
		remainder = start%16; 
		if (remainder > 0) { start -= remainder; } 

		var end = parseInt(rangeArray[1], 16);
		remainder = end%16; 
		if (remainder > 0) { end += (15-remainder); } 
		
		uri = 'getrange.php?start='+start.toString(16)+'&end='+end.toString(16);
		httpRequest('GET', uri, true, ajaxDrawSelection);
		_selections[_selections.length] = range;
		}
	}


function showSelection (range) {
	// checks whether the range has already been shown,
	// if it has, it calls drawSelection to draw characters
	// if not, calls ajax to download character data and then call drawSelection
	
	//check the range is ok
	if ( range == '' ) { return; }  
	rangeArray = range.split(':');
	size = parseInt(rangeArray[1], 16)-parseInt(rangeArray[0], 16);
	if (size > 2000) { 
		result = confirm('This block contains '+size+' characters. Displaying it will take a long time. Do you want to continue?');  
		if (!result) { return; }
		}
		
	_lastOperation = 'range';
	document.getElementById('customRange1').value = rangeArray[0]+':'+rangeArray[1];

	// check whether we already downloaded this data, and draw it
	var found = false;
	for (var i=0; i<_selections.length;i++) {
		if (_selections[i] == range) { 
			found = true;
			}
		}
	if (found) { 
		drawSelection(range); 
		}
	else { 
		uri = 'getrange.php?start='+rangeArray[0]+'&end='+rangeArray[1]; 
		httpRequest('GET', uri, true, ajaxDrawSelection);
		_selections[_selections.length] = range;
		}
	}
	

function showUnihan (codepoints) {
	if (document.getElementById('decimal').checked == true) { codepoints = cleanDecCPs(codepoints); }
	else { codepoints = cleanHexCPs(codepoints); } 
	if ( codepoints == '' || codepoints == ' ') { alert('No codepoints found.'); return 0; }
	if ( codepoints.match(/[^abcdefABCDEF0-9\s]/)) { alert('Can\'t work out what the codepoints are. Unexpected characters found. Boiled down to: '+codepoints); return 0; }
	unihan = window.open('http://www.unicode.org/cgi-bin/GetUnihanData.pl?codepoint='+codepoints+'&useutf8=true', 'unihan');
	unihan.focus();
	}

	
function tidyRange (rawrange) {
	// boils down a range to colon separated hex numbers
	// if error found, returns 0
	rawrange = rawrange.replace(/^\s+/, '');
	rawrange = rawrange.replace(/\s+$/, '');
	rawrange = rawrange.replace(/\s+/, ':');
	rawrange = rawrange.replace(/[\\uUx\&\#\+\;]/g,'');
	rawrange = rawrange.replace(/-/g, ':');
	rawrange = rawrange.replace(/\.+/g, ':');
	if ( rawrange == '' || rawrange == ' ' || rawrange == ':') { alert('No range specified.'); return 0; }
	if ( rawrange.match(/[^abcdefABCDEF0-9\:]/)) { alert('Range incorrectly specified. Unexpected characters found. Range identified: '+rawrange); return 0; }
	if (!rawrange.match(/:/)) { rawrange += ':'; }
	rangeArray = rawrange.split(':');
	if ( rangeArray.length>2 ) { alert('Range incorrectly specified. Two hex numbers expected. Range identified: '+rawrange); return 0; }

	return rawrange;
	}


function toggleDisplay (checkbox) { 
	// if show range as list is selected and the last operation was choose block or range
	// this calls those functions again so that the change is applied
	if (_lastOperation == 'range') {
		showSelection( document.getElementById('block').value ); 
		}
	if (_lastOperation == 'customrange') {
		showRange( document.getElementById('customRange1').value ); 
		}
	}
		
		
function toggleSpan2Img (node, decchar) {
	
	}

	
function toggleGraphic (graphic) { 
	// switch characters to graphics and vice versa
	var leftpanel = document.getElementById('chart');
	var titlefields;
	var dugraphics = false; // will be set to true if decodeunicode graphics are used (to set acknowledgement)
	
	// check whether we're dealing with a table or list
	var tableRows = leftpanel.getElementsByTagName("tr");
//	if (tableRows.length > 0) { // it's a table
	if (isMatrix()) { 
		var tds = leftpanel.getElementsByTagName('td'); 
		for (var i=0; i<tds.length; i++) {
			if (tds[i].className.match(/ch/)) { 
				titlefields = tds[i].title.split(' ');
				var hexNum = titlefields[1].toUpperCase(); 
				for (var k=hexNum.length; k<4; k++) { hexNum = '0' + hexNum; } // padd with zeros
				if (document.getElementById('graphicsToggle').checked == true) { // change text to img 
					var img = document.createElement( 'img' );

					cRecord = U[titlefields[3]].split(';');
					if (cRecord[GRAPHIC_FIELD] == 'm') {
						scriptGroup = findScriptGroup(parseInt(titlefields[3]));
						img.src = 'graphics/'+scriptGroup+'/'+hexNum+'.png'; 
						}
					
					//scriptGroup = findScriptGroup(parseInt(titlefields[3])); 
					//if (localGraphics.indexOf(scriptGroup+',') > -1) { 
						//img.src = 'graphics/'+scriptGroup+'/'+hexNum+'.png'; }
					else { img.src = 'http://decodeunicode.org/data/glyph/26x26/'+hexNum+'.gif'; img.alt=getCharFromInt(titlefields[3]); dugraphics = true; }
					 
					var text = tds[i].firstChild;
					tds[i].replaceChild(img, text);
					}
				else { // change img to text  
					var ch = document.createTextNode(getCharFromInt(titlefields[3]));
					var img = tds[i].firstChild;
					tds[i].replaceChild(ch, img);
					}
				}
			}
			//if (_utf8) { _utf8 = false; } else { _utf8 = true; }
		}
	else {
		var divs = leftpanel.getElementsByTagName('div');
		for (var i=0; i<divs.length; i++) {
			if (divs[i].className.match(/ch/)) { 
				titlefields = divs[i].title.split(' ');
				var hexNum = titlefields[1].toUpperCase();
				hexNum = hexNum.replace(/;/,'');
				for (var k=hexNum.length; k<4; k++) { hexNum = '0' + hexNum; } // padd with zeros
				if (document.getElementById('graphicsToggle').checked == true) { // change span to img 
					var img = document.createElement( 'img' );
					cRecord = U[titlefields[3]].split(';');
					if (cRecord[GRAPHIC_FIELD] == 'm') {
						scriptGroup = findScriptGroup(parseInt(titlefields[3]));
						img.src = 'graphics/'+scriptGroup+'/'+hexNum+'.png'; 
						}

					//scriptGroup = findScriptGroup(parseInt(titlefields[3])); 
					//if (localGraphics.indexOf(scriptGroup+',') > -1) { 
						//img.src = 'graphics/'+scriptGroup+'/'+hexNum+'.png'; }
					else { img.src = 'http://decodeunicode.org/data/glyph/26x26/'+hexNum+'.gif'; dugraphics = true; }
					var span = divs[i].getElementsByTagName('span')[0];
					divs[i].replaceChild(img, span);
					}
				else { // change img to span  
					var ch = document.createTextNode(getCharFromInt(titlefields[3]));
					var span = document.createElement('span'); //<span style="font-family: 'Arial Unicode MS',sans-serif;" class="chSpan">आ</span>
					span.className = 'chSpan';
					span.style.fontFamily = _currentFont;
					span.appendChild(ch);
					var img = divs[i].getElementsByTagName('img')[0];
					divs[i].replaceChild(span, img);
					}
				}
			}
			//if (_utf8) { _utf8 = false; } else { _utf8 = true; }
		}

	// display acknowledgement for decodeunicode graphics
	if (dugraphics) { document.getElementById('ack').style.display = 'block'; }
	else { document.getElementById('ack').style.display = 'none'; }

	// change the large character on the right, if there is one
	if (document.getElementById('largeChar')) {
		printProperties(parseInt(document.getElementById('largeChar').title));
		}
	}
	
function toggleNumbers () {
	var nodeArray = document.getElementById('chart').getElementsByTagName("td");
	
	if (nodeArray.length>0) {
		// get range
		var ptr = 0;
		while (ptr<nodeArray.length && nodeArray[ptr].className != 'ch' && nodeArray[ptr].className != 'empty') {
			ptr++;
			}
		var titlefields = nodeArray[ptr].title.split(' ');
		var start = titlefields[1];
		titlefields = nodeArray[nodeArray.length-1].title.split(' ');
		var end = titlefields[1];
		
		showSelection( start+':'+end );
		}
	}

	
function oldtoggleNumbers (graphic) {
	if (_showNumbers) {
		_showNumbers = false;
		graphic.src = 'images/num-on.gif';
		}
	else { 
		_showNumbers = true;
		graphic.src = 'images/num-off.gif';
		}
	refreshRange();
	}






function printProperties ( codepoint ) { 
	if (U[codepoint]) {
		drawProperties(codepoint);
		}
	else {
		_newCodepoint = codepoint.toString(16).toUpperCase();
		uri = 'getchar.php?start='+_newCodepoint+'&end='+_newCodepoint; 
		httpRequest('GET', uri, true, ajaxDrawProperties);
		}
	}
	
function drawProperties (codepoint) {
	// output: a description of a single character in the right panel, plus notes if an appropriate file has been loaded
	// codepoint: a decimal integer representing the Unicode scalar value of the character to be displayed
	var MsPadding = '';  // Will be set to a space if this is a non-spacing mark
	var description = false;
	var div, span, img, table, tbody, tr, td;

	var listDiv = document.getElementById( 'charOutput' );
	var oldContent = document.getElementById('charInfo');

	var newContent = document.createElement( 'div' );
			newContent.className = 'charInfo';
			newContent.setAttribute( 'id', 'charInfo' );
//		resultString += 'onDblClick="' + 'parent.keyboard.displayHighlight(document.selection.createRange().text)"';

	charData = getDataFor(codepoint);
	charType = getCharType( codepoint );
	scriptGroup = findScriptGroup(codepoint);	
	
	if (charType == 2 || charType == 3 || charType == 5) { 
		cRecord = charData.split(';');
		if (cRecord[3] > 0) { MsPadding = '\u00A0'; }  // ie. this is a combining character

		// float the large character to the right
		div = newContent.appendChild( document.createElement( 'div' ));
			if (IE) { div.style.styleFloat = 'right'; } else { div.style.cssFloat = 'right'; }
			div.style.paddingRight = '20px';
			div.style.paddingLeft = '40px'; 
		if (document.getElementById('graphicsToggle').checked == false) { 
			span = div.appendChild( document.createElement( 'span' ));
				span.setAttribute( 'id', 'largeChar' );
				span.title = parseInt(cRecord[0], 16);
				span.className = 'largeChar' ;
				span.style.fontFamily = _currentFont;
				span.appendChild( document.createTextNode( MsPadding + getCharFromInt(parseInt(cRecord[0],16)) ));
			}
		else {
			img = div.appendChild( document.createElement( 'img' ));
				img.setAttribute( 'id', 'largeChar' );
				img.title = parseInt(cRecord[0], 16); 
				
				if (cRecord[GRAPHIC_FIELD] == 'm') {
					img.src = 'graphics/'+scriptGroup+'/large/'+cRecord[0]+'.png'; 
					}

				//if (localGraphics.indexOf(scriptGroup+',') > -1) { 
					//img.src = 'graphics/'+scriptGroup+'/large/'+cRecord[0]+'.png'; }
				else { img.src = 'http://decodeunicode.org/data/glyph/196x196/'+cRecord[0]+'.gif'; }
				//img.setAttribute( 'src', 'http://decodeunicode.org/data/glyph/196x196/'+cRecord[0]+'.gif');
			}
		
		
		// set up navigational graphics
		img = newContent.appendChild( document.createElement( 'img' ));
			img.onclick = function () { adjacentChar( codepoint, -1 ) };
			img.src = 'images/undo.gif';
			img.className = 'icon';
			img.alt = sPrevChar;
			img.title = sPrevChar;
		img = newContent.appendChild( document.createElement( 'img' ));
			img.onclick = function () { adjacentChar( codepoint, 1 ) };
			img.src = 'images/go.gif';
			imgclassName = 'icon';
			img.alt = sNextChar;
			img.title = sNextChar;


		// character no. & name
		var uplus = 'U+';
		//if (document.getElementById('uPlusToggle').checked) { uplus = 'U+' };
		div = newContent.appendChild( document.createElement( 'div' ));
			div.style.marginTop = '10px';
		div.appendChild( document.createTextNode( uplus+cRecord[0]+' \u00A0 '+cRecord[1] ));
		
		// add warning if this character is new or changed in a beta version
		if (cRecord[15]) {
			div = newContent.appendChild( document.createElement( 'div' ));
				div.className = 'beta';
			if (cRecord[15] == 'n') { 
				div.appendChild( document.createTextNode( 'This is a new character in the beta version. The properties may change.' )); 
				}
			else { 
				div.appendChild( document.createTextNode( 'The properties of this character have changed in the beta version. That change is not yet stable. ' )); 
				a = div.appendChild( document.createElement('a'));
					a.href = '/rishida/tools/uniview_archive/uniview5.1.0f/uniview.php?char='+cRecord[0];
					a.target = 'old version';
				a.appendChild( document.createTextNode( 'See the previous version.' )); 
				}
			}
		
		// fill out properties table		
		table = newContent.appendChild( document.createElement( 'table' ));
			table.className = 'propsTable';
			table.width = '90%';
			table.style.clear = 'both';
		tbody = table.appendChild( document.createElement( 'tbody' ));
			
		tr = tbody.appendChild( document.createElement( 'tr' ));
		td = tr.appendChild( document.createElement( 'td' ));
			td.appendChild( document.createTextNode( sGeneralCat ));
		td = tr.appendChild( document.createElement( 'td' ));
			td.appendChild( document.createTextNode( cRecord[2] + ' - ' + generalProp[ cRecord[2] ] ));

		tr = tbody.appendChild( document.createElement( 'tr' ));
		td = tr.appendChild( document.createElement( 'td' ));
			td.appendChild( document.createTextNode( sCanonCombClass ));
		td = tr.appendChild( document.createElement( 'td' ));
			td.appendChild( document.createTextNode( cRecord[3] + ' - ' + combClass[ cRecord[3] ] ));

		tr = tbody.appendChild( document.createElement( 'tr' ));
		td = tr.appendChild( document.createElement( 'td' ));
			td.appendChild( document.createTextNode( sBidiCat ));
		td = tr.appendChild( document.createElement( 'td' ));
			string = cRecord[4] + ' - ' + bidiProp[ cRecord[4] ];
			if (cRecord[9] == 'Y' ) { string += sMirrored };
			td.appendChild( document.createTextNode( string ));

		if (cRecord[5]) {
			tr = tbody.appendChild( document.createElement( 'tr' ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( sCharDecompMap ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( cRecord[5] ));
			}

		if (cRecord[6]) {
			tr = tbody.appendChild( document.createElement( 'tr' ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( sDecDigitValue ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( cRecord[6] ));
			}

		if (cRecord[7]) {
			tr = tbody.appendChild( document.createElement( 'tr' ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( sDigitValue ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( cRecord[7] ));
			}

		if (cRecord[8]) {
			tr = tbody.appendChild( document.createElement( 'tr' ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( sNumValue ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( cRecord[8] ));
			}

		if (cRecord[10]) {
			tr = tbody.appendChild( document.createElement( 'tr' ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( sUnicode1Name ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( cRecord[10] ));
			}

		if (cRecord[11]) {
			tr = tbody.appendChild( document.createElement( 'tr' ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( s10646Comment ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( cRecord[11] ));
			}

		if (cRecord[12]) {
			tr = tbody.appendChild( document.createElement( 'tr' ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( sUppercaseMap ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( cRecord[12] ));
			}

		if (cRecord[13]) {
			tr = tbody.appendChild( document.createElement( 'tr' ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( sLowercaseMap ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( cRecord[13] ));
			}

		if (cRecord[14]) {
			tr = tbody.appendChild( document.createElement( 'tr' ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( sTitlecaseMap ));
			td = tr.appendChild( document.createElement( 'td' ));
				td.appendChild( document.createTextNode( cRecord[14] ));
			}
		
		// add decimal value
		tr = tbody.appendChild( document.createElement( 'tr' ));
		td = tr.appendChild( document.createElement( 'td' ));
			td.appendChild( document.createTextNode( 'Decimal:' ));
		td = tr.appendChild( document.createElement( 'td' ));
			td.appendChild( document.createTextNode( codepoint ));


		// add derived age
		tr = tbody.appendChild( document.createElement( 'tr' ));
		td = tr.appendChild( document.createElement( 'td' ));
			td.appendChild( document.createTextNode( 'Unicode version:' ));
		td = tr.appendChild( document.createElement( 'td' ));
			td.appendChild( document.createTextNode( cRecord[AGE_FIELD] ));


		//add link to UniHan db
		if (codepoint > 0x4DFF && codepoint < 0x9FBC) {
			p = newContent.appendChild( document.createElement( 'p' ));
				p.style.marginTop = "18px";
			p.appendChild( document.createTextNode( 'View data in ' ));
			a = p.appendChild( document.createElement( 'a' ));
			a.appendChild( document.createTextNode( 'UniHan database' ));
			a.setAttribute( 'href', 'http://www.unicode.org/cgi-bin/GetUnihanData.pl?codepoint='+cRecord[0]+'&amp;useutf8=true' );
			a.setAttribute( 'target', 'unihan' );
			//a.onclick = function () { unihan.focus(); };
			}
			
		//add link to CLDR
		p = newContent.appendChild( document.createElement( 'p' ));
			p.style.marginTop = "18px";
		p.appendChild( document.createTextNode( 'More properties at ' ));
		a = p.appendChild( document.createElement( 'a' ));
		a.appendChild( document.createTextNode( 'CLDR\'s Property demo' ));
		a.setAttribute( 'href', 'http://unicode.org/cldr/utility/character.jsp?a='+cRecord[0] );
		a.setAttribute( 'target', 'cldr' );
		
		//add link to decodeUnicode
		p = newContent.appendChild( document.createElement( 'p' ));
			p.style.marginTop = "0px";
		p.appendChild( document.createTextNode( 'Descriptions at ' ));
		a = p.appendChild( document.createElement( 'a' ));
		a.appendChild( document.createTextNode( 'decodeUnicode' ));
		a.setAttribute( 'href', 'http://www.decodeunicode.org/U+'+cRecord[0] );
		a.setAttribute( 'target', 'decodeunicode' );
		
		//add link to FileFormat
		p = newContent.appendChild( document.createElement( 'p' ));
			p.style.marginTop = "0px";
		p.appendChild( document.createTextNode( 'Java data at ' ));
		a = p.appendChild( document.createElement( 'a' ));
		a.appendChild( document.createTextNode( 'FileFormat' ));
		a.setAttribute( 'href', 'http://www.fileformat.info/info/unicode/char/'+cRecord[0] );
		a.setAttribute( 'target', 'fileformat' );
		

		//add link to Conversion tool
		p = newContent.appendChild( document.createElement( 'p' ));
			p.style.marginTop = "0px";
		p.appendChild( document.createTextNode( 'Use the ' ));
		a = p.appendChild( document.createElement( 'a' ));
		a.appendChild( document.createTextNode( 'Conversion tool' ));
		a.setAttribute( 'href', 'conversion.php?origin=codepoint&codepoints='+cRecord[0] );
		a.setAttribute( 'target', 'conversion' );
		
		
		

		//find script group
		p = newContent.appendChild( document.createElement( 'p' ));
			p.style.marginTop = "18px";
		strong = p.appendChild( document.createElement( 'strong' ));
		strong.appendChild( document.createTextNode( sScriptGroup ));
		a = p.appendChild( document.createElement( 'a' ));
			a.href = '#';
			a.onclick = function () { showSelection( getRange(scriptGroup) ); return false; };
		a.appendChild( document.createTextNode( scriptGroup ));
		
		
		// display script group
		p = newContent.appendChild( document.createElement( 'p' ));
		p.style.marginTop = "18px";
		strong = p.appendChild( document.createElement( 'strong' ));
		strong.appendChild( document.createTextNode( 'Script group: ' ));
		span = p.appendChild( document.createElement( 'span') );
			span.className = 'subcat';
		span.appendChild( document.createTextNode( st[cRecord[SUBTITLE_FIELD]] ));


		// find the descriptions
		//p = newContent.appendChild( document.createElement( 'p' ));
		//	p.style.marginTop = "18px";
		//strong = p.appendChild( document.createElement( 'strong' ));
		//strong.appendChild( document.createTextNode( sDescription ));
		//p.appendChild( document.createElement( 'br' ));
		//span = p.appendChild( document.createElement( 'span') );
		//	span.className = 'subcat';
		//span.appendChild( document.createTextNode( st[cRecord[SUBTITLE_FIELD]] ));

		if (desc[eval('0x'+cRecord[0])]) {
			dRecord = desc[eval('0x'+cRecord[0])].split('¶');
			p = newContent.appendChild( document.createElement( 'p' ));
				p.style.marginTop = "18px";
			strong = p.appendChild( document.createElement( 'strong' ));
			strong.appendChild( document.createTextNode( sDescription ));
			//p.appendChild( document.createElement( 'br' ));
			description = true;
			for (var j=0; j < dRecord.length; j++ ) {
				p.appendChild( document.createTextNode( dRecord[j] ));
				p.appendChild( document.createElement( 'br' ));
				}
			}
		}
		
		
		
	else { // this is either  an unassigned character or a surrogate character
		var group = findScriptGroup(codepoint);
		
		// character no. & name
		div = newContent.appendChild( document.createElement( 'div' ));
			div.style.marginTop = '10px';
		var hexcpvalue = codepoint.toString(16).toUpperCase();
		while (hexcpvalue.length < 4) { hexcpvalue = '0'+hexcpvalue; }
		div.appendChild( document.createTextNode( 'U+' + hexcpvalue + ' ' +
				'Unassigned character.' ));
		//div.appendChild( document.createTextNode( codepoint.toString(16).toUpperCase() +
		//		sNoDescAvail ));
		
		//find script group
		p = newContent.appendChild( document.createElement( 'p' ));
			p.style.marginTop = "18px";
		strong = p.appendChild( document.createElement( 'strong' ));
		strong.appendChild( document.createTextNode( sScriptGroup ));
		a = p.appendChild( document.createElement( 'a' ));
			a.href = '#';
			a.onclick = function () { showSelection( getRange(scriptGroup) ); return false; };
		a.appendChild( document.createTextNode( scriptGroup ));
		}
		
		
	var removedNode = listDiv.replaceChild( newContent, oldContent );

	
	// get results from character database
	if (document.getElementById('showDB').checked && (charType == 2 || charType == 3 || charType == 5)) {
		p = newContent.appendChild( document.createElement( 'p' ));
		p.style.marginTop = "18px";
		strong = p.appendChild( document.createElement( 'strong' ));
		strong.appendChild( document.createTextNode( 'DB notes:' ));
		// add edit button only if local
		if (_local) { 
			span = p.appendChild( document.createElement( 'span' )); 
			
			span.appendChild( document.createTextNode( ' [edit]' ));
			edituri = 'editDB.php?operation=get&codepoint='+cRecord[0]+'&suppliedname='+cRecord[1];
			span.onclick = function () { dbedit = window.open(edituri, 'dbedit'); dbedit.focus(); };
			span.style.cursor = 'pointer';
			span.style.color = 'teal';
			span.style.fontSize = '80%';
			}
		
		div = newContent.appendChild( document.createElement( 'div' ));
		div.id = 'dboutput';
		
		// get the data, if any, and print (use the relayDBdata line for uploaded files)
		if (_local) { url = "getDBdata.php?codepoint=" + cRecord[0]; }
		else { url = "getonlineDBdata.php?codepoint=" + cRecord[0]; }
		httpRequest('GET', url, true, printDBInfo);
		}
	}	
		
		
var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id) {	
	// cancel close timer
	mcancelclosetime();
	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	}
	
// close showed layer
function mclose() {
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	}

// go close timer
function mclosetime() {
	closetimer = window.setTimeout(mclose, timeout);
	}

// cancel close timer
function mcancelclosetime(){
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
		}
	}




// close layer when click-out
//document.onclick = mclose; 
		
//日本語