function pagecalli(numpage) {
contenu = "";
if (numpage==0) {
	document.getElementById('precedente').innerHTML="";
} else {
	document.getElementById('precedente').innerHTML="<< Page précédente";
	document.getElementById('precedente').onclick = function() {pagecalli(numpage-1);}
}
if (((numpage+1)*12)>(tabcalli.length)) { 
	numcalli=tabcalli.length;
	document.getElementById('suivante').innerHTML="";
	document.getElementById('suivante').onclick = function() {pagecalli(numpage+1);}
} else {
	numcalli=(12*(numpage+1));
	document.getElementById('suivante').innerHTML="Page suivante >>";
	document.getElementById('suivante').onclick = function() {pagecalli(numpage+1);}
}
for (i=(12*numpage);i<numcalli ;i++) {
	contenu += '<div class="vignette"><img src="'+tabcalli[i][0]+'" alt="'+tabcalli[i][2]+'" onclick="diapo('+i+')"  /></div>';
	if (i==(12*numpage+3)) { contenu += "<div><br /></div>"; }
	if (i==(12*numpage+7)) { contenu += "<div><br /></div>"; }
}
contenu += "<div><br /></div>";
document.getElementById('totalvignettes').innerHTML=contenu;
}


function diapo(num) {
document.getElementById('photofull').src=tabcalli[num][1];
document.getElementById('titrecalli').innerHTML=tabcalli[num][2];
document.getElementById('formatcalli').innerHTML=tabcalli[num][3];
if (tabcalli[num][4]) {
document.getElementById('histoire').innerHTML="&gt;&gt;<a href='http://www.ellea.fr/fr/lapetitehistoire.htm'>la petite histoire...</a>";
} else {document.getElementById('histoire').innerHTML="";}
}
function resize() {
document.getElementById('espace').setAttribute('style','height:'+(document.getElementById('photofull').height+90)+'px;');
}
function init(num) {
	diapo(num);
}
function pagecallicommande(numpage) {
contenu = '';
contenupage='';
numcalli=tabcalli.length;
nbpage=Math.ceil(tabcalli.length/6);
if (numpage==0) {
	document.getElementById('fg').innerHTML='';
	
} else {
	document.getElementById('fg').innerHTML='<img src="/flecheg.gif" width="14" height="15" />';
	document.getElementById('numpage').innerHTML='page '+(numpage+1);
	document.getElementById('fg').onclick = function() {document.getElementById('pg').value=numpage-1;pagecallicommande(numpage-1);}
}
if (((numpage+1)*6)>(tabcalli.length)) { 
	
	document.getElementById('fd').innerHTML='';
	
	document.getElementById('fd').onclick = function() {document.getElementById('pg').value=numpage+1;pagecallicommande(numpage+1);}
} else {
	numcalli=(6*(numpage+1));
	document.getElementById('fd').innerHTML='<img src="/fleched.gif" width="14" height="15" />';
	
	document.getElementById('fd').onclick = function() {document.getElementById('pg').value=numpage+1;pagecallicommande(numpage+1);}
}
for (i=0;i<nbpage ;i++) {
	if (i==numpage) {
		contenupage += '<div class="nbpageactive" onclick="pagecallicommande('+i+')">'+(i+1)+'</div>';
	} else {
		contenupage += '<div class="nbpage" onclick="pagecallicommande('+i+')">'+(i+1)+'</div>';
	}
}
//document.getElementById('numpage').innerHTML='page '+(numpage+1);
document.getElementById('numpage').innerHTML=contenupage+'<div><br /></div>';
contenu += '<div style="height:200px;">';
for (i=(6*numpage);i<numcalli ;i++) {
	contenu += '<div class="vignette"><img src="'+tabcalli[i][0]+'" alt="'+tabcalli[i][1]+'" /></div>';
	contenu += '<div style="float:left;width:150px;"><div style="font-size:12px;font-weight:bold;margin-bottom:15px;">'+tabcalli[i][1]+'</div>';
	contenu += '<div class="ajouterliste">Ajouter au format :</div>';
	if (tabcalli[i][4])	{
		contenu +='<div class="liencommandebleu" >+ carte postale</div>';
	} else {
		contenu +='<div class="liencommande" onclick="buy(\''+tabcalli[i][3]+'\',\'cp\','+numpage+');">+ carte postale</div>';
	}
	
/*	if (tabcalli[i][6])	{
		contenu +='<div class="liencommandebleu">+ A4</div>';
	} else {
		contenu +='<div class="liencommande" onclick="buy(\''+tabcalli[i][3]+'\',\'a4\','+numpage+');">+ A4</div>';
	}*/
	
	if (tabcalli[i][5])	{
		contenu +='<div class="liencommandebleu">+ A5</div></div>';
	} else {
		contenu +='<div class="liencommande" onclick="buy(\''+tabcalli[i][3]+'\',\'a5\','+numpage+');">+ A5</div></div>';
	}
if (i==(6*numpage+2)) { contenu += "<div><br /></div></div><div style='height:200px;'>"; }
}
contenu += "<div><br /></div></div>";
document.getElementById('totalvignettes').innerHTML=contenu;
}
function buy(ref,frt,pg) {
	document.getElementById('do').value="add";
	document.getElementById('ref').value=ref;
	document.getElementById('frt').value=frt;
	document.getElementById('pg').value=pg;
	document.getElementById('achatellea').submit();
}
function del(ref,frt,pg) {
	document.getElementById('do').value="delete";
	document.getElementById('ref').value=ref;
	document.getElementById('frt').value=frt;
	document.getElementById('pg').value=pg;
	document.getElementById('achatellea').submit();
}