// quelques variables pour fonctionner
var etat = 0;
var scoring = 0;
var vide = 4;

// on va creer les images a deplacer par JavaScript
lieu = new imagettes(17);

// on adresse un emplacement a chaque image au depart
lieu[1]=1; lieu[2]=2; lieu[3]=3; lieu[4]=4;
lieu[5]=5; lieu[6]=6; lieu[7]=7; lieu[8]=8;
lieu[9]=9; lieu[10]=10; lieu[11]=11; lieu[12]=12;
lieu[13]=13; lieu[14]=14; lieu[15]=15; lieu[16]=0;

// la liste des images
vign = new imagettes(17);
                
vign[0].src = "puzzle/black.gif";
vign[1].src = "puzzle/biblio01.gif";
vign[2].src = "puzzle/biblio02.gif";
vign[3].src = "puzzle/biblio03.gif";
vign[4].src = "puzzle/biblio04.gif";
vign[5].src = "puzzle/biblio05.gif";
vign[6].src = "puzzle/biblio06.gif";
vign[7].src = "puzzle/biblio07.gif";
vign[8].src = "puzzle/biblio08.gif";
vign[9].src = "puzzle/biblio09.gif";
vign[10].src = "puzzle/biblio10.gif";
vign[11].src = "puzzle/biblio11.gif";
vign[12].src = "puzzle/biblio12.gif";
vign[13].src = "puzzle/biblio13.gif";
vign[14].src = "puzzle/biblio14.gif";
vign[15].src = "puzzle/biblio15.gif";
vign[16].src = "puzzle/biblio16.gif";


function imagettes(n) {
	this.length = n;
	for (var i = 0; i<=n; i++) {
		this[i] = new Image();
		}
	return this;
	}

// on initialise le jeu
function depart() {
	etat = 0;
	scoring = 0;
	vide = 4;
	document.getElementById('indications').innerHTML = "Cliquez sur l'image pour commencer";
	document.getElementById('score').innerHTML = "Votre score s'affichera ici";
	}

// fonction pour effectuer le melange du depart
function alleatoire(num) {
	return Math.floor( Math.random() * num );
	}

// fonction appelee ensuite pour afficher les images apres deplacement
function afficher() {
	for ( var j = 1; j < 17 ; j++ ) {
		document.getElementById('vignette'+j).src = vign[lieu[j]].src;
		}
	}

function deplace(nb_img) {

// melange des images
	if (etat == 0) {
		etat = 2;
		for (var i = 0; i < 100; i++) {
			i1 = alleatoire(16)+1;
			i2 = alleatoire(16)+1;
			tempo = lieu[i1];
			lieu[i1] = lieu[i2];
			lieu[i2] = tempo;
			}
		for (var i = 1; i < 17; i++) {
			if ( lieu[i] == 0 ) {
				vide = i;
				}
			}     
			afficher();
			etat = 1;
			document.getElementById('indications').innerHTML = "Cliquez sur une image pour la deplacer";
			document.getElementById('score').innerHTML = "Votre score : 0";
			} 
		else {

// deplacement des images
		if ( etat == 1 ) {
			if ( lieu[nb_img] != 0 ){
				if ( (nb_img+4 == vide) || (nb_img-4 == vide) || ( (nb_img-1 == vide ) && (nb_img%4 != 1) ) || ( (nb_img+1 == vide ) && (nb_img%4 != 0) ) ) {
					lieu[vide] = lieu[nb_img];
					lieu[nb_img] = 0;
					vide = nb_img;
					scoring++;
					document.getElementById('indications').innerHTML = "Cliquez sur une image pour la deplacer";
					document.getElementById('score').innerHTML = "Votre score : " + scoring;
					afficher();
					}
				}
			}
		}
	}