/****************************************************/
 /* FONCTIONS DE GESTION DU MENU A PHOTOS DEFILANTES */
/****************************************************/

var scroller = 	{
		item: [],
		array:	[],
		activeArray: 0,
		img: 		{
				path: '',
				subPath: [],
				type: [],
				width: 125,
				height: 109,
				border: 0,
				attr: 'width=125 height=109 border=0 alt=""',
				trans: 'Images/Transparent.gif',
				halftrans: 'Images/Opaque.gif'
				},
		sep: 		{
				width: 10,
				height: 10
				},
		coin: 		{
				HG: 'Images/CoinHG.gif',
				HD: 'Images/CoinHD.gif',
				BG: 'Images/CoinBG.gif',
				BD: 'Images/CoinBD.gif'
				},
		click:	 	{
				precedent: '',
				actuel:    '',
				suivant:   ''
				},

		activeImg: 0,
		nbElem: 5,
		id: 'scroller',
		width: 415,
		height: 109,
		bg: 'transparent',
		move: 145,
		step: 5,
		speed: 10,
		sldImg: [],
		sldImgSrc: [],
		preImg: []
		}

var is = new BrowserCheck();
var nest = '';
var sfx = '';
var maximg = 0;
var imgarray = '';
var transarray = '';



function BrowserCheck()
{
	var agt = navigator.userAgent.toLowerCase();
	this.ie4 = (document.all) ? true : false;
	this.ns4 = (document.layers) ? true : false;
	this.dom2 = (document.getElementById) ? true : false;
	this.ie5 = (this.ie4 && this.dom2) ? true : false;
	this.ns6 = (!this.ie4 && this.dom2) ? true : false;
	this.mac = (agt.indexOf('mac') != -1) ? true : false;
}

function getImageName()
{
	return scroller.array[scroller.activeArray][scroller.activeImg];
}

function getImageSource()
{
	return scroller.sldImgSrc[scroller.activeArray][scroller.activeImg] + '.' + scroller.img.type[scroller.activeArray];
}

function getItem()
{
	return scroller.item[scroller.activeArray][scroller.activeImg];
}

function getImageIndex()
{
	return scroller.activeImg;
}

function addImage(tab,img)
{
	i = scroller.array[0].length;
	scroller.array[0][i] = img;
}

function preLoad()
{
	for (i=0; i<scroller.array.length; i++)
	{
		scroller.preImg[i] = [];
		for (k=0; k<scroller.array[i].length; k++)
		{
			scroller.preImg[i][k] = new Image();
			scroller.preImg[i][k].src = scroller.sldImgSrc[i][k] + '.' + scroller.img.type[i];
		}
	}
}

function move(id, dir)
{
	if (scroller.sldImg[scroller.activeArray].length > 1)
	{
		scrolldir = (dir == 'left') ? 1 : -1;
		movelayer = eval(nest + id + 'Bottom' + sfx);
		showlayer = eval(nest + id + 'Top' +sfx);
		showScroller();
		
		if (scrolldir == 1)
			newArray(scroller.activeImg-3,scroller.activeImg+2);
		else
			newArray(scroller.activeImg-2,scroller.activeImg+3);
			
		writeArray(movelayer,imgarray);
		if (scrolldir == 1)
			movestep(scroller.move*(-1));
		hideScroller();
		count = 0;
		movecont();
		scroller.activeImg -= scrolldir;
		if (scroller.activeImg > maximg)
			scroller.activeImg = 0;
		else if (scroller.activeImg < 0)
			scroller.activeImg = maximg;
		
		newArray(scroller.activeImg-2,scroller.activeImg+2);
	}
}

function infinitemove()
{
	for(i=0; i<20; i++)
		move("imgs", "right");	
}

function showScroller()
{
	if (is.ns4)
		showlayer.visibility = 'show';
	else if (!is.ns4)
		showlayer.style.visibility = 'visible';
}

function hideScroller()
{
	if (is.ns4)
		showlayer.visibility = 'hide';
	else if (!is.ns4)
		showlayer.style.visibility = 'hidden';
}

