window.onload=init

function init(){	
	slider();	
	
}


function slider(){	

	//nb pictures and text to display on the slideshow
	var nbImageEtTexteSlide=6;		
	nbImageEtTexteSlide=nbImageEtTexteSlide-1;
	
	//containt of the slide
	var slideDiv = document.getElementById('slideShow');	
	
	
	//we create pictures
	var imgSlide01 = document.createElement('img')
	imgSlide01.src=('images/slide-homepage/1.jpg');
	imgSlide01.alt='kss1';	
	var imgSlide02 = document.createElement('img')
	imgSlide02.src=('images/slide-homepage/2.jpg');
	imgSlide02.alt='kss2';	
	var imgSlide03 = document.createElement('img')
	imgSlide03.src=('images/slide-homepage/3.jpg');
	imgSlide03.alt='kss3';	
	var imgSlide04 = document.createElement('img')
	imgSlide04.src=('images/slide-homepage/4.jpg');
	imgSlide04.alt='kss4';	
	var imgSlide05 = document.createElement('img')
	imgSlide05.src=('images/slide-homepage/5.jpg');
	imgSlide05.alt='kss5';
	var imgSlide06 = document.createElement('img')
	imgSlide06.src=('images/slide-homepage/6.jpg');
	imgSlide06.alt='kss6';		
	//pictures's content tab
	var tabSlide=[imgSlide01,imgSlide02,imgSlide03,imgSlide04,imgSlide05,imgSlide06];
	
	//Text
	//We get all the text of the slide
	var monTexte1=document.getElementById("texteBanner1");
	var monTexte2=document.getElementById("texteBanner2");
	var monTexte3=document.getElementById("texteBanner3");
	var monTexte4=document.getElementById("texteBanner4");
	var monTexte5=document.getElementById("texteBanner5");
	var monTexte6=document.getElementById("texteBanner6");

	//text tab
	var tabTexte=[monTexte1,monTexte2,monTexte3,monTexte4,monTexte5,monTexte6];

		
	//First picture on load
	$('#slideShow').fadeIn(1400);
	slideDiv.appendChild(tabSlide[0]);
	//First text by default
	tabTexte[0].style.display="inline";	
	
	i=0;
	function animate(){	
		
		//delete previous picture		
		slideDiv.removeChild(tabSlide[i]);	
		//delete previous text
		tabTexte[i].style.display="none";	
		
		if (i<nbImageEtTexteSlide) {//If its not the end
			i++;
		}
		else{
			i=0;
		}		
		$('#slideShow').fadeIn(1400);			
		//Add new picture
		slideDiv.appendChild(tabSlide[i]);	
		//Add new text
		tabTexte[i].style.display="inline";			
	}	
	//slide every 6000msc
	setInterval(animate,6000);		
}//end of slider function