// 1 2 3 4 5 6 7 8 9 0 ( ) " ' 
// # & | / AND OR NOT - + ~ = $ : пробел backspace

var special2 = new Array("~","#","^","@", "\\","/",":","№");
var special = new Array("ї","ü","ö","ä","ß","œ","ç","°","ñ", "è");
var qwerty = new Array("ё","й","ц","у","к","е","н","г","ш","щ","з","х","ъ","n","ф","ы","в","а","п","р","о","л","д","ж","э","n","я","ч","с","м","и","т","ь","б","ю");
var abc = new Array("а","б","в","г","д","е","ё","ж","з","и","й","к","л","n","м","н","о","п","р","с","т","у","ф","х","ц","n","ч","ш","щ","ь","ы","ъ","э","ю","я");

function storeCaret(element){ 
    if (document.selection && document.selection.createRange) 
    element.caretPos=document.selection.createRange().duplicate(); 
} 

function insertText(el,text){ 
    el.focus();
    if ( typeof el.setSelectionRange != 'undefined' ) {
        var oldSelectionStart = el.selectionStart, oldSelectionEnd = el.selectionEnd;
        el.value = el.value.substring(0, oldSelectionStart) + text + el.value.substring(oldSelectionEnd);
        el.setSelectionRange(oldSelectionStart + text.length,oldSelectionStart + text.length);
    } else {
        if ( typeof(el.createTextRange) != "undefined" && el.caretPos ) {
            var caretPos = el.caretPos;
            caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
            caretPos.select();
        } else {
            el.value += text;
        }
    }
    el.focus();
}
function write_button(letter){
	if(letter == 'n'){
		str+='<br />';
	}else{
		str+='<input type="button" onclick="insertText(sq,\''+letter+'\');" value=" '+letter+' " />';
	}
}

str='';
str+='<div id="keyboard" style="display: none;">';
if (document.getElementById){str+='<div id="qwerty">';}
for (i=0;i<35;i++){write_button(qwerty[i])}
if (document.getElementById){str+='<br /><div class="t"><a href="" onclick="showabc(); return false;">Сортировать по алфавиту</a></div></div><div id="abc" style="display: none">';}
if (document.getElementById){for (i=0;i<35;i++){write_button(abc[i])}}
if (document.getElementById){str+='<br /><div class="t"><a href="" onclick="showqwerty(); return false;">Сортировать по qwerty</a></div></div>';}
str+='<br>';
for (i=0;i<special.length;i++){write_button(special[i])}
//str+='<br>';
//for (i=0;i<special2.length;i++){write_button(special2[i])}
str+='</div>';

document.getElementById('keyboard-inner').innerHTML = str;

//SKD('keyboard','block');
SKD('qwerty','block');
SKD('abc','none');

function showabc(){	SKD('abc','block');	SKD('qwerty','none');}
function showqwerty(){	SKD('qwerty','block'); 	SKD('abc','none'); }