function selectItem(mySeg,sVal)
{
	if(mySeg){for(var i=0;i<mySeg.length;i++){if(mySeg[i].value==sVal){mySeg[i].selected=true;}}}
}


function getChar(myList)
{
	var myIndex=myList.selectedIndex;

	if(myIndex!=0){
		if(myIE &&!myMac)
		{
			myList.form.p.focus();
			document.selection.createRange().text=myList.options[myIndex].value;
		}
		else
		{
			myList.form.p.value += myList.options[myIndex].value;
		}
		myList.selectedIndex=0;
		myList.form.p.focus();
	}
}
	var hisBrowser=navigator.appVersion;
	var myWin=(hisBrowser.lastIndexOf("Win95")!=-1||hisBrowser.lastIndexOf("Win98")!=-1||hisBrowser.lastIndexOf("WinNT")!=-1||hisBrowser.lastIndexOf("Windows")!=-1);
	var myMac=(hisBrowser.indexOf("Mac")!=-1);
	var myIE=(navigator.appName.indexOf("Microsoft Internet Explorer")!=-1);

function specialCharTemplate()
{
	document.write('<div id="char-template">');
	document.write("<CENTER>");
	document.write('<select id="a" name="a" tabindex="-1" onchange="javascript:getChar(this);"><option value="a">a</option><option value="&agrave;">&agrave;</option><option value="&aacute;">&aacute;</option><option value="&acirc;">&acirc;</option><option value="&atilde;">&atilde;</option><option value="&auml;">&auml;</option><option value="&aring;">&aring;</option></select>');
	document.write('<select id="i" name="i" tabindex="-1" onchange="javascript:getChar(this);"><option value="i">i</option><option value="&igrave;">&igrave;</option><option value="&iacute;">&iacute;</option><option value="&icirc;">&icirc;</option><option value="&iuml;">&iuml;</option></select>');
	document.write('<select id="u" name="u" tabindex="-1" onchange="javascript:getChar(this);"><option value="u">u</option><option value="&ugrave;">&ugrave;</option><option value="&uacute;">&uacute;</option><option value="&ucirc;">&ucirc;</option><option value="&uuml;">&uuml;</option></select>');
	document.write('<select id="e" name="e" tabindex="-1" onchange="javascript:getChar(this);"><option value="e">e</option><option value="&egrave;">&egrave;</option><option value="&eacute;">&eacute;</option><option value="&ecirc;">&ecirc;</option><option value="&euml;">&euml;</option></select>');
	document.write('<select id="o" name="o" tabindex="-1" onchange="javascript:getChar(this);"><option value="o">o</option><option value="&ograve;">&ograve;</option><option value="&oacute;">&oacute;</option><option value="&ocirc;">&ocirc;</option><option value="&otilde;">&otilde;</option><option value="&ouml;">&ouml;</option></select>');
	document.write('<select id="t" name="t" tabindex="-1" onchange="javascript:getChar(this);"><option value="t">'+'---'+'</option><option value="&szlig;">&szlig;</option><option value="&ccedil;">&ccedil;</option><option value="&ntilde;">&ntilde;</option><option value="&yacute;">&yacute;</option><option value="&yuml;">&yuml;</option><option value="&iquest;">&iquest;</option><option value="&iexcl;">&iexcl;</option></select>');
	document.write("</CENTER>");
	document.write('</div>');
};


	specialCharTemplate();