$(document).ready(function(){
    var campo = nm_identificacao;
	var shifton = false;
	
	var height = $('#'+position_control).height();
	var pos = $("#"+position_control).show().position();
	
	leftVal = pos.left+70;
	topVal = pos.top-53;
	
	$('#keyboard').css({left:leftVal,top:topVal}).toggle();
	
	$("#keyboard").draggable();	
	
	function onShift(e) {
		var i;
		if(e==1) {
			for(i=0;i<4;i++) {
				var rowid = "#row" + i;
				$(rowid).hide();
				$(rowid+"_shift").show();
			}
		}
		else {
			for(i=0;i<4;i++) {
				var rowid = "#row" + i;
				$(rowid).show();
				$(rowid+"_shift").hide();
			}
		}
	 }
	
	$("#"+nm_identificacao).focus(function(e){
	    campo = nm_identificacao;
	    inputTextEnd(campo);
	});
	
	$("#"+nm_senha).focus(function(e){
	    campo = nm_senha;
	    inputTextEnd(campo);
	});
	
	$("#keyboard input").mouseout(function(e){
	    $("#keyboard input").css({color:'black'});
	    //$("#keyboard input").css({opacity: 1.0});
	});
	
	$("#keyboard input").bind("click", function(e) {
	    
	    //$("#keyboard input").css({opacity: 0.0});
	    $("#keyboard input").css({color:'#B6E0DB'});

		if( $(this).val() == 'Apagar' ) {
			inputTextEnd(campo);
			$('#'+campo).replaceSelection("", true);
		}
		else if( $(this).val() == 'Enter' ) {
		    $('form#'+form_name).submit();
		}
		else if( $(this).val() == 'Tab' ) {
		    if(campo==nm_identificacao){ campo = nm_senha;}else{campo = nm_identificacao;}
		    $('#'+campo).focus();
		}
		else if( $(this).val() == "Shift" ) {
			if(shifton == false) {
				onShift(1);	
				shifton = true;
			}
			else {
				onShift(0);
				shifton = false;
			} 
		}
		else {
			inputTextEnd(campo);
			$('#'+campo).replaceSelection($(this).val().toLowerCase(), true);
			
			if(shifton == true) {
				onShift(0);
				shifton = false;
			}
		}
	});
	
	function inputTextEnd(input)
    {
        var t2 = document.getElementById(input);
        t2.focus(); 
        t2.value = t2.value; 
    }
    
    $('#'+nm_identificacao).click(function() {
        campo = nm_identificacao;
    });
    
    $('#'+nm_senha).click(function() {
        campo = nm_senha;
    });
});