// VARIABLES COMMUNES

var effect = 2;
var effect2 = 1;
var time = 3000;



///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* */

////////////////////////////////////
// DIAPORAMA 1    (avec "effet 3D")   //
////////////////////////////////////

var current_image1 = 0;
var next_image1 = 1;
var image1 = new Array();
var titre1 = new Array();

function init1() {
	if(document.getElementsByClassName("image1")) {
		image1 = document.getElementsByClassName("image1");
		for(i=1; i < image1.length; i++) {
			image1[i].style.display = "none";
		}
	}
	
	if(image1.length > 1) galerie1();
}

function galerie1() {
	self.setTimeout("nextimage1()",time);	
}

function nextimage1() {
	if(effect == 1) { new Effect.Fade(image1[current_image1]); new Effect.Appear(image1[next_image1]); }
	if(effect == 2) { new Effect.BlindUp(image1[current_image1]); new Effect.BlindDown(image1[next_image1]); }

	if(next_image1 == (image1.length-1)) {
		current_image1 = next_image1;
		next_image1 = 0;
	} else {
		current_image1 = next_image1;
		next_image1++;
	}
	galerie1();
}
/* */



///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


/* */

///////////////////////////////////////////////////
//   DIAPORAMA 3 	 page des realisations 		///
///////////////////////////////////////////////////

var previous_image3 = 0;
var current_image3 = 0;
var next_image3 = 1;
var image3 = new Array();
var titre3 = new Array();
var inPause = false; 
var inEffect = false;	// permet de locker si un effet est en cours 

function init3() 
{
	if(document.getElementsByClassName("image")) {
		image3 = document.getElementsByClassName("image");
		titre3 = document.getElementsByClassName("titreimage");
		for(i=1; i < image3.length; i++) {
			image3[i].style.display = "none";
			titre3[i].style.display = "none";
		}
	}
	previous_image3 = image3.length - 1;
	if(image3.length > 1) galerie3();
}

function galerie3() {
	if (inPause == false)
		timeOutDiapo = self.setTimeout("nextimg()",time*1.8);	
}


function diapopause()
{
	inPause = !inPause;	 

	if (inPause == false)
	{
		$('bouton_play').src = '/images/BOUTON-PAUSE.png';
		galerie3();	
	}
	else
	{		
		$('bouton_play').src = '/images/BOUTON-PLAY.png';
		self.clearTimeout(timeOutDiapo);
	}
	
}


function nextimg() {
	if (inEffect == true)
		return;
	new Effect.Fade(image3[current_image3], {beforeStart:function(){inEffect = true},  afterFinish:function(){inEffect = false} } ); 
	new Effect.Appear(image3[next_image3]);
	if (titre3.length != 0) {
		new Effect.Fade(titre3[current_image3]);
		new Effect.Appear(titre3[next_image3])		
	}
	
  previous_image3 = current_image3;
	
  if(next_image3 == (image3.length-1)) {
		current_image3 = next_image3;
		next_image3 = 0;
	} else {
		current_image3 = next_image3;
		next_image3++;
	}

	galerie3();
}

function previousimg() {
	if (inEffect == true)
		return;		
	new Effect.Fade(image3[current_image3], {beforeStart:function(){inEffect = true},  afterFinish:function(){inEffect = false} } );
	new Effect.Appear(image3[previous_image3]);
	
	if (titre3.length != 0) {
		new Effect.Fade(titre3[current_image3]);
		new Effect.Appear(titre3[previous_image3])		
	}
	
	next_image3 = current_image3;
	
  if(previous_image3 == 0) {
		current_image3 = previous_image3;
		previous_image3 = image3.length-1;
	} else {
		current_image3 = previous_image3;
		previous_image3--;
	}
	
}


/* */

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

/* */

///////////////////////////////////////
// DIAPORAMA 4   (avec effet de fondu)  //
///////////////////////////////////////

var current_image4 = 0;
var next_image4 = 1;
var image4 = new Array();
var titre4 = new Array();

function init4() {
	if(document.getElementsByClassName("image4")) {
		image4 = document.getElementsByClassName("image4");
		for(i=1; i < image4.length; i++) { image4[i].style.display = "none"; 		}
	}
	
	if(image4.length > 1) galerie4();
}

function galerie4() {
	self.setTimeout("nextimage4()",time*1.8);	
}

function nextimage4() {
	new Effect.Fade(image4[current_image4]);
	new Effect.Appear(image4[next_image4]);
	if(next_image4 == (image4.length-1)) {
		current_image4 = next_image4;
		next_image4 = 0;
	} else {
		current_image4 = next_image4;
		next_image4++;
	}
	galerie4();
}
/* */


//////////////////////////////////////////////////////////////////////////////////////////////////

