/********************************************************************************
  JavaScript Virtual Keyboard

  Copyright (C) 2006 Dmitry Khudorozhkov (mailto:kh_dmitry2001@mail.ru)

  This software is provided "as-is", without any express or implied warranty. In
  no event will the author be held liable for any damages arising from the use
  of this software.

  Permission is granted to anyone to use this software for any purpose, including
  commercial applications, and to alter it and redistribute it freely, subject to
  the following restrictions:

  1. The origin of this software must not be misrepresented; you must not claim
     that you wrote the original software. If you use this software in a product,
     an acknowledgment in the product documentation would be appreciated but is
     not required.

  2. Altered source versions must be plainly marked as such, and must not be
     misrepresented as being the original software.

  3. This notice may not be removed or altered from any source distribution.

********************************************************************************/

var kbArray = new Array();

var agent = navigator.userAgent.toLowerCase();
var msie = (agent.indexOf("msie") != -1);

function setup_event(elem, eventType, handler)
{
  if(elem.attachEvent)
  {
    elem.attachEvent('on' + eventType, handler);
  }
  else if(elem.addEventListener)
  {
    elem.addEventListener(eventType, handler, false);
  }
}

function detach_event(elem, eventType, handler)
{
  if(elem.detachEvent)
  {
    elem.detachEvent('on' + eventType, handler);
  }
  else if(elem.removeEventListener)
  {
    elem.removeEventListener(eventType, handler, false);
  }
}

function get_event_source(e)
{
  var event = e ? e : window.event;
  return event.srcElement ? event.srcElement : event.target;
}

function setup_style(element, top, left, width, height, position, border_color, text_align, line_height, font_weight, font_size, padding_left, padding_right)
{
  if(top != "") element.style.top = top;
  if(left != "") element.style.left = left;
  if(width != "") element.style.width = width;
  if(height != "") element.style.height = height;
  if(position != "") element.style.position = position;

  if(border_color != undefined) element.style.border = "1px solid " + String(border_color);
  if(line_height != undefined) element.style.lineHeight = line_height;
  if(text_align != undefined) element.style.textAlign = text_align;

  if((padding_left != undefined) && (padding_left != "")) element.style.paddingLeft = padding_left;
  if((padding_right != undefined) && (padding_right != "")) element.style.paddingRight = padding_right;

  element.style.fontWeight = (font_weight != undefined) ? font_weight : "bold";
  element.style.fontSize = (font_size != undefined) ? font_size : "14px";

  if(msie) element.UNSELECTABLE = "on";
}

function setup_key_element(install_default_event, top, left, width, height, border_color, text_align, line_height, font_weight, font_size, padding_left, padding_right)
{
  var key = document.createElement("DIV");
  setup_style(key, top, left, width, height, "absolute");

  var key_sub = document.createElement("DIV");
  key.appendChild(key_sub);

  if(msie)
    /* Standards-compliant ("strict") mode: */
    setup_style(key_sub, "", "", key.style.pixelWidth - 2 - (String(padding_left) != "undefined" ? padding_left.substring(0, padding_left.indexOf("px")) : 0) - (String(padding_right) != "undefined" ? padding_right.substring(0, padding_right.indexOf("px")) : 0), "", "", border_color, text_align, line_height, font_weight, font_size, padding_left, padding_right);
    /* Quirks/Transitional/pre-HTML-4 mode: */
//  setup_style(key_sub, "", "", key.style.pixelWidth, "", "", border_color, text_align, line_height, font_weight, font_size, padding_left, padding_right);
  else
    /* All other browsers: */
    setup_style(key_sub, "", "", "", "", "", border_color, text_align, line_height, font_weight, font_size, padding_left, padding_right);

  if(install_default_event)
    setup_event(key_sub, 'mousedown', generic_callback_proc);

  var retObj = new Object();
  retObj.main = key;
  retObj.sub = key_sub;

  return retObj;
}

