<html>
<head>
    <title>Russian Translator</title>
    <meta content="text/html; charset=windows-1251" http-equiv="Content-Type" />
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("language", "1");
    </script>
</head>
<style>
    body { text-align:center;margin:0;padding:10px; }
    input { background-color:#CCCCCC; color:black; font-family:Arial; font-size:10pt; width:25px; }
    h3 { font-family:Arial; font-size:14px; padding:0; margin:0; }
    p { font-family:Arial; font-size:10px; }
    .b30 { width: 30px; }
    .b80 { width: 80px; }
    .b100 { width: 100px; }
    .b300 { width: 300px; }
    .com {color: white; font-family: Tahoma, Arial; font-size: 15px;}
    .mes {color: black; font-family: Tahoma, Arial; font-size: 15px;}
    #google_translation { width:600px; margin: 0 auto; border:1px solid #CCCCCC; text-align:left; background-color:#F0FFF0; padding:5px; }
    #results span { color: blue; }
</style>

<script>
var l_letter = new Array('`','1','2','3','4','5','6','7','8','9','0','-','=','q','w','e','r','t','y','u','i','o','p','[',']','Backspace','Shift','a','s','d','f','g','h','j','k','l',';',"'",'Enter','Caps Lock','z','x','c','v','b','n','m',',','.','/','\\','Rus/Lat','Undo',' ','Clear');
var lb_letter = new Array('~','!','@','#','$','%','^','&','*','(',')','_','+','Q','W','E','R','T','Y','U','I','O','P','{','}','Backspace','Shift','A','S','D','F','G','H','J','K','L',':','"','Enter','Caps Lock','Z','X','C','V','B','N','M','<','>','?','|','Rus/Lat','Undo',' ','Clear');
var r_letter = new Array('ё','1','2','3','4','5','6','7','8','9','0','-','=','й','ц','у','к','е','н','г','ш','щ','з','х','ъ','Backspace','Shift','ф','ы','в','а','п','р','о','л','д','ж','э','Enter','Caps Lock','я','ч','с','м','и','т','ь','б','ю','.','\\','Rus/Lat','Undo',' ','Clear');
var rb_letter = new Array('Ё','!','"','№',';','%',':','?','*','(',')','_','+','Й','Ц','У','К','Е','Н','Г','Ш','Щ','З','Х','Ъ','Backspace','Shift','Ф','Ы','В','А','П','Р','О','Л','Д','Ж','Э','Enter','Caps Lock','Я','Ч','С','М','И','Т','Ь','Б','Ю',',','\\','Rus/Lat','Undo',' ','Clear');
var ltype = new Array(2,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,3,3,3,3,3,3,3,2,2,3,3,3,3,3,3,3,3,3,3,3,2,2,3,3,3,3,3,3,3,3,3,2,2,0,0,3,3,3,3);
var letter = new Array(l_letter, lb_letter, r_letter, rb_letter);
var dec1 = new Array(1040,1041,1062,1044,1045,1060,1043,1061,1048,1049,1050,1051,1052,1053,1054,1055,1070,1056,1057,1058,1059,1042,1065,1061,1067,1047,1072,1073,1094,1076,1077,1092,1075,1093,1080,1081,1082,1083,1084,1085,1086,1087,1102,1088,1089,1090,1091,1074,1097,1093,1099,1079,1100,1098);
var dec2 = new Array(1071,1041,1063,1044,1069,1060,1046,1065,1048,1049,1050,1051,1052,1053,1025,1055,1070,1056,1064,1058,1070,1042,1065,1061,1067,1046,1103,1073,1095,1076,1101,1092,1078,1097,1080,1081,1082,1083,1084,1085,1105,1087,1102,1088,1096,1090,1102,1074,1097,1093,1099,1078,1068,1066);
var dec3 = new Array(1060,1048,1057,1042,1059,1040,1055,1056,1064,1054,1051,1044,1068,1058,1065,1047,1049,1050,1067,1045,1043,1052,1062,1063,1053,1071,1092,1080,1089,1074,1091,1072,1087,1088,1096,1086,1083,1076,1100,1090,1097,1079,1081,1082,1099,1077,1075,1084,1094,1095,1085,1103,1093,1098,1078,1101,1073,1102,46,1061,1066,1046,1069,1041,1070,44,1105,1025);
var off = 1;
var keymode = 2;
var savemode = 0;
var qn = 55;
var shift = false;
var capslock = false;
var apostr = false;
var formname = "", textname = "";
var undotext = "";
var op;
var par = new String(location.search);

function saveres() {
 if(savemode == 0 || savemode == 1) op.document.forms[formname].elements[textname].value = document.keyb.text.value;
 else if (savemode == 2) op.document.forms[formname].elements[textname].value = op.document.forms[formname].elements[textname].value + document.keyb.text.value;
 else if (savemode == 3) op.document.forms[formname].elements[textname].value = document.keyb.text.value + op.document.forms[formname].elements[textname].value;

 window.close();
 return false;
}

function clr() {
 undotext = document.keyb.text.value;
 document.keyb.text.value = "";

 document.keyb.text.focus();
 return false;
}

function undo() {
 var s;
 s = document.keyb.text.value;
 document.keyb.text.value = undotext;
 undotext = s;

 document.keyb.text.focus();
 return false;
}

function changeLetter(n) {
    var i;
    if((n != 5) && shift) keymode ^=1;
    keymode ^= n & 3;
    shift = ((n == 5) && !shift);

 for(i=0;i<qn;i++) document.keyb.elements[i+off].value = letter[(shift)?(keymode | (((ltype[i] >> (keymode >> 1)) & 1)^1)):(keymode & ((ltype[i] >> (keymode >> 1)) | 2))][i];

    document.keyb.text.focus();
    return false;
}

function delLetter() {
 var str = new String(document.keyb.text.value);
 var del=1;
 if(str.charAt(str.length-1) == '\n') del=2;
 document.keyb.text.value = str.substr(0, str.length-del);

 document.keyb.text.focus();
 return false;
}

function addLetter(but) {
    var chr = but.value;
    if (chr == 'Enter') chr='\n';
    document.keyb.text.value += chr;
    if (shift) {
        shift=false;
        changeLetter(1);
    }
    document.keyb.text.focus();
    return false;
}

function getpar(parname) {
 var j,k;
 j = par.indexOf(parname + "=")
 if(j == -1) return null;
 k = par.indexOf("&", j + parname.length + 1);
 return par.substring(j + parname.length + 1, (k == -1) ? par.length : k);
}

function init() {
 var i, s;
 var domain;

 if((s=getpar("form")) != null) formname = s;
 if((s=getpar("text")) != null) textname = s;
 if((s=getpar("savemode")) != null) {
  savemode = parseInt(s);
  if(isNaN(savemode) || savemode < 0 || savemode > 3) savemode = 0;
 }
 if((s=getpar("keymode")) != null) {
  keymode = parseInt(s);
  if(isNaN(keymode) || keymode < 0 || keymode > 3) keymode = 2;
 }

 undotext = document.keyb.text.value;

 changeLetter(0);
 return false;
}

function decode() {
 if((document.keyb.decflag.type != "select-one") || (document.keyb.decflag.value == 0)) return true;

 var code = event.keyCode, i = -1;

 if(code >= 65 && code <=90) i = code - 65;
 else if(code >= 97 && code <=122) i = code - 71;

 if(document.keyb.decflag.value == 1)
 {
  if(i == -1)
   switch (code)
   {
    case 91:  i = 52; break;
    case 93:  i = 53; break;
    case 39:  apostr = !apostr; return !apostr;
   }

  if(i != -1) event.keyCode = (apostr)?dec2[i]:dec1[i];
  apostr = false;
 }
 else {
  if (i == -1)
   switch (code) {
    case 91:  i = (capslock)?59:52; break;
    case 93:  i = (capslock)?60:53; break;
    case 59:  i = (capslock)?61:54; break;
    case 39:  i = (capslock)?62:55; break;
    case 44:  i = (capslock)?63:56; break;
    case 46:  i = (capslock)?64:57; break;
    case 47:  i = 58; break;
    case 123: i = (capslock)?52:59; break;
    case 125: i = (capslock)?53:60; break;
    case 58:  i = (capslock)?54:61; break;
    case 34:  i = (capslock)?55:62; break;
    case 60:  i = (capslock)?56:63; break;
    case 62:  i = (capslock)?57:64; break;
    case 63:  i = 65; break;
    case 96:  i = (capslock)?67:66; break;
    case 126: i = (capslock)?66:67; break;
   }
  else {
   if(i < 26) capslock = !event.shiftKey;
   else capslock = event.shiftKey;
  }
  if(i != -1) event.keyCode = dec3[i];

 }
 return true;

}

function cfocus() {
 document.keyb.text.focus();
 return true;
}

</script>

<body>
<form name="keyb">
    <h3>Use mouse to click on Cyrillic letters, or just use cut-and-paste.</h3>
    <h3>Use standard keyboard for English letters.</h3>
<table cellspacing="0" cellpadding="10" border="0"
        style="background-color:#F7F7F7;border:1px solid #CCCCCC;margin: 0 auto;margin-top:10px;padding:10px;width:600px;">
    <tr><td align="center">
        <textarea rows=3 cols=68 id="text_to_translate" name="text" wrap="physical" onKeyPress="return decode();"></textarea>
        <div style="padding:5px 0 3px 0;">
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
            <input type="button" value="" onClick="return addLetter(this);" class="b30" />
        </div>
        <div style="padding-bottom: 3px;">
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return delLetter();" class=b80>
        </div>
        <div style="padding-bottom: 3px;">
            <input type="button" value="" onClick="return changeLetter(5);" width=80 class=b80>
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" class="b100" />
        </div>
        <div style="padding-bottom: 3px;">
            <input type="button" value="" onClick="return changeLetter(1);" class="b80" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return addLetter(this);" />
            <input type="button" value="" onClick="return changeLetter(2);" class="b80" />
        </div>
        <div style="padding-bottom: 3px;">
            <input type="button" value="" onClick="return undo();" class="b80" />
            <input type="button" value="" onClick="return addLetter(this);" class="b300" />
            <input type="button" value="" onClick="return clr();" class="b80" />
        </div>
        <input type=hidden name='decflag' value='' />

        <input type="button" value="Перевести на Английский" onclick="translate('ru', 'en')"
                style="width:200px;margin-top:20px;" />
        <input type="button" value="Translate into Russian" onclick="translate('en', 'ru')"
                style="width:200px;margin-top:20px;" />


    </td></tr>
</table>



</form>


<script><!--
init();
function translate(from, to) {
    google.language.translate(document.getElementById("text_to_translate").value, from, to,
        function(result) {
            var str = result.translation;
            var cStr = '';
            if (!result.error) {
                for (var i = 0; i < str.length; i++) {
                    var c = str.charCodeAt(i);
                    if (c <= 127) { cStr += str.charAt(i); }
                    else {
                        cp = dec2hex(c);
                        while (cp.length < 4) { cp = '0' + cp; }
                        cStr += "&#x" + cp + ";";
                    }

                }
                var container = document.getElementById("google_translation");
                container.innerHTML = result.translation;
                var escaped = document.getElementById("ncr_escapes");
                escaped.style.display = "none";
                escaped.value = cStr;
                var results = document.getElementById("results");
                results.style.display = "block";
                if (to == "ru") {
                    document.forms['tts'].url.value="http://text-to-speech.imtranslator.net/sockets/tts.asp?url=WMifr&dir=ru&vc=Olga&text=" + result.translation;
                }
                else if (to == "en") {
                    document.forms['tts'].url.value="http://text-to-speech.imtranslator.net/sockets/tts.asp?url=WMifr&dir=enf&vc=VW Kate&text=" + result.translation;
                }
            }
        }
    );
}
function showNcr() {
    var escaped = document.getElementById("ncr_escapes");
    escaped.style.display = "block";
}
function readText() {
    isIE = (window.ActiveXObject) ? true : false;
    if (isIE) {
        alert("Sorry, this will not work in Internet Explorer.");
    } else {
        document.getElementById("tts").src = document.forms['tts'].url.value;
    }
}
function dec2hex (str) {
	return (str+0).toString(16).toUpperCase();
}
// --></script>

<div id="results" style="display:none;margin: 0 auto;width:610px;">
    <div id="google_translation"></div>
    <p style="text-align:right;font-style:Arial;font-size:9px;padding:0;margin:0;">
        <span onclick="readText()">Say it!</span> ::
        <span onclick="showNcr()">View NCR Escapes</span>
    </p>
    <textarea rows=5 cols=68 id="ncr_escapes" wrap="physical" style="border:none;margin-top:20px;width:600px;"></textarea>
</div>
<iframe id="tts" style="width:1px;height:1px;border:none;margin-top:10px;" src="blank.html"></iframe>
<p style="padding-top:15px">This project is dedicated to <a href="http://www.lecour.net/lena/">&#x041B;&#x0435;&#x043D;&#x0430;</a>, my inspiration.
    Translation services are provided by Google and IM Translator.<br />
    Results are not always accurate, but are usually close enough to understand the basic idea.<br />
    The text-to-speech function doesn't work most of the time, but who knows?! Try it anyway!</p>
<form name="tts" action="#"><input type="hidden" name="url" /></form>
</body>
</html>