var index = 0;
var ficheOpen = false;
var center;
var frame;
var hide = false;

function details(no) {
	sendAjaxCommand("livre", "no=" + no, showDetails);
}


function setSelectsDisplay(display) {
	var selects = document.getElementsByTagName("select");
	for (var i = 0; i < selects.length; i++) {
		selects[i].style.display = display;
	}
}

function showDetails(data) {
	if (ficheOpen == false) {
		scroll(0, 0);
	
		var background = document.createElement("div");
		background.id = "back";
		document.body.appendChild(background);
		
		var spacer = document.createElement("div");
		spacer.id = "spacer";
		document.body.appendChild(spacer);
		
		center = document.createElement("div");
		center.id = "center";
		spacer.appendChild(center);
		
		ficheOpen = true;
	} else {
		center.removeChild(frame);
	}

	setSelectsDisplay("none");

	frame = document.createElement("div");
	frame.id = "frame";
	center.appendChild(frame);
	
	var titlebar = document.createElement("div");
	titlebar.id = "titlebar";
	frame.appendChild(titlebar);
	
	var title = document.createElement("div");
	title.innerHTML = "Fiche du livre";
	title.id = "title";
	titlebar.appendChild(title);
	
	var close = document.createElement("div");
	close.id = "close";
	close.innerHTML = "<img src=\"images/close.gif\" />";
	close.onclick = function () {
		ficheOpen = false;
		setSelectsDisplay("inline");
		document.body.removeChild(document.getElementById("back"));
		document.body.removeChild(document.getElementById("spacer"));
	}
	titlebar.appendChild(close);
	
	var info = document.createElement("div");
	info.id = "info";
	frame.appendChild(info);
	
	var title = document.createElement("div");
	title.className = "titre_livre";
	try { title.innerHTML = xPath(data, "/livre/titre").firstChild.nodeValue; } catch (e) {}
	info.appendChild(title);

	var table = document.createElement("table");
	info.appendChild(table);
	
	var content = document.createElement("tbody");
	table.appendChild(content);
	
	var tr1 = document.createElement("tr");
	content.appendChild(tr1);
	
	var tr2 = document.createElement("tr");
	content.appendChild(tr2);
	
	var imgTD = document.createElement("td");
	imgTD.id = "imgcontainer";
	imgTD.valign = "middle";
	imgTD.align = "center";
	tr2.appendChild(imgTD);
	
	var img = document.createElement("img");
	var imgexists = 0;
	var nolivre = 0;
	try { nolivre = xPath(data, "/livre/no").firstChild.nodeValue; } catch (e) {}
	try { imgexists = xPath(data, "/livre/img").firstChild.nodeValue; } catch (e) {}
	if (imgexists == 1) {
		img.src = "images/img-livres/" + nolivre + "_1.jpg";
	} else {
		img.src = "images/livre2.jpg";
	}
	imgTD.appendChild(img);
	
	var detailsTD = document.createElement("td");
	detailsTD.style.verticalAlign = "top";
	detailsTD.style.paddingLeft = "4px";
	tr2.appendChild(detailsTD);
	
	var author = document.createElement("div");
	author.className = "nom-auteur";
	try { author.innerHTML = xPath(data, "/livre/auteur").firstChild.nodeValue; } catch (e) {}
	detailsTD.appendChild(author);
	
	var res = document.createElement("div");
	res.className = "info_livre_resultat";
	detailsTD.appendChild(res);
	
	var editions1 = document.createElement("span");
	editions1.innerHTML = "&Eacute;ditions : ";
	res.appendChild(editions1);
	var editions2 = document.createElement("span");
	editions2.className = "body-fiche";
	try { editions2.innerHTML = xPath(data, "/livre/edition").firstChild.nodeValue; } catch (e) {}
	res.appendChild(editions2);
	res.appendChild(document.createElement("br"));
	
	var annee1 = document.createElement("span");
	annee1.innerHTML = "Ann&eacute;e : ";
	res.appendChild(annee1);
	var annee2 = document.createElement("span");
	annee2.className = "body-fiche";
	try { annee2.innerHTML = xPath(data, "/livre/annee").firstChild.nodeValue; } catch (e) {}
	res.appendChild(annee2);
	res.appendChild(document.createElement("br"));
	
	var isbn1 = document.createElement("span");
	isbn1.innerHTML = "ISBN : ";
	res.appendChild(isbn1);
	var isbn2 = document.createElement("span");
	isbn2.className = "body-fiche";
	try { isbn2.innerHTML = xPath(data, "/livre/isbn").firstChild.nodeValue; } catch (e) {}
	res.appendChild(isbn2);
	res.appendChild(document.createElement("br"));
	
	var prix1 = document.createElement("span");
	prix1.innerHTML = "Prix : ";
	res.appendChild(prix1);
	var prix2 = document.createElement("span");
	prix2.className = "body-fiche";
	try { prix2.innerHTML = xPath(data, "/livre/prix").firstChild.nodeValue; } catch (e) {}
	res.appendChild(prix2);
	res.appendChild(document.createElement("br"));
	
	/* var pays1 = document.createElement("span");
	pays1.innerHTML = "Pays : ";
	res.appendChild(pays1);
	var pays2 = document.createElement("span");
	pays2.className = "body-fiche";
	try { pays2.innerHTML = xPath(data, "/livre/pays").firstChild.nodeValue; } catch (e) {}
	res.appendChild(pays2); */
	
	var desc = document.createElement("span");
	desc.className = "body-fiche";
	try { desc.innerHTML = xPath(data, "/livre/desc").firstChild.nodeValue; } catch (e) {}
	detailsTD.appendChild(desc);
	
	info.appendChild(document.createElement("br"));

	//nav
	var navbar = document.createElement("div");
	navbar.id = "navbar";
	frame.appendChild(navbar);
	
	var indexText = document.createElement("div");
	indexText.id = "index";
	if (hide) {
		indexText.innerHTML = "Livre # " + nolivre;
	} else {
		indexText.innerHTML = "Fiche " + (index + 1) + " de " + numLivres;
	}
	navbar.appendChild(indexText);
	
	var prev = document.createElement("div");
	prev.id = "prev";
	navbar.appendChild(prev);
	
	if (!hide) {
		var prevIMG = document.createElement("img");
		prevIMG.src = "images/previous_item_accueil.gif";
		prevIMG.style.paddingTop = "5px";
		prevIMG.style.cursor = "pointer";
		prevIMG.onclick = function () {
			if (index < 1) {
				index = numLivres - 1;
		 	} else {
		 		index--;
			}
			details(livres[index]);
		}
		prev.appendChild(prevIMG);
	}
	
	var next = document.createElement("div");
	next.id = "next";
	navbar.appendChild(next);
	
	if (!hide) {
		var nextIMG = document.createElement("img");
		nextIMG.src = "images/next_item_accueil.gif";
		nextIMG.style.paddingTop = "5px";
		nextIMG.style.cursor = "pointer";
		nextIMG.onclick = function () {
			if (index == numLivres - 1) {
				index = 0;
		 	} else {
		 		index++;
			}
			details(livres[index]);
		}
		next.appendChild(nextIMG);
	}
}