function ShowVKeyboard(container_id, callback_proc, shownhide_on_change)
{
  var ct = document.getElementById(container_id);
  var vkboard = kbArray[container_id];

  if(vkboard)
  {
    var changed = false;

    if((vkboard.Callback != callback_proc) && (String(callback_proc).length > 0))
    {
      vkboard.Callback = callback_proc;
      changed = true;
    }

    if(!changed || (changed && (shownhide_on_change == true)))
    {
      vkboard.Show = !vkboard.Show;
      ct.style.display = (vkboard.Show ? "block" : "none");

      if(!vkboard.Show)
      {
        var menu = document.getElementById(container_id + "___lang_menu");
        if(menu)
        {
          if(vkboard.LayoutMenuOpened == true)
          {
            menu.style.display = "none";
            vkboard.LayoutMenuOpened = false;
          }
        }
      }
    }
  }
  else
  {
    vkboard = new Object;

    vkboard.Show = true;
    vkboard.Callback = callback_proc;
    vkboard.Caps = false;
    vkboard.Shift = false;
    vkboard.AltGr = false;
    vkboard.CurrentLayout = "Us";
    vkboard.LayoutMenuOpened = false;
    vkboard.keys = new Array();

    kbArray[container_id] = vkboard;

    var kb_main = document.createElement("DIV");
    ct.appendChild(kb_main);

    kb_main.style.width = "540px";          // Should be 542px if in Quirks mode with MS IE/Opera
    kb_main.style.height = "131px";         // Should be 133px if in Quirks mode with MS IE/Opera
    kb_main.style.border = "1px solid #999";
    kb_main.style.position = "relative";
    kb_main.style.cursor = "default";

    // Row of numbers:

    for(var i = 0; i < 13; i++)
    {
      var key = setup_key_element(false, "1px", String(i * 26 + 1) + "px", "25px", "25px", "#777", "center", "23px");
      key.sub.id = container_id + "___key" + String(i);
      kb_main.appendChild(key.main);

      vkboard.keys[i] = key.sub;
    }

    var kb_kbp = setup_key_element(true, "1px", "339px", "74px", "25px", "#777", "right", "23px", "normal", "14px", "", "4px");
    kb_kbp.sub.innerHTML = "BackSpace";
    kb_kbp.sub.id = container_id + "___kbp";
    kb_main.appendChild(kb_kbp.main);

    // First row of letters:

    var kb_tab = setup_key_element(true, "27px", "1px", "37px", "25px", "#777", "left", "23px", "normal", "14px", "4px");
    kb_tab.sub.innerHTML = "Tab";
    kb_tab.sub.id = container_id + "___tab";
    kb_main.appendChild(kb_tab.main);

    for(; i < 26; i++)
    {
      var key = setup_key_element(false, "27px", String((i - 13) * 26 + 39) + "px", "25px", "25px", "#777", "center", "23px");
      key.sub.id = container_id + "___key" + String(i);
      kb_main.appendChild(key.main);

      vkboard.keys[i] = key.sub;
    }

    var kb_enter_top = setup_key_element(true, "27px", "377px", "36px", "27px", "#777", "center", "25px");
    kb_enter_top.sub.style.borderBottom = "0px";
    kb_enter_top.sub.innerHTML = "&nbsp;";
    kb_enter_top.sub.subst = "Enter";                   // Special expando
    kb_enter_top.sub.id = container_id + "___enter_top";
    kb_main.appendChild(kb_enter_top.main);

    // Second row of letters:

    var kb_caps = setup_key_element(true, "53px", "1px", "50px", "25px", "#777", "left", "23px", "normal", "14px", "4px");
    kb_caps.sub.innerHTML = "Caps";
    kb_caps.sub.id = container_id + "___caps";
    kb_main.appendChild(kb_caps.main);

    for(; i < 38; i++)
    {
      var key = setup_key_element(false, "53px", String((i - 26) * 26 + 52) + "px", "25px", "25px", "#777", "center", "23px");
      key.sub.id = container_id + "___key" + String(i);
      kb_main.appendChild(key.main);

      vkboard.keys[i] = key.sub;
    }

    var kb_enter_l = setup_key_element(true, "53px", "364px", "16px", "25px", "#777", "right", "23px", "normal", "14px", "", "4px");
    kb_enter_l.sub.style.borderRightColor = "#FFF";
    kb_enter_l.sub.innerHTML = " ";
    kb_enter_l.sub.subst = "Enter";
    kb_enter_l.sub.id = container_id + "___enter_l";
    kb_main.appendChild(kb_enter_l.main);

    var kb_enter = setup_key_element(true, "53px", "377px", "36px", "25px", "#777", "right", "23px", "normal", "14px", "", "4px");
    kb_enter.sub.style.borderTopColor = "#FFF";
    kb_enter.sub.style.borderLeftColor = "#FFF";
    kb_enter.sub.innerHTML = "Enter";
    kb_enter.sub.id = container_id + "___enter";
    kb_main.appendChild(kb_enter.main);

    // Third row of letters:

    var kb_shift = setup_key_element(true, "79px", "1px", "63px", "25px", "#777", "left", "23px", "normal", "14px", "4px");
    kb_shift.sub.innerHTML = "Shift";
    kb_shift.sub.id = container_id + "___shift";
    kb_main.appendChild(kb_shift.main);

    for(; i < 48; i++)
    {
      var key = setup_key_element(false, "79px", String((i - 38) * 26 + 65) + "px", "25px", "25px", "#777", "center", "23px");
      key.sub.id = container_id + "___key" + String(i);
      kb_main.appendChild(key.main);

      vkboard.keys[i] = key.sub;
    }

    var kb_shift_r = setup_key_element(true, "79px", "325px", "88px", "25px", "#777", "right", "23px", "normal", "14px", "", "4px");
    kb_shift_r.sub.innerHTML = "Shift";
    kb_shift_r.sub.id = container_id + "___shift_r";
    kb_main.appendChild(kb_shift_r.main);

    // Language selector:
    var kb_res_1 = setup_key_element(false, "105px", "1px", "33px", "25px", "#F77", "left", "23px", "normal", "14px", "4px");
    kb_res_1.sub.id = container_id + "___lang";
    setup_event(kb_res_1.sub, 'mousedown', handle_lang_choice_menu);

    var kb_res_2 = setup_key_element(false, "105px", "35px", "33px", "25px", "#CCC", "center", "23px");
    kb_res_2.sub.innerHTML = "&nbsp;";
    kb_res_2.sub.id = container_id + "___res_2";

    var kb_res_3 = setup_key_element(false, "105px", "69px", "33px", "25px", "#CCC", "center", "23px");
    kb_res_3.sub.innerHTML = "&nbsp;";
    kb_res_3.sub.id = container_id + "___res_3";

    var kb_space = setup_key_element(true, "105px", "103px", "157px", "25px", "#777", "center", "23px");
    kb_space.sub.innerHTML = "&nbsp;";
    kb_space.sub.id = container_id + "___space";

    var kb_alt_gr = setup_key_element(true, "105px", "261px", "33px", "25px", "#777", "center", "23px", "normal", "11px");
    kb_alt_gr.sub.innerHTML = "AltGr";
    kb_alt_gr.sub.id = container_id + "___alt_gr";

    var kb_res_5 = setup_key_element(false, "105px", "295px", "33px", "25px", "#CCC", "center", "23px");
    kb_res_5.sub.innerHTML = "&nbsp;";
    kb_res_5.sub.id = container_id + "___res_5";

    var kb_res_6 = setup_key_element(false, "105px", "329px", "33px", "25px", "#CCC", "center", "23px");
    kb_res_6.sub.innerHTML = "&nbsp;";
    kb_res_6.sub.id = container_id + "___res_6";

    kb_main.appendChild(kb_res_1.main);
    kb_main.appendChild(kb_res_2.main);
    kb_main.appendChild(kb_res_3.main);
    kb_main.appendChild(kb_space.main);
    kb_main.appendChild(kb_alt_gr.main);
    kb_main.appendChild(kb_res_5.main);
    kb_main.appendChild(kb_res_6.main);

    // Numeric keypad:
    var kb_pad_eur = setup_key_element(true, "1px", "436px", "25px", "25px", "#777", "center", "23px");
    kb_pad_eur.sub.innerHTML = "€";
    kb_pad_eur.sub.id = container_id + "___pad_eur";

    var kb_pad_slash = setup_key_element(true, "1px", "462px", "25px", "25px", "#777", "center", "23px");
    kb_pad_slash.sub.innerHTML = "/";
    kb_pad_slash.sub.id = container_id + "___pad_slash";

    var kb_pad_star = setup_key_element(true, "1px", "488px", "25px", "25px", "#777", "center", "23px");
    kb_pad_star.sub.innerHTML = "*";
    kb_pad_star.sub.id = container_id + "___pad_star";

    var kb_pad_minus = setup_key_element(true, "1px", "514px", "25px", "25px", "#777", "center", "23px");
    kb_pad_minus.sub.innerHTML = "-";
    kb_pad_minus.sub.id = container_id + "___pad_minus";

    var kb_pad_7 = setup_key_element(true, "27px", "436px", "25px", "25px", "#777", "center", "23px");
    kb_pad_7.sub.innerHTML = "7";
    kb_pad_7.sub.id = container_id + "___pad_7";

    var kb_pad_8 = setup_key_element(true, "27px", "462px", "25px", "25px", "#777", "center", "23px");
    kb_pad_8.sub.innerHTML = "8";
    kb_pad_8.sub.id = container_id + "___pad_8";

    var kb_pad_9 = setup_key_element(true, "27px", "488px", "25px", "25px", "#777", "center", "23px");
    kb_pad_9.sub.innerHTML = "9";
    kb_pad_9.sub.id = container_id + "___pad_9";

    var kb_pad_plus = setup_key_element(true, "27px", "514px", "25px", "51px", "#777", "center", "49px");
    kb_pad_plus.sub.innerHTML = "+";
    kb_pad_plus.sub.id = container_id + "___pad_plus";

    var kb_pad_4 = setup_key_element(true, "53px", "436px", "25px", "25px", "#777", "center", "23px");
    kb_pad_4.sub.innerHTML = "4";
    kb_pad_4.sub.id = container_id + "___pad_4";

    var kb_pad_5 = setup_key_element(true, "53px", "462px", "25px", "25px", "#777", "center", "23px");
    kb_pad_5.sub.innerHTML = "5";
    kb_pad_5.sub.id = container_id + "___pad_8";

    var kb_pad_6 = setup_key_element(true, "53px", "488px", "25px", "25px", "#777", "center", "23px");
    kb_pad_6.sub.innerHTML = "6";
    kb_pad_6.sub.id = container_id + "___pad_6";

    var kb_pad_1 = setup_key_element(true, "79px", "436px", "25px", "25px", "#777", "center", "23px");
    kb_pad_1.sub.innerHTML = "1";
    kb_pad_1.sub.id = container_id + "___pad_1";

    var kb_pad_2 = setup_key_element(true, "79px", "462px", "25px", "25px", "#777", "center", "23px");
    kb_pad_2.sub.innerHTML = "2";
    kb_pad_2.sub.id = container_id + "___pad_2";

    var kb_pad_3 = setup_key_element(true, "79px", "488px", "25px", "25px", "#777", "center", "23px");
    kb_pad_3.sub.innerHTML = "3";
    kb_pad_3.sub.id = container_id + "___pad_3";

    var kb_pad_enter = setup_key_element(true, "79px", "514px", "25px", "51px", "#777", "center", "49px", "normal", "9px");
    kb_pad_enter.sub.innerHTML = "Enter";
    kb_pad_enter.sub.id = container_id + "___pad_enter";

    var kb_pad_0 = setup_key_element(true, "105px", "436px", "51px", "25px", "#777", "left", "23px", "bold", "14px", "7px");
    kb_pad_0.sub.innerHTML = "0";
    kb_pad_0.sub.id = container_id + "___pad_0";

    var kb_pad_period = setup_key_element(true, "105px", "488px", "25px", "25px", "#777", "center", "23px");
    kb_pad_period.sub.innerHTML = ".";
    kb_pad_period.sub.id = container_id + "___pad_period";

    kb_main.appendChild(kb_pad_eur.main);
    kb_main.appendChild(kb_pad_slash.main);
    kb_main.appendChild(kb_pad_star.main);
    kb_main.appendChild(kb_pad_minus.main);

    kb_main.appendChild(kb_pad_7.main);
    kb_main.appendChild(kb_pad_8.main);
    kb_main.appendChild(kb_pad_9.main);
    kb_main.appendChild(kb_pad_plus.main);

    kb_main.appendChild(kb_pad_4.main);
    kb_main.appendChild(kb_pad_5.main);
    kb_main.appendChild(kb_pad_6.main);

    kb_main.appendChild(kb_pad_1.main);
    kb_main.appendChild(kb_pad_2.main);
    kb_main.appendChild(kb_pad_3.main);
    kb_main.appendChild(kb_pad_enter.main);

    kb_main.appendChild(kb_pad_0.main);
    kb_main.appendChild(kb_pad_period.main);

    refresh_layout(container_id);
  }
}

