(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
$(document).ready(function() {

  /* Lightbox *************************************************************** */
  $("a[rel=lightbox]").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600,
		'speedOut'		:	200,
		'overlayShow'	:	false
	});

  $("a[class=iframe]").fancybox({
    'width'				: '75%',
    'height'			: '75%',
    'autoScale'     	: false,
    'transitionIn'		: 'elastic',
    'transitionOut'		: 'elastic',
		'speedIn'		:	600,
		'speedOut'		:	200,
    'type'				: 'iframe'
  });


  /* Google Map ************************************************************* */
  $("#googlemaplarge").gMap({
    latitude: 43.42727,
    longitude: -0.28849,
    zoom: 10,
    markers: [
      {
      latitude: 43.42727,
      longitude: -0.28849,
      html: "Pau Parachutisme Passion"
      },
      {
      latitude: 43.43661,
      longitude: -0.29164,
      html: "Eglise de Lasclaveries"
      }]
  });

  $("#googlemapzoom").gMap({
    latitude: 43.42727,
    longitude: -0.28849,
    zoom: 16,
    maptype: G_SATELLITE_MAP,
    markers: [
      {
      latitude: 43.42727,
      longitude: -0.28849,
      html: "Pau Parachutisme Passion"
      },
      {
      latitude: 43.43661,
      longitude: -0.29164,
      html: "Eglise de Lasclaveries"
      }]
  });

});

/* 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
		$('#headerwrapper').append('<div class="animation"><div id="nuage1"></div><div id="parachutiste1"></div><div id="parachutiste2"></div><div id="parachutiste3"></div><div id="parachutiste4"></div></div>');

		// Déclenchement de l'animation
		setInterval('header_animation()', 40);
	}
}

// Positions et vitesses
var header_layers = {
	layer1: {
		speed: 5,
		pos: 453
	},
  parachutiste1: {
    speed : 6,
    pos : 400
  },
  parachutiste2: {
    speed : 2,
    pos : 400
  },
  parachutiste3: {
    speed : 4,
    pos : 350
  },
  parachutiste4: {
    finesse : 4,
    speed : 3,
    posx : 350,
    posy : 400
  }
};

// Fonction d'animation du header
function header_animation() {

	// Mouvement
	header_layers.layer1.pos += header_layers.layer1.speed;

  header_layers.parachutiste1.pos += header_layers.parachutiste1.speed;
  header_layers.parachutiste2.pos += header_layers.parachutiste2.speed;
  header_layers.parachutiste3.pos += header_layers.parachutiste3.speed;
  header_layers.parachutiste4.posy += header_layers.parachutiste4.speed;
  if (header_layers.parachutiste4.posy > -100) 
    header_layers.parachutiste4.posx += header_layers.parachutiste4.speed * header_layers.parachutiste4.finesse;
  

	// On boucle si nécessaire en changeant aléatoirement la position horizontale
	if (header_layers.layer1.pos > 453) {
		header_layers.layer1.pos -= 900 + Math.floor(Math.random()*201);
    $('#nuage1').css('left', 100-Math.floor(Math.random()*101)+'%');
	}

	if (header_layers.parachutiste1.pos > 300) {
		header_layers.parachutiste1.pos -= 2500 + Math.floor(Math.random()*1501) ;
    $('#parachutiste1').css('left', 100-Math.floor(Math.random()*101)+'%');
	}

	if (header_layers.parachutiste2.pos > 300) {
		header_layers.parachutiste2.pos -= 1500 + Math.floor(Math.random()*1501) ;
    $('#parachutiste2').css('left', 100-Math.floor(Math.random()*101)+'%');
	}

	if (header_layers.parachutiste3.pos > 300) {
		header_layers.parachutiste3.pos -= 1500 + Math.floor(Math.random()*2001) ;
    $('#parachutiste3').css('left', 100-Math.floor(Math.random()*101)+'%');
	}
  
	if (header_layers.parachutiste4.posy > 300) {
		header_layers.parachutiste4.posx = Math.floor(Math.random()*1200.0)-600 ;
		header_layers.parachutiste4.posy -= 1500 + Math.floor(Math.random()*1000) ;
	}

	// Affectation
	$('#nuage1').css('top', -Math.round(header_layers.layer1.pos)+'px');

  $('#parachutiste1').css('top', +Math.round(header_layers.parachutiste1.pos)+'px');
  $('#parachutiste2').css('top', +Math.round(header_layers.parachutiste2.pos)+'px');
  $('#parachutiste3').css('top', +Math.round(header_layers.parachutiste3.pos)+'px');
  $('#parachutiste4').css('left', +Math.round(header_layers.parachutiste4.posx)+'px');
  $('#parachutiste4').css('top', +Math.round(header_layers.parachutiste4.posy)+'px');
}







$('#webcam').load(function() {
  setTimeout('updateCamera()',10000);
});

function updateCamera() {
	$('#webcam').attr('src','http://www.pau-parachutisme-passion.fr/epsigon/style/webcamcache.php?' + Math.random());
}

setTimeout('updateCamera()',1000);
if (typeof(customOnLoad) != undefined)
  setTimeout('customOnLoad()',1000);


  /* Social - Tooltip ******************************************************* */
  $("#social a[title]").tooltip({
    effect: 'slide',
    tipClass: 'social_tooltip'
    }) ;


/* Animation du header - Fin ************************************************ */
