var nopage = 1;
var pageactu;
var maxpage;

function preload() {
	var img1 = new Image();
	img1.src = 'images/menu-mot-o.png';
	
	var img2 = new Image();
	img2.src = 'images/menu-themes-o.png';
	
	var img3 = new Image();
	img3.src = 'images/menu-ecrire-o.png';
	
	var img4 = new Image();
	img4.src = 'images/menu-abonner-o.png';
	
	var img5 = new Image();
	img5.src = 'images/menu-banq-o.png';
	
	var img6 = new Image();
	img6.src = 'wp-content/themes/mille-vies/images/livre-ombre.png';
	
	var img16 = new Image();
	img16.src = 'wp-content/themes/mille-vies/images/livre.jpg';
	
	var img7 = new Image();
	img7.src = 'wp-content/themes/mille-vies/images/chap-rightsml-o.png';
	
	var img8 = new Image();
	img8.src = 'wp-content/themes/mille-vies/images/chap-rightmed-o.png';
	
	var img9 = new Image();
	img9.src = 'wp-content/themes/mille-vies/images/chap-leftsml-o.png';
	
	var img10 = new Image();
	img10.src = 'wp-content/themes/mille-vies/images/chap-leftmed-o.png';
	
	var img11 = new Image();
	img11.src = 'wp-content/themes/mille-vies/images/chap-repsml-o.png';
	
	var img12 = new Image();
	img12.src = 'wp-content/themes/mille-vies/images/chap-repmed-o.png';
	
	var img13 = new Image();
	img13.src = 'wp-content/themes/mille-vies/images/chapbot-left-o.png';
	
	var img14 = new Image();
	img14.src = 'wp-content/themes/mille-vies/images/chapbot-rep-o.png';
	
	var img15 = new Image();
	img15.src = 'wp-content/themes/mille-vies/images/chapbot-right-o.png';
	
	
}


function affichepagination(nbcols) {
	var pagination = "";
	var nxtpage = nopage + 1;
	var totpage;
	
	//alert(nbcols);
	
	if(nbcols % 2 == 0) { totpage = nbcols/2; } else { totpage = (nbcols+1)/2; }
	
	if(nopage != '1') {
		pagination += '<div class="left"><img onclick="pageprec(nbcols);" src="images/page-precedente.png" alt="Page précédente" /></div>';
	}
	
	//alert(document.getElementById('idpage'+nxtpage).innerHTML);
	if(nxtpage <= totpage) {
		pagination += '<div class="right"><img onclick="pagesuiv(nbcols);" src="images/page-suivante.png" alt="Page suivante" /></div>';
	}
	
	document.getElementById('pagination').innerHTML = pagination;
	
	//alert(document.getElementById('pagination').innerHTML);
}

function pageprec(nbcols) {
	if(nopage != '1') {
		var marginori = document.getElementById('textelivre').style.marginLeft;
		var lgtmarg = parseInt(marginori.substr(0,(marginori.length-2)));
		var newmarg = lgtmarg + 900;
		
		document.getElementById('textelivre').style.marginLeft = newmarg + "px";
		
		nopage--;
		affichepagination(nbcols);
	}
}

function pagesuiv(nbcols) {
	nopage++;
	//alert(document.getElementById('idpage'+nopage).innerHTML);

	if(document.getElementById('textelivre').style.marginLeft == '') {
		document.getElementById('textelivre').style.marginLeft = "-900px";
	} else {
		var marginori = document.getElementById('textelivre').style.marginLeft;
		
		document.getElementById('textelivre').style.marginLeft = parseInt((marginori.substr(0,(marginori.length-2)))-900)+"px";
	}
	
	affichepagination(nbcols);
	
}


function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	return [curleft,curtop];
	}
}

function showBox(noid) {
	var poslien = findPos(document.getElementById('lien'+noid));
	document.getElementById('boite'+noid).className = "infocomp visible";
	
	var posbox = findPos(document.getElementById('boite'+noid));
	
	document.getElementById('boite'+noid).style.left = parseInt(poslien[0] - 40) + 'px';
	document.getElementById('boite'+noid).style.top = parseInt(poslien[1] +20) +'px';	
}

function hideBox(noid) {
	document.getElementById('boite'+noid).className = "infocomp invisible";
}

function setPage(pactu, mpage) {
	pageactu = pactu;
	maxpage = mpage;
}

function avancePage() {
	document.getElementById('navpage'+pageactu).className = 'navinvisible';
	pageactu++;
	document.getElementById('navpage'+pageactu).className = 'navvisible';
	onoffnav();
}

function reculePage() {
	document.getElementById('navpage'+pageactu).className = 'navinvisible';
	pageactu--;
	document.getElementById('navpage'+pageactu).className = 'navvisible';
	onoffnav();
}