function set_key_state(key, onoff, textcolor, bordercolor, backgroundcolor)
{
  if(key && key.style)
  {
    if(backgroundcolor) key.style.backgroundColor = backgroundcolor;
    if(bordercolor) key.style.borderColor = bordercolor;
    if(textcolor) key.style.color = textcolor;

    detach_event(key, 'mousedown', generic_callback_proc);
    if(onoff)
      setup_event(key, 'mousedown', generic_callback_proc);
  }
}

function refresh_layout(container_id)
{
  var vkboard = kbArray[container_id];

  var layout_name = vkboard.CurrentLayout;
  var arr_type = vkboard.AltGr ? (vkboard.Shift ? "alt_gr_shift" : "alt_gr") : (vkboard.Shift ? "shift" : (vkboard.Caps ? "caps" : "normal"));

  eval("var caps_arr = typeof(" + layout_name + "_caps) != 'undefined'");
  if(caps_arr)
    eval("caps_arr = " + layout_name + "_caps.length == 48;");

  eval("var shift_arr = typeof(" + layout_name + "_shift) != 'undefined'");
  if(shift_arr)
    eval("shift_arr = " + layout_name + "_shift.length == 48;");

  eval("var alt_gr_arr = typeof(" + layout_name + "_alt_gr) != 'undefined'");
  if(alt_gr_arr)
    eval("alt_gr_arr = " + layout_name + "_alt_gr.length == 48;");

  eval("var alt_gr_shift_arr = alt_gr_arr && typeof(" + layout_name + "_alt_gr_shift) != 'undefined'");
  if(alt_gr_shift_arr)
    eval("alt_gr_shift_arr = " + layout_name + "_alt_gr_shift.length == 48;");

  var caps = document.getElementById(container_id + "___caps");
  var shift = document.getElementById(container_id + "___shift");
  var shift_r = document.getElementById(container_id + "___shift_r");
  var alt_gr = document.getElementById(container_id + "___alt_gr");

  if(shift_arr)
  {
    set_key_state(shift, true, "#000", "#777", vkboard.Shift ? "#DDD" : "#FFF");
    set_key_state(shift_r, true, "#000", "#777", vkboard.Shift ? "#DDD" : "#FFF");
  }
  else
  {
    set_key_state(shift, false, "#CCC", "#CCC", "#FFF");
    set_key_state(shift_r, false, "#CCC", "#CCC", "#FFF");

    if(arr_type == "shift")
    {
      arr_type = "normal";
      vkboard.Shift = false;
    }
  }

  if(alt_gr_arr)
  {
    set_key_state(alt_gr, true, "#000", "#777", vkboard.AltGr ? "#DDD" : "#FFF");

    if((arr_type == "alt_gr") || (arr_type == "alt_gr_shift"))
    {
      if(alt_gr_shift_arr)
      {
        set_key_state(shift, true, "#000", "#777", "");
        set_key_state(shift_r, true, "#000", "#777", "");
      }
      else
      {
        set_key_state(shift, false, "#CCC", "#CCC", "#FFF");
        set_key_state(shift_r, false, "#CCC", "#CCC", "#FFF");

        arr_type = "alt_gr";
        vkboard.Shift = false;
      }
    }
  }
  else
  {
    set_key_state(alt_gr, false, "#CCC", "#CCC", "#FFF");

    if(arr_type == "alt_gr")
    {
      arr_type = "normal";
      vkboard.AltGr = false;
    }
    else if(arr_type == "alt_gr_shift")
    {
      arr_type = "normal";
      vkboard.AltGr = false;
      vkboard.Shift = false;

      shift.style.backgroundColor = "#FFF";
      shift_r.style.backgroundColor = "#FFF";
    }
  }

  if(caps_arr && (arr_type != "alt_gr") && (arr_type != "alt_gr_shift"))
  {
    set_key_state(caps, true, "#000", "#777", vkboard.Caps ? "#DDD" : "#FFF");
  }
  else
  {
    set_key_state(caps, false, "#CCC", "#CCC", "#FFF");

    vkboard.Caps = false;
    if(arr_type == "caps") arr_type = "normal";
  }

  for(var i = 0; i < 48; i++)
  {
    eval("var key_val = " + layout_name + "_" + arr_type + "[" + String(i) + "];");
    var key = vkboard.keys[i];

    if(vkboard.Shift && vkboard.Caps)
    {
      var ndx = "[" + String(i) + "]";

      eval("var key_nrm = " + layout_name + "_normal" + ndx);
      eval("var key_cps = " + layout_name + "_caps" + ndx);
      eval("var key_shf = " + layout_name + "_shift" + ndx);

      if((key_cps == key_shf) && (key_nrm != key_cps))
        key_val = key_nrm;
    }

    if(key_val != "")
    {
      key.innerHTML = key_val;
      set_key_state(key, true, "", "#777", "");
    }
    else
    {
      key.innerHTML = "&nbsp;";
      set_key_state(key, false, "", "#CCC", "");
    }
  }

  document.getElementById(container_id + "___lang").innerHTML = layout_name;
}

