<html>
<head>

<style type="text/css"><!--
input.first {
width: 410; 
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
border:0;
background: transparent;
}

.greentitle {
font-family: arial,sans-serif;
font-size: 19px;
color: #55A060;
}
--></STYLE>

<script language=javascript>
var normal="abcdefghijklmnopqrstuvwxyz?*<>"
var changed="αв¢∂єƒgнιנкℓмησρqяѕтυνωχуz؟●«»"
var haxxor="48(d3f9h!jk1mn0pqr57uvwxy2?*<>"
var divchange="ÁßČĎĔŦĞĤĨĴĶĹМŃŐРQŔŚŤÚVŴЖŶŹ؟●«»"
var arabchange="ค๒ς๔єŦﻮђเןкl๓ภ๏קợгรtยשฬץאz؟●«»"

function change(_in, _out, _hax, _div, _arab)
{
  var s="", hx="", dv="", ar="";
  var n=_in.value.toLowerCase();

  ///if (_in.value.length=="0") _arab.value="";
  
  for(i=0; i<n.length; i++)
  {
    var c=n.charAt(i);
    for(j=0; (j<normal.length)&&(c!=normal.charAt(j)); j++);
    if (j<normal.length) { 
      s+=changed.charAt(j); hx+=haxxor.charAt(j); dv+=divchange.charAt(j); ar+=arabchange.charAt(j);} else {
      s+=c; hx+=c; dv+=c; ar+=c;
    }
  }

  _out.value=s;
  _hax.value=hx;
  _div.value=dv;
  _arab.value=ar;
}

function breezah(_in, _out)
{
  var s="";
  var n=_in.value.toLowerCase();

  ///if (_in.value.length==0) return;  

  for(i=0; i<n.length; i++)
  {
    var c=n.charAt(i);
    s+=i%2?c:c.toUpperCase();
  }
  
  _out.value=s;
}
</script>
<SCRIPT LANGUAGE='Javascript'>
function focusFirst() {

  if (els = oTD.getElementsByTagName("input")) {
    els[0].focus();
  }
}

function highlight(field) {
	field.focus();
  	field.select();
}
</SCRIPT>
</head>
<body topmargin=0 leftmargin=0>


<table cellpadding=0 cellspacing=0 width=100%>

<tr><td width=30 height=60></td><td height=60 width=427 background=/imagens/text_maker_green.gif>
&nbsp;<input class='first' name=textin type=text onKeyUp="change(textin, textout, texthax, textdiv, textarab); breezah(textin, textbre)">
</td></tr>

<tr><td height=20></td></tr>

<tr><td width=30 height=60><center><font class=greentitle>1</font></center></td><td height=60 width=427 background=/imagens/text_maker_blue.gif>
&nbsp;<input class='first' name=textout type=text readonly onClick='highlight(this);'>
</TD></TR>

<tr><td width=30 height=60><center><font class=greentitle>2</font></center></td><td height=60 width=427 background=/imagens/text_maker_blue.gif>
&nbsp;<input class='first' name=texthax type=text readonly onClick='highlight(this);'>
</TD></TR>

<tr><td width=30 height=60><center><font class=greentitle>3</font></center></td><td height=60 width=427 background=/imagens/text_maker_blue.gif>
&nbsp;<input class='first' name=textbre type=text readonly onClick='highlight(this);'>
</TD></TR>

<tr><td width=30 height=60><center><font class=greentitle>4</font></center></td><td height=60 width=427 background=/imagens/text_maker_blue.gif>
&nbsp;<input class='first' name=textarab type=text readonly onClick='highlight(this);'>
</TD></TR>

<tr><td width=30 height=60><center><font class=greentitle>5</font></center></td><td height=60 width=427 background=/imagens/text_maker_blue.gif>
&nbsp;<input class='first' name=textdiv type=text readonly onClick='highlight(this);'>
</TD></TR>

</table>


</body>
</html>