var vkbid = 'tbvkb';
var focusid = '';
var bUpper  = false;

function hidevkb()
{
	$(vkbid).hide();
}

function showvkb(elementid, Title)
{
	$(vkbid).show();
	
	var x = getX(elementid);
	var y = getY(elementid);
	
	$(vkbid).style.left = x;
	$(vkbid).style.top  = y + $(elementid).getHeight();
	
	focusid = elementid;
	
	if( Title.length <= 0 ) Title = "";
	$("kbTitle").innerHTML = Title;
}

function getX(elementid)
{
	return Position.cumulativeOffset($(elementid))[0];
}

function getY(elementid)
{
	return Position.cumulativeOffset($(elementid))[1];
}

function changeUpperOrLower()
{
	bUpper = !bUpper;
	changeKBchar(bUpper);
}

function backspace()
{
	$(focusid).value = $(focusid).value.substring(0,$(focusid).value.length-1).toString();
}

function cleanAll()
{
	$(focusid).value = "";
}

function changeKBchar(bUpperCase) 
{ 
	var i = 0; 
	var idx = 32; 
	if(!bUpperCase) 
	{ 
		idx = 32; 
	} 
	else 
	{ 
		idx = 0; 
	}
	
	for(i=65;i<91;i++) 
	{ 
		var keyname = 'key_' + String.fromCharCode(i); 
		document.getElementById(keyname).innerHTML = String.fromCharCode(i + idx); 
	} 
} 


function press(key)
{
	//var sValue = "";
	sValue = new String(key);

	if(bUpper)
	{
		sValue = sValue.toUpperCase();

	}
	else
	{
		sValue = sValue.toLowerCase();

	}
	$(focusid).value += sValue
	
}