//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////		SLIDESHOW	V 1.0	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	Textes
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

var slideshow_010_text = new Array();
slideshow_010_text['EN']					= "oxygenbay";
slideshow_010_text['ES']					= "oxygenbay";
slideshow_010_text['FR']					= "lundi";
slideshow_010_text['DE']					= "oxygenbay";
slideshow_010_text['IT']					= "oxygenbay";
slideshow_010_text['PT']					= "oxygenbay";

var slideshow_011_text = new Array();
slideshow_011_text['EN']					= "oxygenbay";
slideshow_011_text['ES']					= "oxygenbay";
slideshow_011_text['FR']					= "mardi";
slideshow_011_text['DE']					= "oxygenbay";
slideshow_011_text['IT']					= "oxygenbay";
slideshow_011_text['PT']					= "oxygenbay";

var slideshow_012_text = new Array();
slideshow_012_text['EN']					= "oxygenbay";
slideshow_012_text['ES']					= "oxygenbay";
slideshow_012_text['FR']					= "mercredi";
slideshow_012_text['DE']					= "oxygenbay";
slideshow_012_text['IT']					= "oxygenbay";
slideshow_012_text['PT']					= "oxygenbay";

var slideshow_013_text = new Array();
slideshow_013_text['EN']					= "oxygenbay";
slideshow_013_text['ES']					= "oxygenbay";
slideshow_013_text['FR']					= "jeudi";
slideshow_013_text['DE']					= "oxygenbay";
slideshow_013_text['IT']					= "oxygenbay";
slideshow_013_text['PT']					= "oxygenbay";

var slideshow_014_text = new Array();
slideshow_014_text['EN']					= "oxygenbay";
slideshow_014_text['ES']					= "oxygenbay";
slideshow_014_text['FR']					= "vendredi";
slideshow_014_text['DE']					= "oxygenbay";
slideshow_014_text['IT']					= "oxygenbay";
slideshow_014_text['PT']					= "oxygenbay";

var slideshow_015_text = new Array();
slideshow_015_text['EN']					= "oxygenbay";
slideshow_015_text['ES']					= "oxygenbay";
slideshow_015_text['FR']					= "samedi";
slideshow_015_text['DE']					= "oxygenbay";
slideshow_015_text['IT']					= "oxygenbay";
slideshow_015_text['PT']					= "oxygenbay";

var slideshow_016_text = new Array();
slideshow_016_text['EN']					= "oxygenbay";
slideshow_016_text['ES']					= "oxygenbay";
slideshow_016_text['FR']					= "dimanche";
slideshow_016_text['DE']					= "oxygenbay";
slideshow_016_text['IT']					= "oxygenbay";
slideshow_016_text['PT']					= "oxygenbay";

var slideshow_017_text = new Array();
slideshow_017_text['EN']					= "oxygenbay";
slideshow_017_text['ES']					= "oxygenbay";
slideshow_017_text['FR']					= "janvier";
slideshow_017_text['DE']					= "oxygenbay";
slideshow_017_text['IT']					= "oxygenbay";
slideshow_017_text['PT']					= "oxygenbay";

var slideshow_018_text = new Array();
slideshow_018_text['EN']					= "oxygenbay";
slideshow_018_text['ES']					= "oxygenbay";
slideshow_018_text['FR']					= "février";
slideshow_018_text['DE']					= "oxygenbay";
slideshow_018_text['IT']					= "oxygenbay";
slideshow_018_text['PT']					= "oxygenbay";

var slideshow_019_text = new Array();
slideshow_019_text['EN']					= "oxygenbay";
slideshow_019_text['ES']					= "oxygenbay";
slideshow_019_text['FR']					= "mars";
slideshow_019_text['DE']					= "oxygenbay";
slideshow_019_text['IT']					= "oxygenbay";
slideshow_019_text['PT']					= "oxygenbay";

var slideshow_020_text = new Array();
slideshow_020_text['EN']					= "oxygenbay";
slideshow_020_text['ES']					= "oxygenbay";
slideshow_020_text['FR']					= "avril";
slideshow_020_text['DE']					= "oxygenbay";
slideshow_020_text['IT']					= "oxygenbay";
slideshow_020_text['PT']					= "oxygenbay";

var slideshow_021_text = new Array();
slideshow_021_text['EN']					= "oxygenbay";
slideshow_021_text['ES']					= "oxygenbay";
slideshow_021_text['FR']					= "mai";
slideshow_021_text['DE']					= "oxygenbay";
slideshow_021_text['IT']					= "oxygenbay";
slideshow_021_text['PT']					= "oxygenbay";

