<!--
var nbrediv = 12, dx = 0, dy = 0;
 var current = null;
rep=new Array(nbrediv);
for (i=0; i<nbrediv; i ++) rep[i]=-1;
 var score = 0, scoreneg = 0; 
 sol=new Array(nbrediv);
sol[0]=0;sol[1]=1;sol[2]=2;sol[3]=3;sol[4]=4;sol[5]=5;sol[6]=6;sol[7]=7;sol[8]=8;sol[9]=9;sol[10]=10;sol[11]=11;
 ht=new Array (nbrediv);
ht[0]=87;ht[1]=124;ht[2]=159;ht[3]=198;ht[4]=238;ht[5]=277;ht[6]=313;ht[7]=350;ht[8]=385;ht[9]=424;ht[10]=465;ht[11]=509;
 gau = new Array(nbrediv);
gau[0]=298;gau[1]=296;gau[2]=299;gau[3]=298;gau[4]=299;gau[5]=303;gau[6]=303;gau[7]=303;gau[8]=303;gau[9]=304;gau[10]=303;gau[11]=305;
 var num = 0; var hauteur = 0; var gauche = 0;

 if (!document.all && document.getElementById) alert("Prenez les étiquettes par les coins pour les déplacer")
function init() {
 	if (document.captureEvents) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
	}
	document.onmousedown = startDrag;
 document.onmouseup = endDrag;
}
 function startDrag(e) {
 num = -1;hauteur=0; gauche =0;
 var found = false; 
 var i = nbrediv;
 if (document.layers) {
  var zIndexGefunden = 0;
 var gefunden = "";
 while (i > 0) {
  i--;
  name="Layer"+i;
  if ((e.pageX > document.layers[name].left) && 
   (e.pageX < document.layers[name].left + document.layers[name].clip.width) &&
   (e.pageY > document.layers[name].top) &&
   (e.pageY < document.layers[name].top + document.layers[name].clip.height)) {
   if (document.layers[name].zIndex > zIndexGefunden) {
   found = true;
   gefunden = name;
   num = i;
   zIndexGefunden = document.layers[name].zIndex;
  }}}
if (found) {
 current = document.layers[gefunden];
 dx = e.pageX - current.left;
 dy = e.pageY - current.top;
 document.captureEvents(Event.MOUSEMOVE);
 document.onmousemove = drag;
 return false;
 }}
else {	if (document.all) {
 var obj = window.event.srcElement;
 if ((obj.parentElement != null) && (obj.parentElement.id.indexOf("Layer")  != -1)) {
 current = obj.parentElement.style;
 num = obj.parentElement.id.slice(5,7);
 if (num < nbrediv) {
 dx = window.event.clientX - current.pixelLeft;
 dy = window.event.clientY - current.pixelTop;
 document.onmousemove = drag;
  return false;
  }}}
 else {if (document.getElementById) {
 var obj = e.target;
 if  ((obj.parentNode.id != null) && (obj.parentNode.id.indexOf("Layer") != -1)) {
   current = obj.parentNode.style; 
   num = obj.parentNode.id.slice(5,7);
 if (num < nbrediv) {
   dx = e.clientX - parseInt(current.left); 
   dy = e.clientY - parseInt(current.top);
   document.captureEvents(Event.MOUSEMOVE); 
   document.onmousemove = drag;
   return false; 
   }}}}}
   current = null;
   return false;
  }

 function drag(e) {
 if (current != null && num < nbrediv) {
   if (document.layers) {
   current.top = e.pageY - dy;current.left = e.pageX - dx; 
   hauteur = current.top;gauche = current.left;
  } 
  else {if (document.all) {
   current.pixelTop = window.event.clientY - dy; 
   hauteur = current.pixelTop;
   current.pixelLeft = window.event.clientX - dx;
   gauche = current.pixelLeft;
  }
  else {if (document.getElementById) {
   current.top = parseInt(e.clientY) - dy;
   current.left = parseInt(e.clientX) - dx;
   hauteur = current.top.substr(0,current.top.length - 2);
   gauche = current.left.substr(0,current.left.length - 2); 
  }}}}
   return false; 
} 
function endDrag(e) {
  if (!document.all) { document.releaseEvents(Event.MOUSEMOVE); }
if (hauteur>514 && hauteur<552 && gauche>788 && gauche<868) { rep[num]=0; } 
 else if (hauteur>119 && hauteur<157 && gauche>384 && gauche<464) { rep[num]=1; } 
 else if (hauteur>338 && hauteur<376 && gauche>449 && gauche<529) { rep[num]=2; } 
 else if (hauteur>337 && hauteur<375 && gauche>789 && gauche<869) { rep[num]=3; } 
 else if (hauteur>418 && hauteur<456 && gauche>391 && gauche<471) { rep[num]=4; } 
 else if (hauteur>254 && hauteur<292 && gauche>526 && gauche<606) { rep[num]=5; } 
 else if (hauteur>254 && hauteur<292 && gauche>685 && gauche<765) { rep[num]=6; } 
 else if (hauteur>92 && hauteur<130 && gauche>744 && gauche<824) { rep[num]=7; } 
 else if (hauteur>258 && hauteur<296 && gauche>422 && gauche<502) { rep[num]=8; } 
 else if (hauteur>336 && hauteur<374 && gauche>592 && gauche<672) { rep[num]=9; } 
 else if (hauteur>254 && hauteur<292 && gauche>795 && gauche<875) { rep[num]=10; } 
 else if (hauteur>431 && hauteur<469 && gauche>792 && gauche<872) { rep[num]=11; } 
 else rep[num]= -1; 
 if (num>-1) { 
 name = "Layer"+num; 
 if  ((num<12) && (rep[num]==sol[num])) { 
 fscore(); 
 } 
  else { 
 if(num<12){  
 scoreneg --; fscore() 
 if (document.layers){
 document.layers[name].top = ht[num];
 document.layers[name].left = gau[num];
 }
 else if (document.all) { 
  document.all[name].style.top = ht[num];
 document.all[name].style.left = gau[num]; 
 }
 else if (document.getElementById) {
 document.getElementById(name).style.top = ht[num];
 document.getElementById(name).style.left = gau[num];
 }}}
 } 
 document.onmousemove = null;
  current = null; 
  return false;
 } 
 function fscore(){ 
 score = 0; 
 for (i=0; i<nbrediv; i++) {
 if (rep[i] == sol[i]) score ++; 
 } 
 score = score + scoreneg;
 score = Math.round ((score / nbrediv)* 100);
 document.form1.b1.value = "Votre note = " + score +"  %"
 } 
 // -->