var varFonction="DigiActiveTouche(correspTouche(e))"
var num="0";
var numBuf="8"; // détermine le nombre de chiffre à afficher
var pos=0;
var code=new Array();
var c=new Array();
var cv="<FONT COLOR='#d2d0ed'>0</FONT>";

for (var f = 0; f < numBuf; f++) {
	code[f]="v";
	//esss="<span id=pngBuf"+f+">0</span>";
} 

for (var i = 0; i <= 10; i++) {
	n = i-1 ;
	val="<FONT COLOR='#ffffff'>"+n+"</FONT>"; 
	c[n]=val;
}
function affiche() {
	for (var f = 0; f < numBuf; f++) {
		if (document.getElementById('pngBuf'+f)) {
			if (code[f]!="v") {
				document.getElementById('pngBuf'+f).innerHTML=c[code[f]];
				} else {
				document.getElementById('pngBuf'+f).innerHTML=cv;
			}
		}
	}
}
function nouveau(num) {
	if (pos<numBuf) {
		for (var f = 1; f < numBuf; f++) {
			code[f-1]=code[f];
		}
		code[numBuf-1]=eval(num);
		pos+=1;
	}
	affiche();
}
function ok() {
	password="";
	for (var f = 0; f < numBuf; f++) {
		if (code[f]!="v") {
			password+=code[f];
		}
	}
	var locate;
	locate = password ;
	setTimeout("request_log("+locate+", "+locate+")", 10) ;
	cancel();
}
function cancel() {
	for (var f = 0; f < numBuf; f++) {
		code[f]="v";
	}
	pos = 0;
	affiche();
}

creatTR() ;
var nColonne = 4 ; // disposition des touches, ici le nombre de colonne
var nCellule = 3 ;   // disposition des touches, ici le nombre de cellule


function creatTR () {
	for (var i = 0; i <= nColonne; i++) {
		tr = creatTD(i) ;
		document.getElementById('touche').innerHTML+="<table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>"+tr+"</tr></table>";
	}
}
function creatTD (n) {
	var td = new Array() ;
	nd = (nCellule*n)-nCellule ;
	nc = nd+nCellule ;
	nColor = "#bebddc" ;
	for (var i = nd; i < nc; i++) {
		t = i+1;
		var lienTouche ="<a class=\"boutton01\" id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
		switch (t) {
			case 1:
				var t = 1 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-right:1px solid "+nColor+";border-bottom:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 2:
				var t = 2 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-right:1px solid "+nColor+";border-left:1px solid "+nColor+";border-bottom:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 3:
				var t = 3 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-left:1px solid "+nColor+";border-bottom:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 4:
				var t = 4 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-right:1px solid "+nColor+";border-bottom:1px solid "+nColor+";border-top:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 5:
				var t = 5 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-bottom:1px solid "+nColor+";border-right:1px solid "+nColor+";border-left:1px solid "+nColor+";border-top:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 6:
				var t = 6 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-bottom:1px solid "+nColor+";border-left:1px solid "+nColor+";border-top:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 7:
				var t = 7 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-right:1px solid "+nColor+";border-bottom:1px solid "+nColor+";border-top:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 8:
				var t = 8 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-bottom:1px solid "+nColor+";border-right:1px solid "+nColor+";border-left:1px solid "+nColor+";border-top:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 9:
				var t = 9 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-bottom:1px solid "+nColor+";border-left:1px solid "+nColor+";border-top:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 10:
				var t = "v" ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-right:1px solid "+nColor+";border-top:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:cancel()\">eff</a>";
			break;
			case 11:
				var t = 0 ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-right:1px solid "+nColor+";border-left:1px solid "+nColor+";border-top:1px solid "+nColor+";\"  id=\"bout0"+t+"\"  HREF=\"javascript:nouveau('"+t+"')\">"+t+"</a>";
			break;
			case 12:
				var t = "vv" ;
				var lienTouche ="<a class=\"boutton01\" style=\"border-left:1px solid "+nColor+";border-top:1px solid "+nColor+";\" id=\"bout0"+t+"\"  HREF=\"javascript:ok()\">val</a>";
			break;
			default:
			break;
			}
		td[i] ="<td border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+lienTouche+"</td>" ;
	} 
	return td.join("") ;
}

var ess="";
document.onkeydown = toucheEnfoncee;
document.onkeypress = toucheMaintenueEnfoncee;
document.onkeyup = toucheRelachee;
var statusTouche=0;

function toucheEnfoncee(e) {
	statusTouche=1;
	majEvenement(e);
}
function toucheMaintenueEnfoncee(e) {
	statusTouche=2;
	majEvenement(e);
}
function toucheRelachee(e) {
	statusTouche=3;
	majEvenement(e);
}
function majEvenement(e) {
	codeTouche(e);
	correspTouche(e);
	toucheCtrl(e);
	toucheAlt(e);
	toucheShift(e);
	if(varFonction) {
		eval(varFonction);
	}
}
function DigiActiveTouche(a) {
	r = verif_numeric(a);
	if (r == true) {
		ac="nouveau(a)" ;
		a=a;
		hackDigiActiveTouche (a,ac);
	} else {
		if (a=="Entree") {
			ac="ok()" ;
			a="vv";
			hackDigiActiveTouche (a,ac);
		}
		if (a=="Suppr" | a=="Retour arriere") {
			ac="cancel()" ;
			a="v";
			hackDigiActiveTouche (a,ac);
		}
	}
}
function hackDigiActiveTouche (a,ac) {
	switch (statusTouche) {
		case 1:
			document.getElementById('bout0'+a).className="boutton001";
			if (ie | (op & ac=="cancel()") | (kq & ac=="cancel()")) {
				eval(ac);
				if(op | kq) {
					document.getElementById('bout0'+a).className="boutton001";
					//setTimeout("hackDigiActiveTouche2('"+a+"','"+ac+"')", 100) ;
				}
			}
		break;
		case 2:
			document.getElementById('bout0'+a).className="boutton001";
			eval(ac);
			if(op | kq) {
				document.getElementById('bout0'+a).className="boutton01";
				//setTimeout("hackDigiActiveTouche2('"+a+"','"+ac+"')", 100) ;
			}
		break;
		case 3:
			document.getElementById('bout0'+a).className="boutton01";
		break;
		default:
			document.getElementById('bout0'+a).className="boutton01";
		break;
	} 
	statusTouche=0;
}
function hackDigiActiveTouche2 (a,ac) {
	alert("digi.js");document.getElementById('bout0'+a).className="boutton01";
}
 