/*  */

///////////////////////////
//  DIAPO 5 : CAROUSSEL  //
///////////////////////////

sliderwidth=820;		// Largeur du slider (en pixels)
sliderheight=110;		// Hauteur du slider (en pixels)
slidespeed=2;				//Vitesse (entre 1 et 10)
slidebgcolor="transparent";	//Couleur de fond (transparent, ou #EAEAEA par exemple)
imagegap="&nbsp;&nbsp;&nbsp;" ;				//Espace entre chaque image (HTML):
slideshowgap=0;				// Pixels entre chaque rotation

var copyspeed=slidespeed;
var iedom=document.all||document.getElementById;
var actualwidth='';
var cross_slide, ns_slide;

var fini = false;

leftrightslide = '';
	
document.write('<span id="temp_slideshow" style="visibility:hidden;position:absolute;top:-100px;left:-100px"></span>');


function fillup()
{
	if (iedom)
	{
		cross_slide  = document.getElementById ? document.getElementById("test2_slideshow") : document.all.test2_slideshow
		cross_slide2 = document.getElementById ? document.getElementById("test3_slideshow") : document.all.test3_slideshow
		cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
		actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp_slideshow").offsetWidth
		cross_slide2.style.left=actualwidth+slideshowgap+"px"
	}
	else if (document.layers)
	{
		ns_slide=document.ns_slidemenu.document.ns_slidemenu2
		ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
		ns_slide.document.write(leftrightslide)
		ns_slide.document.close()
		actualwidth=ns_slide.document.width
		ns_slide2.left=actualwidth+slideshowgap
		ns_slide2.document.write(leftrightslide)
		ns_slide2.document.close()
	}
	lefttime=setInterval("slideleft()",10)
}

function init5(largeur_caroussel, hauteur_caroussel, id_name)
{	
	// on redéfinit la taille, si besoin
	if (largeur_caroussel)
		sliderwidth = parseInt(largeur_caroussel);
	if (hauteur_caroussel)
		sliderheight = parseInt(hauteur_caroussel);
	
	var affich = '<table border="0" cellspacing="0" cellpadding="0"><td>';
	if (iedom)
	{
		affich += '<div style="position:relative;width:'+sliderwidth+'px;height:'+sliderheight+'px;overflow:hidden">'
		affich += '<div style="position:absolute;width:'+sliderwidth+'px;height:'+sliderheight+'px;background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">'
		affich += '<div id="test2_slideshow" style="position:absolute;left:0px;top:0px"></div>'
		affich += '<div id="test3_slideshow" style="position:absolute;left:-1000px;top:0px"></div>'
		affich += '</div></div>'
	}
	else if (document.layers)
	{
		affich += '<ilayer width="'+sliderwidth+'px" height="'+sliderheight+'px" name="ns_slidemenu" bgColor='+slidebgcolor+'>'
		affich += '<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>'
		affich += '<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>'
		affich += '</ilayer>'
	}
	affich += '</td></table>';


	if (! $('myslideshow'))
	{
		myslideshow = document.createElement ('div');
		myslideshow.setAttribute('id', 'myslideshow');
	}

	$(id_name).appendChild(myslideshow);
	myslideshow.innerHTML = affich;


	leftrightslide = '<nobr> ';
	if(document.getElementsByClassName("image5")) 
	{
		var image5 = document.getElementsByClassName("image5");		
		for(i=0; i < image5.length; i++) 
		{
			var lien = image5[i].parentNode.href;
			var lien_deb = '';
			var lien_fin = '';
			if (lien)
			{
				lien_deb = '<a href="'+lien+'" rel="lightbox">';
				lien_fin = '</a>';
			}
			
			// On redéfinit la taille des images PROPORTIONNELLEMENT (par rapport à la hauteur du caroussel)
			var imageheight = sliderheight;
			var imagewidth = sliderheight * image5[i].width / image5[i].height ;
			
			leftrightslide += lien_deb + '<img src="'+ image5[i].src +'" border="0" width="'+imagewidth+'" height="'+imageheight+'" />' + lien_fin + imagegap;
		}
	}
	leftrightslide += '</nobr> ';
	
	$('temp_slideshow').innerHTML = leftrightslide;
	
	//window.onload=fillup ;
	fillup() ;
}


function slideleft()
{
	if (iedom)
	{
		if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
			cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
		else
			cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

		if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
			cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
		else
			cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
	}
	else if (document.layers)
	{
		if (ns_slide.left>(actualwidth*(-1)+8))
			ns_slide.left-=copyspeed
		else
			ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

		if (ns_slide2.left>(actualwidth*(-1)+8))
			ns_slide2.left-=copyspeed
		else
			ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
	}
}


/* */


///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////