/* liste  des tables employées*/
/* listImages : liste  des images disponibles lecture seule*/
listImages=new Array("b001","b002","b003","b004","b005","b006","b007","b008","b009","b010","b011","b012",
"b013","b014","b015","b016","b017","b018","b019","b020","b021","b022","b023","b024", "b025","b026","b027","b028","b029","bb680")
/* imgStat  : image utilisée ou non, initialisée à 0*/
imgStat=new Array;
l=listImages.length;
imgStat=new Array;
for (var i=0; i < l;  i++) {
imgStat[i]= "0";
}
/*imChx : nom des images affichées initialisées  à vide.png 8 éléments*/
imChx=new Array;
/*imChxId : l'index de l'image choisie dans listImages*/
imChxId=new Array;

for (var i=0; i < 7; i++) {
imChx[i]= new Image(); imChx[i].src="vide.png";
imChxId[i]="";
}

/* imagesChoisies liste des images choisies, de 0 à 7
cela devrait donner le résultat
modifié par les fonctions :
addChoix oteChoix droiteChoix gaucheChoix
et à afficher dans "finir"
par la fonction final
*/

imagesChoisies=new Array;

function addChoix(nom){
j=imagesChoisies.length;

if (j<7  && imgStat[nom]=="0" ){
	imagesChoisies.push(listImages[nom]);
	imChx[j].src=listImages[nom]+".jpg";
	imChxId[j]=nom;
	imgStat[nom]="1";
	document.getElementById("img"+j).style.visibility="visible";
	affiche();
	}

}

function oteChoix(num) {
j=imagesChoisies.length;
i=j-1;
imChx.splice(num,1);
imagesChoisies.splice(num,1);
imgStat[imChxId[num]]="0";
imChxId.splice(num,1);
imChx[6]= new Image(); imChx[6].src="vide.png";
imChxId[6]="";
document.getElementById("img"+i).style.visibility="hidden";
	affiche();
}

function droiteChoix(num) {
ap=num+1;
bof=num+0;
if (ap<imagesChoisies.length) {
	g=imagesChoisies[bof];
	d=imagesChoisies[ap];
	imagesChoisies[bof]=d;
	imagesChoisies[ap]=g;

	imChxId.splice(bof,2,imChxId[ap],imChxId[bof]);
	imChx.splice(bof,2,imChx[ap],imChx[bof]);

	affiche();
}
}


function gaucheChoix(num) {
bof=num+0;
av=num-1;
if (bof>0) {
	g=imagesChoisies[av];
	d=imagesChoisies[bof];
	imagesChoisies[bof]=g;
	imagesChoisies[av]=d;	
	

	imChxId.splice(av,2,imChxId[bof],imChxId[av]);
	imChx.splice(av,2,imChx[bof],imChx[av]);

	affiche();
}
}

function affiche() {
for (var i=0; i < 7; i++) {
	document.images[i].src=imChx[i].src;
	}
infoListe()
}

function infoListe(){
j=imagesChoisies.length;
if (j==0){
result=" cliquer sur une vignette pour la sélectionner";
document.getElementById("commanderNav").style.visibility="hidden";
}
else {result="votre composition : "+imagesChoisies.join(" ")
document.getElementById("commanderNav").style.visibility="visible";
}
document.getElementById("imgChoisies").innerHTML =result;
//opener.document.getElementById("ct_composition").innerHTML =result;

}



function menu(){
if (document.getElementById("explications").style.visibility=="hidden"){
	document.getElementById("explications").style.visibility="visible";
	document.getElementById("footer").style.visibility="hidden";
	document.getElementById("finir").style.visibility="hidden";
	document.getElementById("commande").style.visibility="hidden";
	document.getElementById("commanderNav").style.visibility="hidden";
	document.body.style.backgroundColor="#222";
	document.getElementById("boutonNav").innerHTML="composer";
	document.getElementById("boutonNav").setAttribute("title","afficher le compositeur");
	} else {
	document.getElementById("explications").style.visibility="hidden";
	document.getElementById("commande").style.visibility="hidden";
	document.getElementById("bandes").style.visibility="visible";
	document.getElementById("footer").style.visibility="visible";	
	document.getElementById("finir").style.visibility="visible";
	document.body.style.backgroundColor="black"
	document.getElementById("boutonNav").innerHTML="mode d'emploi";
	document.getElementById("boutonNav").setAttribute("title","afficher le mode d'emploi");
	}
infoListe();
}

function commander(){
	document.body.style.backgroundColor="#222";
	document.getElementById("bandes").style.visibility="hidden";
	document.getElementById("footer").style.visibility="hidden";
	document.getElementById("finir").style.visibility="hidden";
	document.getElementById("commande").style.visibility="visible";

}