// Réprésente l'objet Story
function Story(image, preview, url, title, teaser, moreLink, event) {
	this.image = image;
	this.preview = preview;
	this.url = url;
	this.title = title;
	this.teaser = teaser;
	this.moreLink = moreLink;
	this.event = event;
}
		
function swapStory(num) {
	// num : numéro de la story de 1 à ...
	num -= 1;

	if (nbImage > 15 && num + numStart == 15) {
		return;
	}

	// Html de l'image
	html1 = '';
	html1 += '<a href="' + listStory[num+numStart].url + '"><img src="' + listStory[num+numStart].image + '" alt="" border="0" height="238"></a>';

	// Html du texte
	html2 = ''
	html2 += '<h2>' + listStory[num+numStart].event + '</h2>';
	html2 += '<h1><a href="' + listStory[num+numStart].url + '">' + listStory[num+numStart].title + '</a></h1>';
	html2 += '<h3><a href="' + listStory[num+numStart].url + '">' + listStory[num+numStart].teaser + '</a></h3>';
	html2 += '<div id="lien">';
	html2 += listStory[num+numStart].moreLink;
	html2 += '</div>';

	// Action
	document.getElementById("storyshorttitleimage").innerHTML = html1;
	document.getElementById("storyshorttitletext").innerHTML = html2;
}
		
function defilCarrousel(sens) {
// 5 images par page (5 peut devenir un paramètre)
// numStart et nbImage doivent être définis auparavant
	moreImage = false; 
	nbImageAff = nbImage;
	if (nbImageAff > 15) {
		nbImageAff = 15;
		moreImage = true; 
	}

	if (sens == 'left')	{numStart -= 1;}
	if (sens == 'right') {numStart += 1;}
	if (sens == 'bigleft')	{numStart -= 5;}
	if (sens == 'bigright')	{numStart += 5;}

	if (numStart < 1) {numStart = 1;}
	if (numStart > nbImageAff - (5 - 1)) {numStart = nbImageAff - (5 - 1);}

	// l'ascenseur horizontal
	document.getElementById("al").width = (numStart - 1) * (414 / nbImageAff);
	document.getElementById("ac").width = 414 / nbImageAff * 5;
	document.getElementById("ar").width = 414 - (414 / nbImageAff * 5 + (numStart - 1) * (414 / nbImageAff));

	// les images
	for (i = 1 ; i < 6 ; i++) {
	
		j = numStart + i - 1;
		
		if (moreImage && j == nbImageAff ) { j+=1; }
		
		if (document.getElementById("img"+i)) {document.getElementById("img"+i).alt = listStory[j].title; document.getElementById("img"+i).src = listStory[j].preview; }
		if (document.getElementById("txt"+i)) {document.getElementById("txt"+i).innerHTML =  listStory[j].title; }
		if (document.getElementById("href"+i)) {document.getElementById("href"+i).href = (listStory[j].url).replace(/&amp;/g,"&"); }

		if (document.getElementById("live"+i)) {
			if (listStory[j].event.indexOf("live.gif") > -1) {
				document.getElementById("live"+i).style.visibility = "visible";
			}
			else {
				document.getElementById("live"+i).style.visibility = "hidden";
			}
		}
	}
}

function selectStyleSheet(delta) {
// Choix de la feuille de style
// actualSize doit être défini auparavant
	var li; 

	if (9 < actualSize + delta && actualSize + delta < 15) {
		for (var i = 0 ; li = document.getElementsByTagName("link")[i] ; i++) {
			if(li.getAttribute("rel").indexOf("style") > -1 && li.getAttribute("title")) {
				if(li.getAttribute("title").indexOf("article") > -1) li.disabled = true;
				if(li.getAttribute("title").indexOf(actualSize + delta) > -1) li.disabled = false;
			}
		}
		actualSize = actualSize + delta;
	}
}


function show_storypict(imgid, boxid, nbitems)
{
	for(var i=1; i<=nbitems; i++)
	{
		document.getElementById('box_'+boxid+'_'+i).style.display = 'none';
	}
	document.getElementById('box_'+boxid+'_'+imgid).style.display = 'block';
}

function hide_storypict(boxid, nbitems)
{
	for(var i=2; i<=nbitems; i++)
	{
		document.getElementById('box_'+boxid+'_'+i).style.display = 'none';
	}
	document.getElementById('box_' + boxid + '_' + 1).style.display = 'block';

}