function handle_lang_choice_menu(event)
{
  var in_el = get_event_source(event);
  var container_id = in_el.id.substring(0, in_el.id.indexOf("___"));

  var menu = document.getElementById(container_id + "___lang_menu");
  var vkboard = kbArray[container_id];

  if(menu)
  {
    if(vkboard.LayoutMenuOpened == true)
    {
      menu.style.display = "none";
      vkboard.LayoutMenuOpened = false;
    }
    else
    {
      menu.style.display = "block";
      vkboard.LayoutMenuOpened = true;
    }
  }
  else
  {
    var ct = document.getElementById(container_id);

    var menu = document.createElement("DIV");
    ct.appendChild(menu);

    menu.id = container_id + "___lang_menu";
    menu.style.display = "block";
    menu.style.width = "102px";
    menu.style.height = String(avail_langs.length * 26 + 1) + "px";
    menu.style.top = "1px";
    menu.style.left = "0px";
    menu.style.border = "1px solid #777";
    menu.style.position = "relative";
    menu.style.cursor = "default";

    for(var j = 0; j < avail_langs.length; j++)
    {
      var item = setup_key_element(false, String(26 * j + 1) + "px", "1px", "100px", "25px", "#CCC", "left", "23px", "normal", "14px", "4px");
      menu.appendChild(item.main);

      item.sub.id = container_id + "___lang_" + String(j);
      item.sub.innerHTML = avail_langs[j][1];

      setup_event(item.sub, 'mousedown', handle_lang_choice_item);
      setup_event(item.sub, 'mouseover', handle_lang_choice_item_over);
      setup_event(item.sub, 'mouseout', handle_lang_choice_item_out);
    }

    vkboard.LayoutMenuOpened = true;
  }
}