function movecont()
{
	var step = scroller.step*scrolldir;
	if (count < (scroller.move-scroller.step) && count > (scroller.move-scroller.step)*(-1))
	{
		timerID = setTimeout("movecont()", scroller.speed);
		if (is.ns4)
		{
			movelayer.left += step;
		}
		else if (!is.ns4)
		{
			if (is.ie4)
			{
				movelayer.style.pixelLeft += step;
			}
			else if (is.ns6)
			{
				tempPos = parseInt(movelayer.style.left);
				tempPos += step;
				movelayer.style.left = tempPos + 'px';
			}
		}
		count += scroller.step;
	}
	else
	{
		clearTimeout(timerID);
		setTimeout("moveafter()", scroller.speed);
		if (is.ns4)
			movelayer.left += step;
		else if (!is.ns4)
		{
			if (is.ie4)
			{
				movelayer.style.pixelLeft += step;
			}
			else if (is.ns6)
			{
				tempPos = parseInt(movelayer.style.left);
				tempPos += step;
				movelayer.style.left = tempPos + 'px';
			}
		}
	}
}

function movestep(pos)
{
	if (is.ns4)
		movelayer.left = pos;
	else if (!is.ns4)
	{
		if (is.ie4)
			movelayer.style.pixelLeft = pos;
		else if (is.ns6)
			movelayer.style.left = pos + 'px';
	}
}

function moveafter()
{
	writeArray(showlayer,imgarray);
	showScroller();
	writeArray(movelayer,imgarray);
	movestep(0);
}	

function newArray(start,stop)
{
	n = start;
	imgarray = '';

	if(maximg <= 0)
	{
		imgarray += newSep() + '<img src=\"' + scroller.img.trans + '\" ' + scroller.img.attr + '>' + newSep();
		imgarray += newSep() + '<img src=\"' + scroller.img.trans + '\" ' + scroller.img.attr + '>' + newSep();
		if(maximg == 0)
			imgarray += scroller.sldImg[scroller.activeArray][scroller.activeImg];
		else
			imgarray += newSep() + '<img src=\"' + scroller.img.trans + '\" ' + scroller.img.attr + '>' + newSep();
		imgarray += newSep() + '<img src=\"' + scroller.img.trans + '\" ' + scroller.img.attr + '>' + newSep();
		imgarray += newSep() + '<img src=\"' + scroller.img.trans + '\" ' + scroller.img.attr + '>' + newSep();
	}
	else
	{
		for(i=start; i<=stop; i++)
		{
			if(n < 0)
				n = (maximg+n)+1;
			else if(n > maximg)
				n = n-maximg-1;
			
			imgarray += scroller.sldImg[scroller.activeArray][n];
			n++;
		}
	}
}

function writeArray(id,cont)
{
	if (is.ns4)
	{
		id.document.open();
		id.document.write('<nobr>' + cont + '</nobr>');
		id.document.close();
	}
	else if (!is.ns4)
		id.innerHTML = '<nobr>' + cont + '</nobr>';
}

function DrawMenu()
{
	document.writeln('<div id="' + scroller.id + '" style="position:relative; width:' + scroller.width + '; height:' + scroller.height + '; clip:rect(0 '+ scroller.width + ' ' + scroller.height + ' 0); overflow:hidden; background-color:' + scroller.bg + '">');
	document.writeln('<div style="position:absolute; width:' + scroller.width + '; height:' + scroller.img.height + '; left:0; top:0">');
	document.writeln('<div id="imgsBottom_ie" style="position:absolute; width:' + scroller.width + '; left:0; top:' + scroller.sep.width + '">');
	document.write  ('<nobr>' + imgarray + '</nobr>');
	document.writeln('</div>');
	document.writeln('<div id="imgsTop_ie" style="position:absolute; width:' + scroller.width + '; left:0; top:' + scroller.sep.width + '; visibility:hidden">');
	document.write  ('<nobr>' + imgarray + '</nobr>');
	document.writeln('</div>');
	document.writeln('<div id="trans_ie" style="position:absolute; width:' + scroller.width + '; left:0; top:0">');
	document.write  ('<nobr>' + transarray + '</nobr>');
	document.writeln('</div>');
	document.writeln('</div>');
	document.writeln('</div>');
}

