$(document).ready(function() {

            $(".teclas").click(function(e) {          
				e.preventDefault();
                var pass = $("#pass").val();
                $("#pass").val(pass+$(this).val());
            });
            $(".teclas_space").click(function(e) {          
				e.preventDefault();
                var pass = $("#pass").val();
                $("#pass").val(pass+$(this).val());
            });
            $(".teclas_back").click(function(e) {          
				e.preventDefault();
                var pass = $("#pass").val();
                $("#pass").val(pass.substr(0,pass.length-1));
            });
			
		 	$(".shift").click(function(e) {          
				e.preventDefault();
                var shift = $("#shift").val();
				shift*=-1;
				$("#shift").val(shift);
                if (shift==1){
					$(".teclas").each(function(){
						var tecla = $(this).val().toUpperCase();
						$(this).attr("value",tecla);						
					})
                }else{
					$(".teclas").each(function(){
						var tecla = $(this).val().toLowerCase();
						$(this).attr("value",tecla);						
					})                	
                }
            });
			            			            
			
        });