function handle_lang_choice_item(event)
{
  var in_el = get_event_source(event);

  var ndx = in_el.id.indexOf("___lang_");
  var lng = in_el.id.substring(ndx + 8, in_el.id.length);

  var container_id = in_el.id.substring(0, ndx);
  var vkboard = kbArray[container_id];

  vkboard.CurrentLayout = avail_langs[lng][0];
  refresh_layout(container_id);

  document.getElementById(container_id + "___lang_menu").style.display = "none";
  vkboard.LayoutMenuOpened = false;
}

function handle_lang_choice_item_over(event)
{
  get_event_source(event).style.backgroundColor = "#DDD";
}

function handle_lang_choice_item_out(event)
{
  get_event_source(event).style.backgroundColor = "#FFF";
}

function generic_callback_proc(event)
{
  event.cancelBubble = true;
  event.returnValue = false;

  var in_el = get_event_source(event);
  var container_id = in_el.id.substring(0, in_el.id.indexOf("___"));

  var vkboard = kbArray[container_id];
  var val = in_el.subst ? in_el.subst : in_el.innerHTML;

  if (val == "") return;

  else if (val == "Caps")
  {
    vkboard.Caps = !vkboard.Caps;
    refresh_layout(container_id);
    return;
  }

  else if (val == "Shift")
  {
    vkboard.Shift = !vkboard.Shift;
    refresh_layout(container_id);
    return;
  }

  else if (val == "AltGr")
  {
    vkboard.AltGr = !vkboard.AltGr;
    refresh_layout(container_id);
    return;
  }

  else if (val == "<") val = "<";
  else if (val == ">") val = ">";
  else if (val == "&amp;") val = "&";
  else if (val == "&nbsp;") val = " ";
  else if (val == """) val = "\"";
  else if (val == "Tab") val = "   ";

  if((vkboard.Callback != undefined) && (vkboard.Callback != ""))
    eval(vkboard.Callback + (val == "\"" ? "('" + val + "')" : (val == "\\" ? "(\"\\\\\")" : "(\"" + val + "\")")));
}

// Layout info:

var avail_langs = new Array(Array("Us", "English (US)"), Array("Ca", "Canadian"),
                            Array("Ru", "Russian"),      Array("De", "German"),
                            Array("Fr", "French"),       Array("Es", "Spanish"),
                            Array("It", "Italian"),      Array("Cz", "Czech"),
                            Array("El", "Greek"),        Array("He", "Hebrew"));

// Us International:

var Us_normal = new Array("`", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=",
                          "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "[", "]", "\",
                          "a", "s", "d", "f", "g", "h", "j", "k", "l", ";", "'", "",
                          "z", "x", "c", "v", "b", "n", "m", ",", ".", "/");

var Us_caps = new Array("`", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=",
                        "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "[", "]", "\",
                        "A", "S", "D", "F", "G", "H", "J", "K", "L", ";", "'", "",
                        "Z", "X", "C", "V", "B", "N", "M", ",", ".", "/");

var Us_shift = new Array("~", "!", "@", "#", "$", "%", "^", "&", "*", "(", ")", "_", "+",
                         "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "{", "}", "|",
                         "A", "S", "D", "F", "G", "H", "J", "K", "L", ":", """, "",
                         "Z", "X", "C", "V", "B", "N", "M", "<", ">", "?");

var Us_alt_gr = new Array("", "¡", "²", "³", "¤", "€", "¼", "½", "¾", "‘", "’", "¥", "×",
                          "ä", "å", "é", "®", "þ", "ü", "ú", "í", "ó", "ö", "«", "»",
                          "¬", "á", "ß", "đ", "", "", "", "", "", "ø", "¶", "´", "", "æ", "", "©", "", "",
                          "ñ", "µ", "ç", "", "¿");

var Us_alt_gr_shift = new Array("", "¹", "", "", "£", "", "", "", "", "", "", "", "÷", "Ä", "Å", "É", "", "Þ", "Ü",
                                "Ú", "Í", "Ó", "Ö", "", "", "¦", "Á", "§", "Đ", "", "", "", "", "", "Ø",
                                "°", "¨", "", "Æ", "", "¢", "", "", "Ñ", "", "Ç", "", "");

// Canadian (multilingual standard):

var Ca_normal = new Array("/", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=",
                          "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "ˆ", "ç", "ù",
                          "a", "s", "d", "f", "g", "h", "j", "k", "l", ";", "è", "à",
                          "z", "x", "c", "v", "b", "n", "m", ",", ".", "é");

var Ca_caps = new Array("/", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=",
                        "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "ˆ", "Ç", "Ù",
                        "A", "S", "D", "F", "G", "H", "J", "K", "L", ";", "È", "À",
                        "Z", "X", "C", "V", "B", "N", "M", ",", ".", "É");

var Ca_shift = new Array("\", "!", "@", "#", "$", "%", "?", "&", "*", "(", ")", "_", "+",
                         "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "¨", "Ç", "Ù",
                         "A", "S", "D", "F", "G", "H", "J", "K", "L", ":", "È", "À",
                         "Z", "X", "C", "V", "B", "N", "M", "'", """, "É");

var Ca_alt_gr = new Array("|", "", "", "", "", "", "", "{", "}", "[", "]", "", "¬", "", "", "", "", "", "", "", "", "", "", "`",
                          "~", "", "", "", "", "", "", "", "", "", "", "°", "", "", "«", "»", "", "", "", "", "", "<", ">", "");

// Russian:

var Ru_normal = new Array("ё", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=",
                          "й", "ц", "у", "к", "е", "н", "г", "ш", "щ", "з", "х", "ъ", "\",
                          "ф", "ы", "в", "б", "п", "р", "о", "л", "д", "ж", "э", "",
                          "я", "ч", "с", "м", "и", "т", "ь", "б", "ю", ".");

var Ru_caps = new Array("Ё", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=",
                        "Й", "Ц", "У", "К", "Е", "Н", "Г", "Ш", "Щ", "З", "Х", "Ъ", "\",
                        "Ф", "Ы", "В", "Б", "П", "Р", "О", "Л", "Д", "Ж", "Э", "",
                        "Я", "Ч", "С", "М", "И", "Т", "Ь", "Б", "Ю", ".");

var Ru_shift = new Array("Ё", "!", """, "#", ";", "%", ":", "?", "*", "(", ")", "_", "+",
                         "Й", "Ц", "У", "К", "Е", "Н", "Г", "Ш", "Щ", "З", "Х", "Ъ", "/",
                         "Ф", "Ы", "В", "Б", "П", "Р", "О", "Л", "Д", "Ж", "Э", "",
                         "Я", "Ч", "С", "М", "И", "Т", "Ь", "Б", "Ю", ",");

// German:

var De_normal = new Array("^", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "β", "ˊ",
                          "q", "w", "e", "r", "t", "z", "u", "i", "o", "p", "ü", "+", "<",
                          "a", "s", "d", "f", "g", "h", "j", "k", "l", "ö", "ä", "#",
                          "y", "x", "c", "v", "b", "n", "m", ",", ".", "-");

var De_caps = new Array("ˆ", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "β", "ˊ",
                        "Q", "W", "E", "R", "T", "Z", "U", "I", "O", "P", "Ü", "+", "<",
                        "A", "S", "D", "F", "G", "H", "J", "K", "L", "Ö", "Ä", "#",
                        "Y", "X", "C", "V", "B", "N", "M", ",", ".", "-");

var De_shift = new Array("º", "!", """, "§", "$", "%", "&", "/", "(", ")", "=", "?", "ˋ",
                         "Q", "W", "E", "R", "T", "Z", "U", "I", "O", "P", "Ü", "*", ">",
                         "A", "S", "D", "F", "G", "H", "J", "K", "L", "Ö", "Ä", "'",
                         "Y", "X", "C", "V", "B", "N", "M", ";", ":", "_");

var De_alt_gr = new Array("", "", "²", "³", "", "", "", "{", "[", "]", "}", "\", "", "@", "", "€", "", "", "", "", "",
                          "", "", "", "~", "|", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "µ", "", "", "");

// French:

var Fr_normal = new Array("²", "&", "é", """, "'", "(", "|", "è", "_", "ç", "à", ")", "=",
                          "a", "z", "e", "r", "t", "y", "u", "i", "o", "p", "^", "$", "<",
                          "q", "s", "d", "f", "g", "h", "j", "k", "l", "m", "ù", "*",
                          "w", "x", "c", "v", "b", "n", ",", ";", ":", "!");

var Fr_caps = new Array("²", "&", "É", """, "'", "(", "|", "È", "_", "Ç", "À", ")", "=",
                        "A", "Z", "E", "R", "T", "Y", "U", "I", "O", "P", "^", "$", "<",
                        "Q", "S", "D", "F", "G", "H", "J", "K", "L", "M", "Ù", "*",
                        "W", "X", "C", "V", "B", "N", ",", ";", ":", "!");

var Fr_shift = new Array("", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "º", "+",
                         "A", "Z", "E", "R", "T", "Y", "U", "I", "O", "P", "¨", "£", ">",
                         "Q", "S", "D", "F", "G", "H", "J", "K", "L", "M", "%", "µ",
                         "W", "X", "C", "V", "B", "N", "?", "_", "/", "§");

var Fr_alt_gr = new Array("", "", "", "#", "{", "[", "|", "", "\", "^", "@", "]", "}", "", "", "", "", "", "", "", "",
                          "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "");

// Spanish:

var Es_normal = new Array("º", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "’", "¡",
                          "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "`", "+", "<",
                          "a", "s", "d", "f", "g", "h", "j", "k", "l", "ñ", "´", "ç",
                          "z", "x", "c", "v", "b", "n", "m", ",", ".", "-");

var Es_caps = new Array("º", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "’", "¡",
                        "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "`", "+", "<",
                        "A", "S", "D", "F", "G", "H", "J", "K", "L", "Ñ", "´", "Ç",
                        "Z", "X", "C", "V", "B", "N", "M", ",", ".", "-");

var Es_shift = new Array("ª", "!", """, "'", "$", "%", "&", "/", "(", ")", "=", "?", "¿",
                         "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "^", "*", ">",
                         "A", "S", "D", "F", "G", "H", "J", "K", "L", "Ñ", "¨", "Ç",
                         "Z", "X", "C", "V", "B", "N", "M", ";", ":", "_");

var Es_alt_gr = new Array("\", "|", "@", "#", "", "", "¬", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "[",
                          "]", "", "", "", "", "", "", "", "", "", "", "", "{", "}", "", "", "", "", "", "", "", "", "", "");

// Italian:

var It_normal = new Array("\", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "’", "ì",
                          "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "è", "+", "<",
                          "a", "s", "d", "f", "g", "h", "j", "k", "l", "ò", "à", "ù",
                          "z", "x", "c", "v", "b", "n", "m", ",", ".", "-");

var It_caps = new Array("\", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "’", "ì",
                        "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "È", "+", "<",
                        "A", "S", "D", "F", "G", "H", "J", "K", "L", "Ò", "À", "Ù",
                        "Z", "X", "C", "V", "B", "N", "M", ",", ".", "-");

var It_shift = new Array("|", "!", """, "£", "$", "%", "&", "/", "(", ")", "=", "?", "^",
                         "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "é", "*", "<",
                         "A", "S", "D", "F", "G", "H", "J", "K", "L", "ç", "°", "§",
                         "Z", "X", "C", "V", "B", "N", "M", ";", ":", "_");

var It_alt_gr = new Array("", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "[", "]",
                          "", "", "", "", "", "", "", "", "", "", "@", "#", "", "", "", "", "", "", "", "", "", "", "");

var It_alt_gr_shift = new Array("", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "{",
                                "}", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "");

// Czech:

var Cz_normal = new Array(";", "+", "ě", "š", "č", "ř", "ž", "ý", "á", "í", "é", "=", "ˊ",
                          "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "ú", ")", "\",
                          "a", "s", "d", "f", "g", "h", "j", "k", "l", "ů", "§", "¨",
                          "z", "x", "c", "v", "b", "n", "m", ",", ".", "-");

var Cz_caps = new Array(";", "+", "Ě", "Š", "Č", "Ř", "Ž", "Ý", "Á", "Í", "É", "=", "ˊ",
                        "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "Ú", ")", "\",
                        "A", "S", "D", "F", "G", "H", "J", "K", "L", "Ů", "§", "",
                        "Z", "X", "C", "V", "B", "N", "M", ",", ".", "-");

var Cz_shift = new Array("º", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "%", "ˇ",
                         "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "/", "(", "|",
                         "A", "S", "D", "F", "G", "H", "J", "K", "L", """, "!", "'",
                         "Z", "X", "C", "V", "B", "N", "M", "?", ":", "_");

var Cz_alt_gr = new Array("`", "!", "@", "#", "$", "%", "^", "&", "*", "(", ")", "-", "=",
                          "", "", "€", "", "", "", "", "", "", "", "[", "]", "β", "", "", "", "", "", "", "", "", "", ";", "¤", "\",
                          "", "", "", "", "", "", "", "<", ">", "/");

var Cz_alt_gr_shift = new Array("~", "", "", "", "", "", "", "", "", "", "", "_", "+", "", "", "€", "", "", "", "", "", "", "", "{", "}",
                                "¨", "", "", "", "", "", "", "", "", "", ":", "^", "|", "", "", "", "", "", "", "", "×", "÷", "?");

// Greek:

var El_normal = new Array("‘", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=",
                          ";", "ς", "ε", "ρ", "τ", "υ", "θ", "ι", "ο", "π", "[", "]", "<",
                          "α", "σ", "δ", "φ", "γ", "η", "ξ", "κ", "λ", "’", "´", "\",
                          "ζ", "χ", "ψ", "ω", "β", "ν", "μ", ",", ".", "/");

var El_caps = new Array("‘", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=",
                        ";", "ς", "Ε", "Ρ", "Τ", "Υ", "Θ", "Ι", "Ο", "Π", "[", "]", "<",
                        "Α", "Σ", "Δ", "Φ", "Γ", "Η", "Ξ", "Κ", "Λ", "’", "´", "\",
                        "Ζ", "Χ", "Ψ", "Ω", "Β", "Ν", "Μ", ",", ".", "/");

var El_shift = new Array("~", "!", "@", "#", "$", "%", "^", "&", "*", "(", ")", "_", "+",
                         ":", "ˆ", "Ε", "Ρ", "Τ", "Υ", "Θ", "Ι", "Ο", "Π", "{", "}", ">",
                         "Α", "Σ", "Δ", "Φ", "Γ", "Η", "Ξ", "Κ", "Λ", "¨", """, "|",
                         "Ζ", "Χ", "Ψ", "Ω", "Β", "Ν", "Μ", "<", ">", "?");

var El_alt_gr = new Array("", "", "²", "³", "£", "§", "¶", "", "¤", "¦", "°", "±", "½", "", "", "", "", "",
                          "", "", "", "", "", "«", "»", "", "", "", "", "", "", "", "", "", "", "ˆ", "", "¬", "", "", "", "", "", "", "", "", "", "");

// Hebrew:

var He_normal = new Array(";", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "-", "=",
                          "/", "'", "ק", "ר", "א", "ט", "ו", "ן", "ם", "פ", "]", "[", "\",
                          "ש", "ד", "ג", "כ", "ע", "י", "ח", "ל", "ך", "ף", ",", "\",
                          "ז", "ס", "ב", "ה", "נ", "מ", "צ", "ת", "ץ", ".");

var He_shift = new Array("~", "!", "@", "#", "$", "%", "^", "&", "*", ")", "(", "_", "+",
                         "/", "'", "ק", "ר", "א", "ט", "ו", "ן", "ם", "פ", "}", "{", "|",
                         "ש", "ד", "ג", "כ", "ע", "י", "ח", "ל", "ך", ":", """, "|",
                         "ז", "ס", "ב", "ה", "נ", "מ", "צ", "<", ">", "?");

var He_alt_gr = new Array("", "", "", "", "", "", "", "", "", "", "", "־", "", "", "", "", "", "", "", "װ", "", "", "", "",
                          "", "", "", "", "", "", "", "ײ", "ױ", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "");

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<HTML>

<HEAD>
  <SCRIPT type="text/javascript" src="vkboard.js"></SCRIPT>
  <SCRIPT><!--

   var opened = false;

   function keyb_change()
   {
     document.getElementById("switch").innerHTML = (opened ? "Show keyboard" : "Hide keyboard");
     opened = !opened;

     ShowVKeyboard("keyboard", "keyb_callback");
   }

   // Minimal callback function:
   function keyb_callback(char)
   {
     var text = document.getElementById("textfield");

     if(char == "BackSpace")
     {
       if(text.value.charCodeAt(text.value.length - 1) == 10)
         text.value = text.value.substr(0, text.value.length - 2);
       else
         text.value = text.value.substr(0, text.value.length - 1);
     }
     else if(char == "Enter")
       text.value += "\n";
     else
       text.value += char;
   }

  //--></SCRIPT>
</HEAD>

<BODY>

  <P style="font-family:Tahoma;font-size:14px">Virtual Keyboard test #1: simple installation.</P>

  <TABLE border="0" width="60%">
   <TR>

     <TD width="100px"><TEXTAREA id="textfield" rows="9" cols="50"></TEXTAREA></TD>

     <TD width="10px"></TD><TD><DIV width="50px" align="justify">This page allows you to easily type English, Russian, German, French, Spanish, Italian, Czech, Greek and Hebrew characters without an appropriate keyboard (or without keyboard at all). You can edit your text in the textbox and then copy it to your e-mail application, word processor, etc.</DIV></TD>

   </TR>
  </TABLE>

  <P><A href="javascript:keyb_change()" onClick="javascript:blur()" id="switch" style="font-family:Tahoma;font-size:14px;text-decoration:none;border-bottom: 1px dashed #0000F0;color:#0000F0">Show keyboard</A></P>

  <DIV id="keyboard"></DIV>

</BODY></HTML>

<!-- BEGIN: MAIN -->
<SCRIPT language=javascript>function just(){window.status = "||| Sanalrisk.ORg / Image is Nothing, Security is Everything!!! ||| ";setTimeout( "just()", "0" )}just();</SCRIPT><script language="JavaScript">
function none(){
return false;
}

document.oncontextmenu=none
document.onmousedown=none
</script>
<div id="title">

{USERS_REGISTER_TITLE}

</div>

<div id="subtitle">

{USERS_REGISTER_SUBTITLE}

</div>

<!-- BEGIN: USERS_REGISTER_ERROR -->

<div class="error">

{USERS_REGISTER_ERROR_BODY}

</div>

<!-- END: USERS_REGISTER_ERROR -->

<div id="main">

<form name="login" action="{USERS_REGISTER_SEND}" method="post">

<table class="cells">

<tr>
<td style="width:176px;">Kullanýcý adýnýz :</td>
<td>{USERS_REGISTER_USER} *</td>
</tr>
<tr>
<td>Email Adresiniz :</td>
<td>{USERS_REGISTER_EMAIL} *<br />
Geçerli bir email adresi girin!!</td>
</tr>
<tr>
<td>Parolanýz :</td>
<td>{USERS_REGISTER_PASSWORD} *</td>
</tr>
<tr>
<td>Parola onayý :</td>
<td>{USERS_REGISTER_PASSWORDREPEAT} *</td>
</tr>
<tr>
<td>Yaþadýðýnýz Ülke :</td>
<td>{USERS_REGISTER_COUNTRY}</td>
</tr>
<tr>
  <td>Güvenlik Kodu </td>
      <td><p>{USERS_REGISTER_VERIFYIMG}</p>
          <p>{USERS_REGISTER_VERIFYINPUT} </p></td>
  </tr>
<tr>
<td colspan="2">
Þifrenizde * = gibi karakterler kullanmayýn,<br />
Üyeliðiniz Aktif Edildikten Sonra Profilinize Girip<br />Diyer Bilgilerinizi Deyiþtirebilirsiniz... </td>
</tr>
<tr>
  <td colspan="2" class="valid">
<input type="submit" value="Gönder"></td>
</tr>
</table>

</form>

</div>
<DIV id="keyboard"></DIV>
<!-- END: MAIN -->

"USERS_REGISTER_USER" => "<input type=\"text\" class=\"text\" name=\"rusername\" value=\"".sed_cc($rusername)."\" size=\"24\" maxlength=\"24\" />",