function countPieces(){
  var count=0;
  var LayerArray = ((navigator.appName=='Netscape')?document.layers:document.all);
  for(i=0; i<LayerArray.length; i++){
    if(LayerArray[i].SNAPPED != null && LayerArray[i].SNAPPED == true){
         ++count;     
    }
  }
  if (count == 24){  
    alert('  BRAVO !!!\n\n  Et toutes nos félicitations.');
    //alternative : window.location.href="page.html";.
  }
}
function dragLayer(objNS,objIE,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,strJS) { //v1.2
  var i,j,aLayer,retVal,curDrag=null,NS=(navigator.appName=='Netscape'), curLeft, curTop;
  if (!document.all && !document.layers) return false;
  retVal = true; if(!NS) event.returnValue = true;
  if (dragLayer.arguments.length > 1) {
    curDrag = eval((NS)?objNS:objIE); if (!curDrag || curDrag.SNAPPED != null) return false; 
    if (!document.allLayers) {
      document.allLayers = new Array();
      with (document) {
        if (NS) {
          for (i=0; i<layers.length; i++) allLayers[i]=layers[i];
          for (i=0; i<allLayers.length; i++) {
            if (allLayers[i].document && allLayers[i].document.layers)
              for (j=0; j<allLayers[i].document.layers.length; j++)
                allLayers[allLayers.length] = allLayers[i].document.layers[j];
        } } else {
          for (i=0; i<all.length; i++)
            if (all[i].style != null && all[i].style.position)
              allLayers[allLayers.length] = all[i];
    } } }
    curDrag.dragOk=true; curDrag.targL=targL; curDrag.targT=targT;
    curDrag.tol=Math.pow(tol,2); curDrag.hLeft=hL; curDrag.hTop=hT;
    curDrag.hWidth=hW; curDrag.hHeight=hH; curDrag.toFront=toFront;
    curDrag.dropBack=dropBack; curDrag.strJS=strJS;
    curDrag.oldZ = (NS)?curDrag.zIndex:curDrag.style.zIndex;
    curLeft= (NS)?curDrag.left:curDrag.style.pixelLeft; curDrag.startL = curLeft;
    curTop = (NS)?curDrag.top:curDrag.style.pixelTop; curDrag.startT = curTop;
    curDrag.bL=(cL<0)?null:curLeft-cL; curDrag.bT=(cU<0)?null:curTop -cU;
    curDrag.bR=(cR<0)?null:curLeft+cR; curDrag.bB=(cD<0)?null:curTop +cD;
    curDrag.LEFTRIGHT=0; curDrag.UPDOWN=0; curDrag.SNAPPED=false; //use in your JS!
    document.onmousedown = dragLayer; document.onmouseup = dragLayer;
    if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  } else {
    var theEvent = ((NS)?objNS.type:event.type);
    if (theEvent == 'mousedown') {
      var aLayer, maxDragZ=null;
      var mouseX = (NS)?objNS.pageX : event.clientX + document.body.scrollLeft;
      var mouseY = (NS)?objNS.pageY : event.clientY + document.body.scrollTop;
      document.maxZ = 0;
      for (i=0; i<document.allLayers.length; i++) {
        aLayer = document.allLayers[i];
        var aLayerZ = (NS)?aLayer.zIndex:aLayer.style.zIndex;
        if (aLayerZ > document.maxZ) document.maxZ = aLayerZ;
        var isVisible = (((NS)?aLayer.visibility:aLayer.style.visibility).indexOf('hid') == -1);
        if (aLayer.dragOk != null && isVisible) with (aLayer) {
          var parentL=0; var parentT=0;
          if (!NS) { 
            parentLayer = aLayer.parentElement;
            while (parentLayer != null && parentLayer.style.position) {
              parentL += parentLayer.offsetLeft;
              parentT += parentLayer.offsetTop;
              parentLayer = parentLayer.parentElement;
          } }
          var tmpX=mouseX-(((NS)?pageX:style.pixelLeft+parentL)+hLeft);
          var tmpY=mouseY-(((NS)?pageY:style.pixelTop +parentT)+hTop);
          var tmpW = hWidth;  if (tmpW <= 0) tmpW += ((NS)?clip.width :offsetWidth);
          var tmpH = hHeight; if (tmpH <= 0) tmpH += ((NS)?clip.height:offsetHeight);
          if ((0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) &&
             (maxDragZ == null || maxDragZ <= aLayerZ)) {
            curDrag = aLayer; maxDragZ = aLayerZ;
      } } }
      if (curDrag) {
        document.onmousemove = dragLayer; 
        if (NS) document.captureEvents(Event.MOUSEMOVE);
        curLeft = (NS)?curDrag.left:curDrag.style.pixelLeft;
        curTop = (NS)?curDrag.top:curDrag.style.pixelTop;
        oldX = mouseX - curLeft; oldY = mouseY - curTop;
        document.curDrag = curDrag;  curDrag.SNAPPED=false;
        if(curDrag.toFront) {
          eval('curDrag.'+((NS)?'':'style.')+'zIndex=document.maxZ+1');
          if (!curDrag.dropBack) document.maxZ++;
        }
        retVal = false; if(!NS) event.returnValue = false;
    } } else if (theEvent == 'mousemove') {
      if (document.curDrag) with (document.curDrag) {
        var mouseX = (NS)?objNS.pageX : event.clientX + document.body.scrollLeft;
        var mouseY = (NS)?objNS.pageY : event.clientY + document.body.scrollTop;
        newLeft = mouseX-oldX; newTop  = mouseY-oldY;
        if (bL!=null) newLeft = Math.max(newLeft,bL);
        if (bR!=null) newLeft = Math.min(newLeft,bR);
        if (bT!=null) newTop  = Math.max(newTop ,bT);
        if (bB!=null) newTop  = Math.min(newTop ,bB);
        LEFTRIGHT = newLeft-startL; UPDOWN = newTop-startT;
        if (NS) {left = newLeft; top = newTop;}
        else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
        retVal = false; if(!NS) event.returnValue = false;
    } } else if (theEvent == 'mouseup') {
      document.onmousemove = null;
      if (NS) document.releaseEvents(Event.MOUSEMOVE);
      if (NS) document.captureEvents(Event.MOUSEDOWN);
      if (document.curDrag) with (document.curDrag) {
        if (typeof targL !='number' || typeof targT != 'number') eval(strJS);
        else if ((Math.pow(targL-((NS)?left:style.pixelLeft),2)+
                  Math.pow(targT-((NS)?top:style.pixelTop),2))<=tol) {
          if (NS) {left = targL; top = targT;}
          else {style.pixelLeft = targL; style.pixelTop = targT;}
          SNAPPED = true; eval(strJS);  
          LEFTRIGHT = startL-targL; UPDOWN = startT-targT;
        }
        if(dropBack) {if (NS) zIndex = oldZ; else style.zIndex = oldZ;}
        retVal = false; if(!NS) event.returnValue = false;
      } 
      document.curDrag = null;
    }
    if (NS) document.routeEvent(objNS);
  }
  return retVal;
}
function showHideLayers() { 
  var i, visStr, args, theObj;
  args = showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) { 
    visStr   = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) { 
      if (visStr == 'show') visStr = 'visible'; 
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;
	  melange();
  } }
}