/* Animation du header - Début ********************************************** */

// Si le navigateur n'est pas IE6
if (!jQuery.browser.msie || parseInt(jQuery.browser.version) > 6) {

	// Déclenchement de l'animation du header avec onLoad pour attendre que toutes les images soient chargées
	onload = function() {

		// Ajout du bloc d'animation
		$('body').append('<div id="header_animation"><div id="nuage-1"></div><div id="nuage-2"></div></div>');

		// Déclenchement de l'animation
		setInterval('header_animation()', 40);
	}
}


// Positions et vitesses
var header_layers = {
  nuage1: {
    speed : 2,
    pos : -346
  },
	nuage2: {
    speed : 3,
    pos : -500
  }
};

// Fonction d'animation du header
function header_animation() {

	// Mouvement
  header_layers.nuage1.pos += header_layers.nuage1.speed;
	header_layers.nuage2.pos += header_layers.nuage2.speed;

	// On boucle si nécessaire en changeant aléatoirement la position horizontale
	if (header_layers.nuage1.pos > screen.width) {
		header_layers.nuage1.pos -= 346 + screen.width + Math.floor(Math.random()*screen.width) ;
    $('#nuage-1').css('top', 264-Math.floor(Math.random()*400)+'px');
	}
	
	if (header_layers.nuage2.pos > screen.width) {
		header_layers.nuage2.pos -= 308 + screen.width + Math.floor(Math.random()*screen.width) ;
    $('#nuage-2').css('top', 175-Math.floor(Math.random()*400)+'px');
	}

	// Affectation
  $('#nuage-1').css('left', +Math.round(header_layers.nuage1.pos)+'px');
  $('#nuage-2').css('left', +Math.round(header_layers.nuage2.pos)+'px');

}

/* Animation du header - Fin ************************************************ */
