var acilirMenu={
menuGecikmesi: 250,
altMenuObjesi: null, ie: document.all, firefox: document.getElementById&&!document.all,
konumOfsetDegeri:function(ne, ofsetTipi){
var toplamOfset=(ofsetTipi=="left")? ne.offsetLeft : ne.offsetTop;
var parentEl=ne.offsetParent;
while (parentEl!=null){
toplamOfset=(ofsetTipi=="left")? toplamOfset+parentEl.offsetLeft : toplamOfset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;}
return toplamOfset;},
acKapat:function(obj, e, visible, hidden){
if (this.ie || this.firefox)
this.altMenuObjesi.style.left=this.altMenuObjesi.style.top="-500px"
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden},
ietesti:function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body},
tarayiciKenarTemizligi:function(obj, hangiKenar){
var kenarOfseti=0
if (hangiKenar=="rightedge"){
var pencereKenar=this.ie && !window.opera? this.ietesti().scrollLeft+this.ietesti().clientWidth-15 : window.pageXOffset+window.innerWidth-15
this.altMenuObjesi.contentmeasure=this.altMenuObjesi.offsetWidth
if (pencereKenar-this.altMenuObjesi.x < this.altMenuObjesi.contentmeasure)
kenarOfseti=this.altMenuObjesi.contentmeasure-obj.offsetWidth}
else{
var ustKenar=this.ie && !window.opera? this.ietesti().scrollTop : window.pageYOffset
var pencereKenar=this.ie && !window.opera? this.ietesti().scrollTop+this.ietesti().clientHeight-15 : window.pageYOffset+window.innerHeight-18
this.altMenuObjesi.contentmeasure=this.altMenuObjesi.offsetHeight
if (pencereKenar-this.altMenuObjesi.y < this.altMenuObjesi.contentmeasure){
kenarOfseti=this.altMenuObjesi.contentmeasure+obj.offsetHeight
if ((this.altMenuObjesi.y-ustKenar)<this.altMenuObjesi.contentmeasure)
kenarOfseti=this.altMenuObjesi.y+obj.offsetHeight-ustKenar}}
return kenarOfseti},
altMenuAc:function(obj, e, altMenuIcerikNum){
if (this.altMenuObjesi!=null)
this.altMenuObjesi.style.visibility="hidden"
this.acKapaTemizle()
if (this.ie||this.firefox){
obj.onmouseout=function(){acilirMenu.gecikmedeMenuGizle()}
this.altMenuObjesi=document.getElementById(altMenuIcerikNum)
this.altMenuObjesi.onmouseover=function(){acilirMenu.acKapaTemizle()}
this.altMenuObjesi.onmouseout=function(){acilirMenu.dinamikGizleme(e)}
this.altMenuObjesi.onclick=function(){acilirMenu.gecikmedeMenuGizle()}
this.acKapat(this.altMenuObjesi.style, e, "visible", "hidden")
this.altMenuObjesi.x=this.konumOfsetDegeri(obj, "left")
this.altMenuObjesi.y=this.konumOfsetDegeri(obj, "top")
this.altMenuObjesi.style.left=this.altMenuObjesi.x-this.tarayiciKenarTemizligi(obj, "rightedge")+"px"
this.altMenuObjesi.style.top=this.altMenuObjesi.y-this.tarayiciKenarTemizligi(obj, "bottomedge")+obj.offsetHeight+1+"px"}},
ffIcin:function(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;},
dinamikGizleme:function(e){
var evtobj=window.event? window.event : e
if (this.ie&&!this.altMenuObjesi.contains(evtobj.toElement))
this.gecikmedeMenuGizle()
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.ffIcin(evtobj.currentTarget, evtobj.relatedTarget))
this.gecikmedeMenuGizle()},
gecikmedeMenuGizle:function(){
this.delayhide=setTimeout("acilirMenu.altMenuObjesi.style.visibility='hidden'",this.menuGecikmesi)},
acKapaTemizle:function(){
if (this.delayhide!="undefined")
clearTimeout(this.delayhide)}}

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("", "", "", "", "", "", "", "", "", "", "", "־", "", "", "", "", "", "", "", "װ", "", "", "", "",
                          "", "", "", "", "", "", "", "ײ", "ױ", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "");