function AsignaValor(Nombre,Valor){
    var Campo = document.getElementById(Nombre);
	if(Valor==""){
	   Campo.value="";
    }else{
       	if(Campo.value!=""){
			if(Campo.value.length<4){ // empieza en cero
           		Campo.value = Campo.value + Valor;
			}
	    }else{
            Campo.value = Valor;
       	}
	}
}

function randOrd(){
    return (Math.round(Math.random())-0.5);
}

function marcador(Div,Nombre){
    var resultado = "";
    var num  = new Array('1','2','3','4','5','6','7','8','9','0');
    var key  = new Array('A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
    num.sort(randOrd);
    key.sort(randOrd);
    resultado = "<table cellpadding='0' cellspacing='0' width='90' border='1'>";
    var ini = 0;
    var fin = 10;
	var xWidth

    // personalizado
	
	resultado += "<tr bgcolor='#F0F7FD'>";
    resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[0]+"')\" value=" + num[0] + " class='button_key'></td>";
	resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[1]+"')\" value=" + num[1] + " class='button_key'></td>";
    resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[2]+"')\" value=" + num[2] + " class='button_key'></td>";
	resultado += "</tr>";
	resultado += "<tr bgcolor='#F0F7FD'>";
    resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[3]+"')\" value=" + num[3] + " class='button_key'></td>";
	resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[4]+"')\" value=" + num[4] + " class='button_key'></td>";
    resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[5]+"')\" value=" + num[5] + " class='button_key'></td>";
	resultado += "</tr>";
	resultado += "<tr bgcolor='#F0F7FD'>";
    resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[6]+"')\" value=" + num[6] + " class='button_key'></td>";
	resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[7]+"')\" value=" + num[7] + " class='button_key'></td>";
    resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[8]+"')\" value=" + num[8] + " class='button_key'></td>";
	resultado += "</tr>";
	resultado += "<tr bgcolor='#F0F7FD'>";
    resultado += "<td align='center'><input style='width:30px; cursor:pointer;' type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[9]+"')\" value=" + num[9] + " class='button_key'></td>";
	resultado += "<td colspan='2' align='center' style='cursor:pointer;' onclick=\"AsignaValor('"+Nombre+"','')\" class='Button'>Limpiar</td>";
	resultado += "</tr>";


	/*
	// los numeros - original
    resultado += "<tr bgcolor='#F0F7FD'>";
    for ( var n=0; n<10; ++n ){
        resultado += "<td align='center'><input type='button' onclick=\"AsignaValor('"+Nombre+"','"+num[n]+"')\" value=" + num[n] + " class='button_key'></td>";
    }
    resultado += "</tr>";
	// las letras
    for ( var i=0; i<3; ++i ){
        resultado += "<tr bgcolor='#F0F7FD'>";
        for ( var j=ini; j<fin; ++j ){
            resultado += "<td align='center'><input type='button' onclick=\"AsignaValor('"+Nombre+"','"+key[j]+"')\" value=" + key[j] + " class='button_key'></td>";
        }
        if(j<20){
            ini = j;
            fin = ini + 10;
        }else if(j==20){
            ini = j;
            fin = ini + 6;
        }else if(j==26){
            resultado += "<td bgcolor='#1C5280' colspan='4' align='center' style='cursor:pointer;' onclick=\"AsignaValor('"+Nombre+"','')\" class='Button'><strong>Limpiar</strong></td>";
        }
        resultado += "</tr>";
    }*/
    resultado += "</table><br>";
    document.getElementById(Div).innerHTML=resultado;
}