function InitMenu()
{
	parametres();

	scroller.img.attr = 'width=' + scroller.img.width + ' height=' + scroller.img.height + ' border=' + scroller.img.border + ' alt=""';	
	scroller.width = (scroller.nbElem * scroller.img.width) + (scroller.nbElem * 2 * scroller.sep.width);
	scroller.height = (scroller.img.height + (2 * scroller.sep.width));
	scroller.move = (scroller.img.width + (2 * scroller.sep.width));

	for (i=0; i<scroller.item.length; i++)
	{		
		scroller.array[i] = [];
		scroller.sldImg[i] = [];
		scroller.sldImgSrc[i] = [];
		for (k=0; k<scroller.item[i].length; k++)
		{
			scroller.array[i][k] = scroller.item[i][k][0].replace(".jpg", "");
			scroller.sldImgSrc[i][k] = scroller.img.path + scroller.img.subPath[i] + '/' + scroller.array[i][k];
			scroller.sldImg[i][k] = newSep() + '<img src=\"' + scroller.sldImgSrc[i][k] + '.' + scroller.img.type[i] + '\" ' + scroller.img.attr + '>' + newSep();
		}
	}

	preLoad();

	if (is.ns4)
	{
		scroller.speed =  Math.round(scroller.speed/2);
		scroller.clip = scroller.width + ',' + scroller.height;
	}
	if (is.ns6)
	{
		document.all = document.getElementsByTagName("*");
	}

	nest = (is.ns4) ? 'document.' + scroller.id + '.document.' : 'document.all.';
	sfx = (is.ns4) ? '': '_ie';

	maximg = scroller.sldImg[scroller.activeArray].length-1;
	imgarray = '';

	newArray(scroller.activeImg-2,scroller.activeImg+2);

	transarray  = '<table border=0 cellspacing=0 cellpadding=0><tr>';
	transarray += transelem(false, scroller.click.precedent);
	transarray += transelem(false, scroller.click.precedent);
	transarray += transelem(true, scroller.click.actuel);
	transarray += transelem(false, scroller.click.suivant);
	transarray += transelem(false, scroller.click.suivant);
	transarray += '</tr></table>';
	
	DrawMenu();
}

function transelem(active, onclick)
{
	res = '<td><table border=0 cellspacing=0 cellpadding=0>';
	
	if(active)
	{
		res += '<tr>';
		res += '<td><img src="' + scroller.coin.HG + '" width=' + scroller.sep.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '<td><img src="' + scroller.img.trans + '" width=' + scroller.img.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '<td><img src="' + scroller.coin.HD + '" width=' + scroller.sep.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '</tr>';
	
		res += '<tr>';
		res += '<td><img src="' + scroller.img.trans  + '" width=' + scroller.sep.width + ' height=' + scroller.img.height + ' border=0 alt=""><td>';
		res += '<td><img src="' + scroller.img.trans + '" width=' + scroller.img.width + ' height=' + scroller.img.height + ' border=0 alt="" onclick="' + onclick + '"><td>';
		res += '<td><img src="' + scroller.img.trans  + '" width=' + scroller.sep.width + ' height=' + scroller.img.height + ' border=0 alt=""><td>';
		res += '</tr>';
	
		res += '<tr>';
		res += '<td><img src="' + scroller.coin.BG + '" width=' + scroller.sep.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '<td><img src="' + scroller.img.trans + '" width=' + scroller.img.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '<td><img src="' + scroller.coin.BD + '" width=' + scroller.sep.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '</tr>';	
	}
	else
	{
		res += '<tr>';
		res += '<td><img src="' + scroller.img.trans + '" width=' + scroller.sep.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '<td><img src="' + scroller.img.trans + '" width=' + scroller.img.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '<td><img src="' + scroller.img.trans + '" width=' + scroller.sep.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '</tr>';
	
		res += '<tr>';
		res += '<td background="' + scroller.img.halftrans + '" style="filter:alpha(opacity=50);-moz-opacity:0.60;opacity: 0.60;"><img src="' + scroller.img.trans  + '" width=' + scroller.sep.width + ' height=' + scroller.img.height + ' border=0 alt=""><td>';
		res += '<td background="' + scroller.img.halftrans + '" style="filter:alpha(opacity=50);-moz-opacity:0.60;opacity: 0.60;"><img src="' + scroller.img.trans + '" width=' + scroller.img.width + ' height=' + scroller.img.height + ' border=0 alt="" onclick="' + onclick + '"><td>';
		res += '<td background="' + scroller.img.halftrans + '" style="filter:alpha(opacity=50);-moz-opacity:0.60;opacity: 0.60;"><img src="' + scroller.img.trans  + '" width=' + scroller.sep.width + ' height=' + scroller.img.height + ' border=0 alt=""><td>';
		res += '</tr>';
	
		res += '<tr>';
		res += '<td><img src="' + scroller.img.trans + '" width=' + scroller.sep.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '<td><img src="' + scroller.img.trans + '" width=' + scroller.img.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '<td><img src="' + scroller.img.trans + '" width=' + scroller.sep.width + ' height=' + scroller.sep.width + ' border=0 alt=""><td>';
		res += '</tr>';
	}
	
	res += '</table></td>';
	return res;
}

function newSep()
{
	return '<img src="' + scroller.img.trans + '" width=' + scroller.sep.width + ' height=' + scroller.sep.height + ' border=0 alt="">';
}