var interval = 0;
	var ordrePanneau = 1;
	var arrayPreload = "";
	var randomCouleurArray = new Array();
	var animationRun = false;
	
	
	
	function setBGmosaique() {
			$('.conteneurMosaique #m_1').css('backgroundPosition','0 0');
			$('.conteneurMosaique #m_2').css('backgroundPosition','-172px 0');
			$('.conteneurMosaique #m_3').css('backgroundPosition','-344px 0');
			$('.conteneurMosaique #m_4').css('backgroundPosition','-516px 0');
			$('.conteneurMosaique #m_5').css('backgroundPosition','-688px 0');
			$('.conteneurMosaique #m_6').css('backgroundPosition','0 115px');
			$('.conteneurMosaique #m_7').css('backgroundPosition','-172px 115px');
			$('.conteneurMosaique #m_8').css('backgroundPosition','-344px 115px');
			$('.conteneurMosaique #m_9').css('backgroundPosition','-516px 115px');
			$('.conteneurMosaique #m_10').css('backgroundPosition','-688px 115px');
	}

	
	function anime_c(c_case,c_couleur) {
			
		
			$('#'+c_case+' .'+c_couleur).animate({opacity: 1},100);
			
			$("body").oneTime("100ms", function() {
				$('#'+c_case).removeClass().addClass("bloc marginBloc img"+(ordrePanneau));
			});
			
			$("body").oneTime("250ms", function() {
				$('#'+c_case+' .'+c_couleur).animate({opacity: 0},250);
			});
		

	}
	
	function randomCouleur() {
		for(x=0; x<10; x++) {			
			if (Math.floor(Math.random()*2+1) == 1) {
				clr.push('c_pale');
			}
			else {
				clr.push('c_fonce');
			}
		}
	}
	
	function startAnimation() {	
		if (animationRun == false && $(window).scrollTop() < 342) {
			clr = new Array();
			randomCouleur();
			
			changePellet(ordrePanneau+1);
			
			if (eval("aleatoire" + ordrePanneau) == true) {
				var rnd = randomAnimation();
			}
			else {
				var rnd = eval("animation" + ordrePanneau);
			}
			
			animateMosaique(rnd,clr);
		}
	}
	
	function animateMosaique(rnd,clr) {
		
		animationRun = true;
		$('#lienMosaique').removeAttr('href');
		//alert(panneauArray.length);
		//alert(ordrePanneau+"/"+panneauArray.length);
		ordrePanneau++;
		
		//alert(ordrePanneau+"_"+panneauArray.length);
		
		//$('.navTop').before(+"|");
		
		anime_c('m_'+rnd[0],clr[0]);
		
		$("body").oneTime("166ms","an_c1", function() {
			anime_c('m_'+rnd[1],clr[1]);
		});
		$("body").oneTime("332ms","an_c2", function() {
			anime_c('m_'+rnd[2],clr[2])
		});
		$("body").oneTime("500ms","an_c3", function() {
			anime_c('m_'+rnd[3],clr[3])
		});
		$("body").oneTime("666ms","an_c4", function() {
			anime_c('m_'+rnd[4],clr[4]);
		});
		$("body").oneTime("832ms","an_c5", function() {
			anime_c('m_'+rnd[5],clr[5]);
		});
		$("body").oneTime("1000ms","an_c6", function() {
			anime_c('m_'+rnd[6],clr[6])
		});
		$("body").oneTime("1166ms","an_c7", function() {
			anime_c('m_'+rnd[7],clr[7]);
		}); 
		$("body").oneTime("1332ms","an_c8", function() {
			anime_c('m_'+rnd[8],clr[8]);
		});
		$("body").oneTime("1500ms","an_c9", function() {
			anime_c('m_'+rnd[9],clr[9])
		});
		
		$("body").oneTime("1700ms","an_c1", function() {
				
			$('#lienMosaique').attr('href',panneauLienArray[ordrePanneau-1]);
			
		});
		
		$("body").oneTime("1800ms", function() {
			animationRun = false;
		});
		
	

	

	}

	function changePellet(id) {
		//alert("pellet_"+id);
		for(x=1; x<=10; x++) {
			if (x == id) {
				$('.conteneurPellet #'+x).css("backgroundPosition","19px");
			}
			else {
				$('.conteneurPellet #'+x).css("backgroundPosition","0");
			}
		}	
	}
	function setPellet(nb) {
		for(x=1; x<=nb;x++) {
			$('.conteneurPellet').append('<div class="pellet" id="'+x+'"></div>')
		}
	}
	
	$(document).ready(function() {
		
		setPellet(panneauArray.length);
								 
		setBGmosaique();
		$('.conteneurPellet #1').css('backgroundPosition','19px');
		
		$.preLoadImages(
			['images/bkg_mosaique.png',
			 panneauArray[0]
			],
			 
			function(){
				$('#masterMosaique #lienMosaique').attr('href',panneauLienArray[ordrePanneau-1]);
				$(".conteneurMosaique .bloc").addClass("bloc marginBloc img1");
				$.preLoadImages(
					panneauArray,		
					function(){
						$("body").everyTime("7500ms","intervalAnimation", function() {
							if ((ordrePanneau) == (panneauArray.length)) {
								ordrePanneau = 0;
							}
							startAnimation();
						});
					});
				});
				
				$('.conteneurPellet div').click(function() {
				if (animationRun == false) {
					$("body").stopTime("intervalAnimation");
					ordrePanneau = ($(this).attr('id') -1);
					startAnimation();
					$("body").everyTime("7500ms","intervalAnimation", function() {
						if ((ordrePanneau) == (panneauArray.length)) {
							ordrePanneau = 0;
						}
						startAnimation();
					});
				}
			});
	});