/// gestion du loader



$(document).ready(function(){

	/// on prepare la variable qui recevra les noms des fichiers images					   

	for(m=0;m<3;m++){
	image=new Array();
	image[m] = new Array();
	}
	
	/// on remplace chaque image par le loader

	for(m=1;m<=nombredimage;m++){
	image[m] = document.getElementById("image"+m).src;                           
	$('#calle'+m).css('height','45%');
	$('#ptbloc'+m).css('height','50px');
	document.getElementById("image"+m).src = 'img/loader.gif';
	}
	
	/// fonctions qui remplace le loader par l'image quand celle)-ci est chargée et lance le remplacement suivant

	function charge1(){
	var monImage1 = new Image();    monImage1.src = image[1];    monImage1.onload = function()    {document.getElementById("image1").src = image[1];
	$('#calle1').css('height',taillecalle[1]+'%'); $('#ptbloc1').css('height', 100 - taillecalle[1]*2 + '%'); charge2();};
	}
	function charge2(){
	var monImage2 = new Image();    monImage2.src = image[2];    monImage2.onload = function()    {document.getElementById("image2").src = image[2];
	$('#calle2').css('height',taillecalle[2]+'%'); $('#ptbloc2').css('height',100 - taillecalle[2]*2 + '%'); charge3();};
	}
	function charge3(){
	var monImage3 = new Image();    monImage3.src = image[3];    monImage3.onload = function()    {document.getElementById("image3").src = image[3];
	$('#calle3').css('height',taillecalle[3]+'%'); $('#ptbloc3').css('height',100 - taillecalle[3]*2 + '%');charge4();};
	}
	function charge4(){
	var monImage4 = new Image();    monImage4.src = image[4];    monImage4.onload = function()    {document.getElementById("image4").src = image[4];
	$('#calle4').css('height',taillecalle[4]+'%'); $('#ptbloc4').css('height',100 - taillecalle[4]*2 + '%'); charge5();};
	}
	function charge5(){
	var monImage5 = new Image();    monImage5.src = image[5];    monImage5.onload = function()    {document.getElementById("image5").src = image[5];
	$('#calle5').css('height',taillecalle[5]+'%'); $('#ptbloc5').css('height',100 - taillecalle[5]*2 + '%'); charge6();};
	}
	function charge6(){
	var monImage6 = new Image();    monImage6.src = image[6];    monImage6.onload = function()    {document.getElementById("image6").src = image[6];
	$('#calle6').css('height',taillecalle[6]+'%'); $('#ptbloc6').css('height',100 - taillecalle[6]*2 + '%'); charge7();};
	}
	function charge7(){
	var monImage7 = new Image();    monImage7.src = image[7];    monImage7.onload = function()    {document.getElementById("image7").src = image[7];
	$('#calle7').css('height',taillecalle[7]+'%'); $('#ptbloc7').css('height',100 - taillecalle[7]*2 + '%'); };
	}
	
	/// on lance le chargement e la premiere image
	charge1();
                           
});