var slideshow_022_text = new Array();
slideshow_022_text['EN']					= "oxygenbay";
slideshow_022_text['ES']					= "oxygenbay";
slideshow_022_text['FR']					= "juin";
slideshow_022_text['DE']					= "oxygenbay";
slideshow_022_text['IT']					= "oxygenbay";
slideshow_022_text['PT']					= "oxygenbay";

var slideshow_023_text = new Array();
slideshow_023_text['EN']					= "oxygenbay";
slideshow_023_text['ES']					= "oxygenbay";
slideshow_023_text['FR']					= "juillet";
slideshow_023_text['DE']					= "oxygenbay";
slideshow_023_text['IT']					= "oxygenbay";
slideshow_023_text['PT']					= "oxygenbay";

var slideshow_024_text = new Array();
slideshow_024_text['EN']					= "oxygenbay";
slideshow_024_text['ES']					= "oxygenbay";
slideshow_024_text['FR']					= "août";
slideshow_024_text['DE']					= "oxygenbay";
slideshow_024_text['IT']					= "oxygenbay";
slideshow_024_text['PT']					= "oxygenbay";

var slideshow_025_text = new Array();
slideshow_025_text['EN']					= "oxygenbay";
slideshow_025_text['ES']					= "oxygenbay";
slideshow_025_text['FR']					= "septembre";
slideshow_025_text['DE']					= "oxygenbay";
slideshow_025_text['IT']					= "oxygenbay";
slideshow_025_text['PT']					= "oxygenbay";

var slideshow_026_text = new Array();
slideshow_026_text['EN']					= "oxygenbay";
slideshow_026_text['ES']					= "oxygenbay";
slideshow_026_text['FR']					= "octobre";
slideshow_026_text['DE']					= "oxygenbay";
slideshow_026_text['IT']					= "oxygenbay";
slideshow_026_text['PT']					= "oxygenbay";

var slideshow_027_text = new Array();
slideshow_027_text['EN']					= "oxygenbay";
slideshow_027_text['ES']					= "oxygenbay";
slideshow_027_text['FR']					= "novembre";
slideshow_027_text['DE']					= "oxygenbay";
slideshow_027_text['IT']					= "oxygenbay";
slideshow_027_text['PT']					= "oxygenbay";

var slideshow_028_text = new Array();
slideshow_028_text['EN']					= "oxygenbay";
slideshow_028_text['ES']					= "oxygenbay";
slideshow_028_text['FR']					= "décembre";
slideshow_028_text['DE']					= "oxygenbay";
slideshow_028_text['IT']					= "oxygenbay";
slideshow_028_text['PT']					= "oxygenbay";

var slideshow_100_text = new Array();
slideshow_100_text['EN']					= "oxygenbay";
slideshow_100_text['ES']					= "oxygenbay";
slideshow_100_text['FR']					= "Lun";
slideshow_100_text['DE']					= "oxygenbay";
slideshow_100_text['IT']					= "oxygenbay";
slideshow_100_text['PT']					= "oxygenbay";

var slideshow_101_text = new Array();
slideshow_101_text['EN']					= "oxygenbay";
slideshow_101_text['ES']					= "oxygenbay";
slideshow_101_text['FR']					= "Mar";
slideshow_101_text['DE']					= "oxygenbay";
slideshow_101_text['IT']					= "oxygenbay";
slideshow_101_text['PT']					= "oxygenbay";

var slideshow_102_text = new Array();
slideshow_102_text['EN']					= "oxygenbay";
slideshow_102_text['ES']					= "oxygenbay";
slideshow_102_text['FR']					= "Mer";
slideshow_102_text['DE']					= "oxygenbay";
slideshow_102_text['IT']					= "oxygenbay";
slideshow_102_text['PT']					= "oxygenbay";

var slideshow_103_text = new Array();
slideshow_103_text['EN']					= "oxygenbay";
slideshow_103_text['ES']					= "oxygenbay";
slideshow_103_text['FR']					= "Jeu";
slideshow_103_text['DE']					= "oxygenbay";
slideshow_103_text['IT']					= "oxygenbay";
slideshow_103_text['PT']					= "oxygenbay";

var slideshow_104_text = new Array();
slideshow_104_text['EN']					= "oxygenbay";
slideshow_104_text['ES']					= "oxygenbay";
slideshow_104_text['FR']					= "Ven";
slideshow_104_text['DE']					= "oxygenbay";
slideshow_104_text['IT']					= "oxygenbay";
slideshow_104_text['PT']					= "oxygenbay";

var slideshow_105_text = new Array();
slideshow_105_text['EN']					= "oxygenbay";
slideshow_105_text['ES']					= "oxygenbay";
slideshow_105_text['FR']					= "Sam";
slideshow_105_text['DE']					= "oxygenbay";
slideshow_105_text['IT']					= "oxygenbay";
slideshow_105_text['PT']					= "oxygenbay";

