(function() {
	var logoLeft = 102; var logoTop = 102; var logoW = 136; var logoH = 136;						// Dimensions pour '#logo'
	var sloganLeft = 295; var sloganTop = 94;														// Dimensions pour '#slogan'
	var sloganFS = 176; var sloganLH = 154;															// Police pour '#slogan'
	var playLeft = 1008; var playTop = 78; var playW = 284; var playH = 190;						// Dimensions pour '#play2012'
	var waitLeft = 303; var waitTop = 555; var waitW = 240;											// Dimensions pour '#wait'
	var waitFS = 36; var waitLH = 36;																// Police pour '#wait'
	var gotoGLeft = 309; var gotoGTop = 629; var gotoGW = 30; var gotoGH = 43;						// Dimensions pour '#goto_left'
	var gotoDLeft = 505; var gotoDTop = 627; var gotoDW = 33; var gotoDH = 45;						// Dimensions pour '#goto_right'
	var fbLeft = 303; var fbTop = 674; var fbW = 108; var fbH = 107;								// Dimensions pour '#logo_facebook'
	var blogLeft = 432; var blogTop = 674; var blogW = 108; var blogH = 107;						// Dimensions pour '#logo_essentiel'
	var coordsLeft = 303; var coordsTop = 816;														// Dimensions pour '#coords'
	var coordsFS = 16;																				// Police pour '#coords'


	var baseW = 1600; var baseH = 926;																// Dimensions de référence (ratio = 16/9e)
	var baseRatio = baseW / baseH;																	// Ratio de référence
	var zoom;																						// Zoom à appliquer pour calculer les dimensions

	/**
	 * Méthode 'adjustSizes'
	 * => Calcule les dimensions en fonction de l'espace disponible
	 */
	adjustSizes = function() {
		var w = window.innerWidth;
		var h = window.innerHeight;
		// Calculs...
		var wrapperW = w;
		var wrapperH = h;
		var r = w / h;
		// Fenêtre étirée en largeur (paysage)
		if (r > baseRatio) {
			wrapperW = wrapperH * baseRatio;
		}
		// Fenêtre étirée en largeur (portrait)
		else if (r < baseRatio) {
			wrapperH = wrapperW / baseRatio;
		}
		// Calcul du zoom
		zoom = wrapperW / baseW;
		// Wrapper
		$('#wrapper').width(wrapperW).height(wrapperW);
		// Visuels
		$('#logo').width(logoW * zoom).height(logoH * zoom);
		$('#logo').css({'left': (logoLeft * zoom) + 'px', 'top': (logoTop * zoom) + 'px'});
		$('#play2012').width(playW * zoom).height(playH * zoom);
		$('#play2012').css({'left': (playLeft * zoom) + 'px', 'top': (playTop * zoom) + 'px'});
		$('#goto_left').width(gotoGW * zoom).height(gotoGH * zoom);
		$('#goto_left').css({'left': (gotoGLeft * zoom) + 'px', 'top': (gotoGTop * zoom) + 'px'});
		$('#goto_right').width(gotoDW * zoom).height(gotoDH * zoom);
		$('#goto_right').css({'left': (gotoDLeft * zoom) + 'px', 'top': (gotoDTop * zoom) + 'px'});
		$('#logo_facebook').width(fbW * zoom).height(fbH * zoom);
		$('#logo_facebook').css({'left': (fbLeft * zoom) + 'px', 'top': (fbTop * zoom) + 'px'});
		$('#logo_essentiel').width(blogW * zoom).height(blogH * zoom);
		$('#logo_essentiel').css({'left': (blogLeft * zoom) + 'px', 'top': (blogTop * zoom) + 'px'});
		// Textes
		$('#slogan').css({'left': (sloganLeft * zoom) + 'px', 'top': (sloganTop * zoom) + 'px', 'font-size': (sloganFS * zoom) + 'px', 'line-height': (sloganLH * zoom) + 'px'});
		$('#wait').css({'left': (waitLeft * zoom) + 'px', 'top': (waitTop * zoom) + 'px', 'font-size': (waitFS * zoom) + 'px', 'line-height': (waitLH * zoom) + 'px'});
		$('#coords').css({'left': (coordsLeft * zoom) + 'px', 'top': (coordsTop * zoom) + 'px', 'font-size': (coordsFS * zoom) + 'px'});
	};

	/**
	 * Méthode '_onDocumentReady'
	 * => Appelée une fois que la page est chargée
	 */
	_onDocumentReady = function() {
		// Gestion du survol des icônes
		$('#goto_left img').mouseover(function() { $(this).attr('src', 'img/carre-noir-goto-left_hover.png'); }).mouseout(function() { $(this).attr('src', 'img/carre-noir-goto-left.png'); });
		$('#logo_facebook img').mouseover(function() { $(this).attr('src', 'img/logo_facebook-hover.png'); }).mouseout(function() { $(this).attr('src', 'img/logo_facebook.png'); });
		$('#goto_right img').mouseover(function() { $(this).attr('src', 'img/carre-noir-goto-right_hover.png'); }).mouseout(function() { $(this).attr('src', 'img/carre-noir-goto-right.png'); });
		$('#logo_essentiel img').mouseover(function() { $(this).attr('src', 'img/logo_essentiel-hover.png'); }).mouseout(function() { $(this).attr('src', 'img/logo_essentiel.png'); });

		// Ajustement des dimensions en fonction de l'espace disponible
		adjustSizes();
	};

	/**
	 * Méthode '_onWindowResize'
	 * => Appelée quand la fenêtre est redimensionnée
	 */
	_onWindowResize = function() {
		// Ajustement des dimensions en fonction de l'espace disponible
		adjustSizes();
	};

	$(document).ready(_onDocumentReady);
	$(window).resize(_onWindowResize);
}())