function avancePageX(pagevoulue) {
	for(var k = 1; k <= maxpage; k++) {
		document.getElementById('navpage'+k).className = 'navinvisible';
	}
	
	pageactu = pagevoulue;
	document.getElementById('navpage'+pagevoulue).className = 'navvisible';
	
	onoffnav();
}

function onoffnav() {
	if(pageactu == '1') {
		document.getElementById('recmaxleft').className = 'smlchapleft-off';
		document.getElementById('recmaxcent').className = 'smlchap-off';
		document.getElementById('recmaxright').className = 'smlchapright-off';
		document.getElementById('recleft').className = 'medchapleft-off';
		document.getElementById('reccent').className = 'medchap-off';
		document.getElementById('recright').className = 'medchapright-off';
		
		document.getElementById('recmax').onmouseover = '';
		document.getElementById('recmax').onmouseout = '';
		document.getElementById('recone').onmouseover = '';
		document.getElementById('recone').onmouseout = '';
		
		document.getElementById('recmax').onclick = '';
		document.getElementById('recone').onclick = '';
		
	} else {
	
		document.getElementById('recmaxleft').className = 'smlchapleft';
		document.getElementById('recmaxcent').className = 'smlchap';
		document.getElementById('recmaxright').className = 'smlchapright';
		document.getElementById('recleft').className = 'medchapleft';
		document.getElementById('reccent').className = 'medchap';
		document.getElementById('recright').className = 'medchapright';
		
		document.getElementById('recmax').onmouseover = function() { document.getElementById("recmaxleft").className="smlchapleft-o"; document.getElementById("recmaxcent").className="smlchap-o"; document.getElementById("recmaxright").className="smlchapright-o"; };
		
		document.getElementById('recmax').onmouseout = function() { document.getElementById('recmaxleft').className='smlchapleft'; document.getElementById('recmaxcent').className='smlchap'; document.getElementById('recmaxright').className='smlchapright';} ;
		
		document.getElementById('recone').onmouseover = function() { document.getElementById('recleft').className='medchapleft-o'; document.getElementById('reccent').className='medchap-o'; document.getElementById('recright').className='medchapright-o'; };
		
		document.getElementById('recone').onmouseout = function() { document.getElementById('recleft').className='medchapleft'; document.getElementById('reccent').className='medchap'; document.getElementById('recright').className='medchapright'; };
		
		document.getElementById('recmax').onclick = function() { avancePageX("1"); };
		document.getElementById('recone').onclick = function() { reculePage(); };
	}
	
	if(pageactu == maxpage) {
		document.getElementById('avmaxleft').className = 'smlchapleft-off';
		document.getElementById('avmaxcent').className = 'smlchap-off';
		document.getElementById('avmaxright').className = 'smlchapright-off';
		document.getElementById('avleft').className = 'medchapleft-off';
		document.getElementById('avcent').className = 'medchap-off';
		document.getElementById('avright').className = 'medchapright-off';
		
		document.getElementById('avmax').onmouseover = '';
		document.getElementById('avmax').onmouseout = '';
		document.getElementById('avone').onmouseover = '';
		document.getElementById('avone').onmouseout = '';
		
		document.getElementById('avmax').onclick = '';
		document.getElementById('avone').onclick = '';
		
	} else {
	
		document.getElementById('avmaxleft').className = 'smlchapleft';
		document.getElementById('avmaxcent').className = 'smlchap';
		document.getElementById('avmaxright').className = 'smlchapright';
		document.getElementById('avleft').className = 'medchapleft';
		document.getElementById('avcent').className = 'medchap';
		document.getElementById('avright').className = 'medchapright';
		
		document.getElementById('avmax').onmouseover = function() { document.getElementById("avmaxleft").className="smlchapleft-o"; document.getElementById("avmaxcent").className="smlchap-o"; document.getElementById("avmaxright").className="smlchapright-o"; };
		
		document.getElementById('avmax').onmouseout = function() { document.getElementById('avmaxleft').className='smlchapleft'; document.getElementById('avmaxcent').className='smlchap'; document.getElementById('avmaxright').className='smlchapright'; };
		
		document.getElementById('avone').onmouseover = function() { document.getElementById('avleft').className='medchapleft-o'; document.getElementById('avcent').className='medchap-o'; document.getElementById('avright').className='medchapright-o'; };
		
		document.getElementById('avone').onmouseout = function() { document.getElementById('avleft').className='medchapleft'; document.getElementById('avcent').className='medchap'; document.getElementById('avright').className='medchapright'; };
		
		document.getElementById('avmax').onclick = function() { avancePageX(maxpage); };
		document.getElementById('avone').onclick = function() { avancePage(); };
		
	}
}