var slideshow_106_text = new Array();
slideshow_106_text['EN']					= "oxygenbay";
slideshow_106_text['ES']					= "oxygenbay";
slideshow_106_text['FR']					= "Dim";
slideshow_106_text['DE']					= "oxygenbay";
slideshow_106_text['IT']					= "oxygenbay";
slideshow_106_text['PT']					= "oxygenbay";

var slideshow_107_text = new Array();
slideshow_107_text['EN']					= "oxygenbay";
slideshow_107_text['ES']					= "oxygenbay";
slideshow_107_text['FR']					= "semaine du";
slideshow_107_text['DE']					= "oxygenbay";
slideshow_107_text['IT']					= "oxygenbay";
slideshow_107_text['PT']					= "oxygenbay";

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	Code
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function oxbSlideShow( name )
{
	this.date = new Date();
	this.internalID = 'sls_' + this.date.getTime() + '_';
	this.name = name;
	//this.baseIcons	= '../../../backoffice/themes/oxygenbay/variations/default/img/';
	this.baseIcons	= 'img/';
	
	this.oxyslideshowActualPicture			= 0;
	this.oxyslideshowActualPictureContainer	= "first";
	this.oxyslideshowActualPictureWidth		= 0;
	this.oxyslideshowActualPictureHeight		= 0;
	this.oxyslideshowTimer					= "";
	this.oxyslideshowMode					= "single";
	this.oxyslideshowMargin					= 0;
	this.oxyslideshowPicsArray				= new Array();
	this.oxyslideshowPicsArrayToDisplay		= new Array();
	this.oxyslideshowPicsClassname			= "";

	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Ouverture du slideshow																									|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.openSlideshow = function ( thisPicture, thisMode, thisMargin, thisSlideshowClassname, thisPicsContainerClassname, thisPicsClassname )
	{
		//	Réinitialisationn des variables
		this.oxyslideshowActualPicture			= 0;
		this.oxyslideshowActualPictureContainer	= "first";
		this.oxyslideshowActualPictureWidth		= 0;
		this.oxyslideshowActualPictureHeight	= 0;
		this.oxyslideshowTimer					= "";
		this.oxyslideshowMode					= "single";
		this.oxyslideshowMargin					= 0;
		this.oxyslideshowPicsArray				= new Array();
		this.oxyslideshowPicsArrayToDisplay		= new Array();
		this.oxyslideshowScrolltop				= document.documentElement.scrollTop;
		this.oxyslideshowPicsClassname			= thisPicsClassname;
		
		//var urlimg = changeUrlParam(thisPicture.scr,'width','*');
		
		//	Construction du Array des images à afficher
		this.oxyslideshowPicsArray = document.getElementsByTagName("img");
		
		for ( var i = 0; i < this.oxyslideshowPicsArray.length; i++ ) 
		{
			if ( this.oxyslideshowPicsArray[i].getAttribute("oxyslideshow") == "yes" )
			{
				this.oxyslideshowPicsArrayToDisplay.push( changeUrlParam(this.oxyslideshowPicsArray[i].src,'width','*' ) );
			}
		}
		
		document.body.style.overflow = "hidden";
		
		getPageWidth();
		getWindowHeight();
		
		if ( thisMargin == "fullscreen" )
		{
			this.oxyslideshowMargin = 0;
		}
		else
		{
			this.oxyslideshowMargin = thisMargin;
		}
		
		//	Retaillages
		$(this.internalID + "slideshow").style.width = pageWidth + "px";
		$(this.internalID + "slideshow").style.height = windowHeight + "px";
		$(this.internalID + "slideshow").style.top = this.oxyslideshowScrolltop + "px";
		
		$(this.internalID + "pictureContainer1").style.width = pageWidth - ( this.oxyslideshowMargin * 2 ) + "px";
		$(this.internalID + "pictureContainer1").style.height = windowHeight - ( this.oxyslideshowMargin * 2 ) + "px";
		$(this.internalID + "pictureContainer1").style.top = this.oxyslideshowScrolltop + this.oxyslideshowMargin + "px";
		$(this.internalID + "pictureContainer1").style.left = this.oxyslideshowMargin + "px";
		
		$(this.internalID + "pictureContainer2").style.width = pageWidth - ( this.oxyslideshowMargin * 2 ) + "px";
		$(this.internalID + "pictureContainer2").style.height = windowHeight - ( this.oxyslideshowMargin * 2 ) + "px";
		$(this.internalID + "pictureContainer2").style.top = this.oxyslideshowScrolltop + this.oxyslideshowMargin + "px";
		$(this.internalID + "pictureContainer2").style.left = this.oxyslideshowMargin + "px";
		
		//	Attribution du style css
		if( thisPicsContainerClassname != "" )
		{
			$(this.internalID + "pictureContainer1").className = thisPicsContainerClassname;
			$(this.internalID + "pictureContainer2").className = thisPicsContainerClassname;
		}
		else
		{
			$(this.internalID + "pictureContainer1").style.backgroundColor	= '#FFFFFF';
			$(this.internalID + "pictureContainer2").style.backgroundColor	= '#FFFFFF';
		}
		if( thisSlideshowClassname != "" )
		{
			$(this.internalID + "slideshow").className = thisSlideshowClassname;
		}
		else
		{
			$(this.internalID + "slideshow").style.backgroundColor	= '#000000';
			$(this.internalID + "slideshow").style.filter			= 'alpha(opacity=50)';	// IE
			$(this.internalID + "slideshow").style.opacity			= 0.50;					// Other browsers
		}
		
		//	Affichage des élements
		$(this.internalID + "slideshowNav").style.display = "block";
		$(this.internalID + "slideshow").style.display = "block";
		
		if ( thisMode == "single" )
		{
			$(this.internalID + "slideshowButton1").style.display = "none";
			$(this.internalID + "slideshowButton2").style.display = "none";
			$(this.internalID + "slideshowButton3").style.display = "none";
			$(this.internalID + "slideshowButton4").style.display = "none";
			$(this.internalID + "slideshowButton5").style.display = "none";
			
			$(this.internalID + "slideshowSpacer1").style.display = "none";
			$(this.internalID + "slideshowSpacer2").style.display = "none";
			$(this.internalID + "slideshowSpacer3").style.display = "none";
			$(this.internalID + "slideshowSpacer4").style.display = "none";
			$(this.internalID + "slideshowSpacer5").style.display = "none";
		}
		else
		{
			$(this.internalID + "slideshowButton1").style.display = "block";
			$(this.internalID + "slideshowButton2").style.display = "block";
			$(this.internalID + "slideshowButton3").style.display = "block";
			$(this.internalID + "slideshowButton4").style.display = "block";
			$(this.internalID + "slideshowButton5").style.display = "block";
			
			$(this.internalID + "slideshowSpacer1").style.display = "block";
			$(this.internalID + "slideshowSpacer2").style.display = "block";
			$(this.internalID + "slideshowSpacer3").style.display = "block";
			$(this.internalID + "slideshowSpacer4").style.display = "block";
			$(this.internalID + "slideshowSpacer5").style.display = "block";
		}
		
		//	Positionnement du DIV "slideshowNav" après lui avoir affecté la propriété display:block
		$(this.internalID + "slideshowNav").style.width = pageWidth - ( this.oxyslideshowMargin * 2 ) + "px";
		$(this.internalID + "slideshowNav").style.top = this.oxyslideshowScrolltop + windowHeight - $(this.internalID + "slideshowNav").offsetHeight - this.oxyslideshowMargin + "px";
		$(this.internalID + "slideshowNav").style.left = this.oxyslideshowMargin + "px";
		
		//	Retourne le rang de l'image dans le Array
		
		for ( var i = 0; i < this.oxyslideshowPicsArrayToDisplay.length; i++ )
		{
			if (typeof thisPicture != "undefined" && thisPicture )
			{
				if (changeUrlParam(thisPicture.src, 'width', '*') == this.oxyslideshowPicsArrayToDisplay[i])
				{
					this.oxyslideshowActualPicture = i;
				}
			}
		}
		
		this.oxyslideshowActualPictureContainer = "first";
		$(this.internalID + "picture1").innerHTML = "<img objid='" + this.name + "' id='" + this.internalID + "picture1_picture' src='" + changeUrlParam(this.oxyslideshowPicsArrayToDisplay[ this.oxyslideshowActualPicture ],"width","*") + "'>";
		
		//	Attribution du style de l'image
		if( thisPicsClassname != "" )
		{
			$(this.internalID + "picture1_picture").className = thisPicsClassname;
		}
		
		this.slideshowDisplay('1');
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Fermeture du slideshow																									|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.closeSlideshow = function ()
	{
		clearTimeout(this.oxyslideshowTimer);
		
		$(this.internalID + "slideshow"		).style.display = "none";
		$(this.internalID + "slideshowNav"	).style.display = "none";
		$(this.internalID + "pictureContainer1").style.display = "none";
		$(this.internalID + "pictureContainer2").style.display = "none";
		
		document.body.style.overflow = "auto";
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Ouverture de la barre de navigation du slideshow																		|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.showSlideshowNav = function ()
	{
		$(this.internalID + "slideshowNav").style.display = "block";
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Fermeture de la barre de navigation du slideshow																		|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.hideSlideshowNavTimer = "";
	this.cursorOnSlideshow = "false";
	this.hideSlideshowNav = function ()
	{
		this.hideSlideshowNavTimer = setTimeout( this.name + '.hideSlideshowNavDelayed()', 500 );
	};
	this.hideSlideshowNavDelayed = function ()
	{
		if( this.cursorOnSlideshow == "false" )
		{
			clearTimeout(this.hideSlideshowNavTimer);
			$(this.internalID + "slideshowNav").style.display = "none";
		}
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Affichage de la photo souhaitée - Switch du conteneur de l'image														|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.actualContainer = null;
	this.slideshowDisplay = function ( thisPicture )
	{
		this.actualContainer = thisPicture;
		
		$(this.internalID + "picture" + thisPicture + "_picture").className = this.oxyslideshowPicsClassname;
		
		if( thisPicture == "1" )
		{
			$(this.internalID + "pictureContainer1").style.display = "block";
			$(this.internalID + "pictureContainer2").style.display = "none";
			var pict = $(this.internalID + "picture1_picture");
			if ( pict )
			{
				this.oxyslideshowActualPictureWidth = $(this.internalID + "picture1_picture").offsetWidth;
			}
		}
		else
		{
			$(this.internalID + "pictureContainer2").style.display = "block";
			$(this.internalID + "pictureContainer1").style.display = "none";
			this.oxyslideshowActualPictureWidth = $(this.internalID + "picture2_picture").offsetWidth;
		}
		this.slideshowPicFitScreenOnPlay();
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Slideshow navigation - Previous																							|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.slideshowPrevious = function ()
	{
		this.oxyslideshowActualPicture--;
		
		//	Comptage
		if( this.oxyslideshowActualPicture < 0 ) { this.oxyslideshowActualPicture = 0; }
		
		//	Switch du conteneur de l'image
		if( this.oxyslideshowActualPictureContainer == "first" )
		{
			this.oxyslideshowActualPictureContainer = "second";
			$(this.internalID + "picture1").innerHTML = "<img objid='" + this.name + "' id='" + this.internalID + "picture1_picture' src='" + changeUrlParam(this.oxyslideshowPicsArrayToDisplay[ this.oxyslideshowActualPicture ],"width","*") + "'>";
			this.slideshowDisplay('1');
		}
		else
		{
			this.oxyslideshowActualPictureContainer = "first";
			$(this.internalID + "picture2").innerHTML = "<img objid='" + this.name + "' id='" + this.internalID + "picture2_picture' src='" + changeUrlParam(this.oxyslideshowPicsArrayToDisplay[ this.oxyslideshowActualPicture ],"width","*") + "'>";
			this.slideshowDisplay('2');
		}
		this.slideshowPicFitScreenOnPlay();
	};
	this.slideshowPlayPrevious = function ()
	{
		clearTimeout(this.oxyslideshowTimer);
		this.slideshowPrevious();
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Slideshow navigation - Next																								|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.slideshowNext = function ()
	{
		this.oxyslideshowActualPicture++;
		
		//	Comptage
		if( this.oxyslideshowActualPicture > this.oxyslideshowPicsArrayToDisplay.length - 1 ) { clearTimeout(this.oxyslideshowTimer); this.oxyslideshowActualPicture = this.oxyslideshowPicsArrayToDisplay.length - 1; }
		
		//	Switch du conteneur de l'image
		if( this.oxyslideshowActualPictureContainer == "first" )
		{
			this.oxyslideshowActualPictureContainer = "second";
			$(this.internalID + "picture1").innerHTML = "<img objid='" + this.name + "' id='" + this.internalID + "picture1_picture' src='" + changeUrlParam(this.oxyslideshowPicsArrayToDisplay[ this.oxyslideshowActualPicture ],"width","*") + "'>";
			this.slideshowDisplay('1');
		}
		else
		{
			this.oxyslideshowActualPictureContainer = "first";
			$(this.internalID + "picture2").innerHTML = "<img objid='" + this.name + "' id='" + this.internalID + "picture2_picture' src='" + changeUrlParam(this.oxyslideshowPicsArrayToDisplay[ this.oxyslideshowActualPicture ],"width","*") + "'>";
			this.slideshowDisplay('2');
		}
		this.slideshowPicFitScreenOnPlay();
	};
	this.slideshowPlayNext = function ()
	{
		this.slideshowNext();
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Slideshow navigation - First image																						|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.slideshowFirst = function ()
	{
		clearTimeout(this.oxyslideshowTimer);
		
		this.oxyslideshowActualPicture = 0;
		
		//	Switch du conteneur de l'image
		if( this.oxyslideshowActualPictureContainer == "first" )
		{
			this.oxyslideshowActualPictureContainer = "second";
			$(this.internalID + "picture1").innerHTML = "<img objid='" + this.name + "' id='" + this.internalID + "picture1_picture' src='" + changeUrlParam(this.oxyslideshowPicsArrayToDisplay[ 0 ],"width","*") + "'>";
			this.slideshowDisplay('1');
		}
		else
		{
			this.oxyslideshowActualPictureContainer = "first";
			$(this.internalID + "picture2").innerHTML = "<img objid='" + this.name + "' id='" + this.internalID + "picture2_picture' src='" + changeUrlParam(this.oxyslideshowPicsArrayToDisplay[ 0 ],"width","*") + "'>";
			this.slideshowDisplay('2');
		}
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Augmentation de la taille de l'image affichée																			|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.slideshowZoomIn = function ()
	{
		clearTimeout(this.oxyslideshowTimer);
		
		var thePicture = $(this.internalID + "picture" + this.actualContainer + "_picture");
		thePicture.style.height = "auto";
		thePicture.style.width = this.oxyslideshowActualPictureWidth + 100 + "px";
		this.oxyslideshowActualPictureWidth = this.oxyslideshowActualPictureWidth + 100;
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Augmentation de la taille de l'image affichée																			|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.slideshowZoomOut = function ()
	{
		clearTimeout(this.oxyslideshowTimer);
		
		var thePicture = $(this.internalID + "picture" + this.actualContainer + "_picture");
		thePicture.style.height = "auto";
		if ( this.oxyslideshowActualPictureWidth > 100 )
		{
			thePicture.style.width = this.oxyslideshowActualPictureWidth - 100 + "px";
			this.oxyslideshowActualPictureWidth = this.oxyslideshowActualPictureWidth - 100;
		}
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Affichage de l'image en taille réelle																					|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.slideshowPicFullSize = function ()
	{
		clearTimeout(this.oxyslideshowTimer);
		
		$(this.internalID + "picture" + this.actualContainer ).innerHTML = "<img id='" + this.internalID + "picture" + this.actualContainer + "_picture' src='" + this.oxyslideshowPicsArrayToDisplay[ this.oxyslideshowActualPicture ] + "'>";
		$(this.internalID + "picture" + this.actualContainer + "_picture").className = this.oxyslideshowPicsClassname;
		this.oxyslideshowActualPictureWidth = $(this.internalID + "picture" + this.actualContainer + "_picture").offsetWidth;
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Affichage de l'image en taille ajustée à celle de l'écran																|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.slideshowPicFitScreenOnPlay = function()
	{
		getPageWidth();
		getWindowHeight();
		
		var thePicture = $(this.internalID + "picture" + this.actualContainer + "_picture");
		
		if( thePicture.offsetWidth > pageWidth - ( this.oxyslideshowMargin * 2 ) || thePicture.offsetHeight > windowHeight - ( this.oxyslideshowMargin * 2 ) )
		{
			if( ( pageWidth / thePicture.offsetWidth ) < ( windowHeight / thePicture.offsetHeight ) )
			{
				//	Retaillage en largeur et suppression de la taille de la bordure
				thePicture.style.height = "auto";
				thePicture.style.width =  pageWidth - ( this.oxyslideshowMargin * 2 ) - ( thePicture.offsetWidth - thePicture.clientWidth ) + "px";
			}
			else
			{
				//	Retaillage en hauteur et suppression de la taille de la bordure
				thePicture.style.width = "auto";
				thePicture.style.height =  windowHeight - ( this.oxyslideshowMargin * 2 ) - ( thePicture.offsetHeight - thePicture.clientHeight ) + "px";
			}
		}
		
		this.oxyslideshowActualPictureWidth = $(this.internalID + "picture" + this.actualContainer + "_picture").offsetWidth;
	};
	this.slideshowPicFitScreen = function()
	{
		getPageWidth();
		getWindowHeight();
		
		var thePicture = $(this.internalID + "picture" + this.actualContainer + "_picture");
		
		if( ( pageWidth / thePicture.offsetWidth ) < ( windowHeight / thePicture.offsetHeight ) )
		{
			//	Retaillage en largeur et suppression de la taille de la bordure
			thePicture.style.height = "auto";
			thePicture.style.width =  pageWidth - ( this.oxyslideshowMargin * 2 ) - ( thePicture.offsetWidth - thePicture.clientWidth ) + "px";
		}
		else
		{
			//	Retaillage en hauteur et suppression de la taille de la bordure
			thePicture.style.width = "auto";
			thePicture.style.height =  windowHeight - ( this.oxyslideshowMargin * 2 ) - ( thePicture.offsetHeight - thePicture.clientHeight ) + "px";
		}
		
		this.oxyslideshowActualPictureWidth = $(this.internalID + "picture" + this.actualContainer + "_picture").offsetWidth;
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Lecture																													|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.slideshowPlay = function ()
	{
		this.slideshowNext();
		this.oxyslideshowTimer = setInterval( this.name + '.slideshowNext()',2000);
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Pause																													|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.slideshowPause = function ()
	{
		clearTimeout(this.oxyslideshowTimer);
	};
	/*--------------------------------------------------------------------------------------------------------------------------\
	|	Création des éléments																									|
	\--------------------------------------------------------------------------------------------------------------------------*/
	this.initOxyslideshow = function ()
	{
		var newDiv = document.createElement('div');
		newDiv.innerHTML				= '';
		newDiv.id						= this.internalID + 'slideshow';
		newDiv.style.position			= 'absolute';
		newDiv.style.zIndex				= '9999';
		newDiv.style.bottom				= '0px';
		newDiv.style.left				= '0px';
		newDiv.style.display			= 'none';
		newDiv.setAttribute( 'objid', this.name );
		
		newDiv.onmouseenter				= function() { if ( document.all )  { eval( this.getAttribute( 'objid' ) + '.showSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "true";'); } };
		newDiv.onmouseleave				= function() { if ( document.all )  { eval( this.getAttribute( 'objid' ) + '.hideSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "false";'); } };
		newDiv.onmouseover				= function() { if ( !document.all ) { eval( this.getAttribute( 'objid' ) + '.showSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "true";'); } };
		newDiv.onmouseout				= function() { if ( !document.all ) { eval( this.getAttribute( 'objid' ) + '.hideSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "false";'); } };
		document.body.appendChild(newDiv);
		
		
		var newDiv = document.createElement('div');
		newDiv.innerHTML				= '<table style="width:100%;height:100%;" cellspacing="0" cellpadding="0" border="0"><tr><td align="center" valign="middle" id="' + this.internalID + 'picture1"></td></tr></table>';
		newDiv.id						= this.internalID + 'pictureContainer1';
		newDiv.style.position			= 'absolute';
		newDiv.style.zIndex				= '9999';
		newDiv.style.display			= 'none';
		newDiv.style.overflow			= 'auto';
		newDiv.setAttribute( 'objid', this.name );
		newDiv.onmouseenter				= function() { if ( document.all )  { eval( this.getAttribute( 'objid' ) + '.showSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "true";'); } };
		newDiv.onmouseleave				= function() { if ( document.all )  { eval( this.getAttribute( 'objid' ) + '.hideSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "false";'); } };
		newDiv.onmouseover				= function() { if ( !document.all ) { eval( this.getAttribute( 'objid' ) + '.showSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "true";'); } };
		newDiv.onmouseout				= function() { if ( !document.all ) { eval( this.getAttribute( 'objid' ) + '.hideSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "false";'); } };
		document.body.appendChild(newDiv);
		
		
		var newDiv = document.createElement('div');
		newDiv.innerHTML				= '<table style="width:100%;height:100%;" cellspacing="0" cellpadding="0" border="0"><tr><td align="center" valign="middle" id="' + this.internalID + 'picture2"></td></tr></table>';
		newDiv.id						= this.internalID + 'pictureContainer2';
		newDiv.style.position			= 'absolute';
		newDiv.style.zIndex				= '9999';
		newDiv.style.display			= 'none';
		newDiv.style.overflow			= 'auto';
		newDiv.setAttribute( 'objid', this.name );
		newDiv.onmouseenter				= function() { if ( document.all ) { eval( this.getAttribute( 'objid' ) + '.showSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "true";'); } };
		newDiv.onmouseleave				= function() { if ( document.all ) { eval( this.getAttribute( 'objid' ) + '.hideSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "false";'); } };
		newDiv.onmouseover				= function() { if ( !document.all ) { eval( this.getAttribute( 'objid' ) + '.showSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "true";'); } };
		newDiv.onmouseout				= function() { if ( !document.all ) { eval( this.getAttribute( 'objid' ) + '.hideSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "false";'); } };
		document.body.appendChild(newDiv);
		
		var newDiv = document.createElement('div');
		var theHTML						= '<table align="center" cellspacing="0" cellpadding="0" border="0">';
		theHTML							+= '	<tr>';
		theHTML							+= '		<td><img src="' + this.baseIcons + 'pixel.gif" width="1" height="5"></td>';
		theHTML							+= '	</tr>';
		theHTML							+= '	<tr>';
		theHTML							+= '		<td align="center"><div id="' + this.internalID + 'slideshowNavText">Texte de navigation</div></td>';
		theHTML							+= '	</tr>';
		theHTML							+= '	<tr>';
		theHTML							+= '		<td><img src="' + this.baseIcons + 'pixel.gif" width="1" height="10"></td>';
		theHTML							+= '	</tr>';
		theHTML							+= '	<tr>';
		theHTML							+= '		<td>';
		theHTML							+= '			<table align="center" cellspacing="0" cellpadding="0" border="0">';
		theHTML							+= '				<tr>';
		theHTML							+= '					<td>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.slideshowFirst();" id="' + this.internalID + 'slideshowButton1"><img src="' + this.baseIcons + 'slide1.png" width="50" height="40"></div>';
		theHTML							+= '					<div style="float:left;" id="' + this.internalID + 'slideshowSpacer1"><img src="' + this.baseIcons + 'pixel.gif" width="5" height="1"></div>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.slideshowPlayPrevious();" id="' + this.internalID + 'slideshowButton2"><img src="' + this.baseIcons + 'slide2.png" width="50" height="40"></div>';
		theHTML							+= '					<div style="float:left;" id="' + this.internalID + 'slideshowSpacer2"><img src="' + this.baseIcons + 'pixel.gif" width="5" height="1"></div>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.slideshowPlay();" id="' + this.internalID + 'slideshowButton3"><img src="' + this.baseIcons + 'slide3.png" width="50" height="40"></div>';
		theHTML							+= '					<div style="float:left;" id="' + this.internalID + 'slideshowSpacer3"><img src="' + this.baseIcons + 'pixel.gif" width="5" height="1"></div>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.slideshowPause();" id="' + this.internalID + 'slideshowButton4"><img src="' + this.baseIcons + 'slide4.png" width="50" height="40"></div>';
		theHTML							+= '					<div style="float:left;" id="' + this.internalID + 'slideshowSpacer4"><img src="' + this.baseIcons + 'pixel.gif" width="5" height="1"></div>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.slideshowPlayNext();" id="' + this.internalID + 'slideshowButton5"><img src="' + this.baseIcons + 'slide5.png" width="50" height="40"></div>';
		theHTML							+= '					<div style="float:left;" id="' + this.internalID + 'slideshowSpacer5"><img src="' + this.baseIcons + 'pixel.gif" width="5" height="1"></div>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.slideshowPicFitScreen();"><img src="' + this.baseIcons + 'slide6.png" width="50" height="40"></div>';
		theHTML							+= '					<div style="float:left;"><img src="' + this.baseIcons + 'pixel.gif" width="5" height="1"></div>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.slideshowPicFullSize();"><img src="' + this.baseIcons + 'slide7.png" width="50" height="40"></div>';
		theHTML							+= '					<div style="float:left;"><img src="' + this.baseIcons + 'pixel.gif" width="5" height="1"></div>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.slideshowZoomIn();"><img src="' + this.baseIcons + 'slide8.png" width="50" height="40"></div>';
		theHTML							+= '					<div style="float:left;"><img src="' + this.baseIcons + 'pixel.gif" width="5" height="1"></div>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.slideshowZoomOut();"><img src="' + this.baseIcons + 'slide9.png" width="50" height="40"></div>';
		theHTML							+= '					<div style="float:left;"><img src="' + this.baseIcons + 'pixel.gif" width="5" height="1"></div>';
		theHTML							+= '					<div style="cursor:pointer; float:left;" onclick="' + this.name + '.closeSlideshow();"><img src="' + this.baseIcons + 'slide10.png" width="50" height="40"></div>';
		theHTML							+= '					</td>';
		theHTML							+= '				</tr>';
		theHTML							+= '			</table>';
		theHTML							+= '		</td>';
		theHTML							+= '	</tr>';
		theHTML							+= '	<tr>';
		theHTML							+= '		<td><img src="' + this.baseIcons + 'pixel.gif" width="1" height="20"></td>';
		theHTML							+= '	</tr>';
		theHTML							+= '</table>';
		newDiv.innerHTML				= theHTML;
		newDiv.id						= this.internalID + 'slideshowNav';
		newDiv.style.position			= 'absolute';
		newDiv.style.zIndex				= '99999';
		newDiv.style.display			= 'none';	
		newDiv.setAttribute( 'objid', this.name );
		newDiv.onmouseenter				= function() { if ( document.all ) { eval( this.getAttribute( 'objid' ) + '.showSlideshowNav();' ); eval( this.getAttribute( 'objid' )  + '.cursorOnSlideshow = "true";'); } };
		newDiv.onmouseleave				= function() { if ( document.all ) { eval( this.getAttribute( 'objid' ) + '.hideSlideshowNav();' ); eval( this.getAttribute( 'objid' )  + '.cursorOnSlideshow = "false";'); } };
		newDiv.onmouseover				= function() { if ( !document.all ) { eval( this.getAttribute( 'objid' ) + '.showSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "true";'); } };
		newDiv.onmouseout				= function() { if ( !document.all ) { eval( this.getAttribute( 'objid' ) + '.hideSlideshowNav();' ); eval( this.getAttribute( 'objid' ) + '.cursorOnSlideshow = "false";'); } };
		document.body.appendChild(newDiv);			
	}	
}
////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////	OXYSLIDESHOW	////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////