_GET = {};
(function(){
	var params = location.search.substr(1).split('&');
	for (var i = 0; i < params.length; i++) {
		var pair = params[i].split('=');
		if (pair[0])
			_GET[pair[0]] = decodeURIComponent(pair[1] || ""); /* http://www.dynamicdrive.com/forums/showthread.php?t=28928 */
	}
})();

jQuery(function($) {

	// Un lien sera mis pour montrer une couche de contenu plus propice à l'indexation.
	$('#contenu-indexation').hide();
	$('#details-supplementaires .click').click(function() {
		$('#contenu-indexation').slideToggle();
	});
	// Les images phares auront un icône pour obtenir de l'information sur l'image.
	$('#image-phare-desc').hide();
	$('#image-phare .click').click(function() {
		//var s = document.getElementById('image-phare-desc').style;
		//s.display = s.display == '' ? 'block' : '';
		$('#image-phare-desc').slideToggle();
		// $('#image-phare-desc').toggle(); // toggle fails with Safari 2.0.0 and 2.0.1
	});
	$('#image-phare-icone').show();


	// émule li:hover pour IE6
	//           only IE                  only IE7 and up              IE6 and up
	var ie6 = (window.ActiveXObject && !window.XMLHttpRequest && document.compatMode);
	if (!ie6) return;
	$('#menu-principal li').hover(
		function() { // in
			this.getElementsByTagName('ul')[0].style.display = 'block';
			$(this).css({'border-color': '#808080'});
		},
		function() { // out
			this.getElementsByTagName('ul')[0].style.display = '';
			$(this).css({'border-color': '#fff'});
		}
	);


});

function imagePhareRotation(json) {
	// La page d'accueil présentera une image qui changera à toutes les heures en fonction de l'heure du jour.
	var prefix = 'accueil-';
	var backgroundImage = $('#image-phare').css('background-image'); // getter

	//	var imageNumber = (( new Date().getHours() ) % 8) + 1; 
	//	var newImage = prefix + imageNumber + '.jpg'; // accueil-1.jpg  .. accueil-8.jpg 
	//	la façon ci-haut ne fonctionne pas selon les specs:
	//  index.html#section:images-rotation
	//  La page d'accueil présentera une image qui changera à toutes les 3 heures en fonction de l'heure du jour. Il y aura donc 8 images en tout et chaque 3 heures l'image sera changée au chargement de la page. Ce procédé dynamique se fera côté client, en JavaScript. Les gens qui n'auraient pas le JavaScript activé verront toujours la même image. 
	//	preuve:
	//  The value returned by getHours is an integer between 0 and 23. 
	//	for (var i = 0; i < 24; i++) {
	//		var imageNumber = (( i ) % 8) + 1; 
	//		document.write('heure:'+i+'; imageNumber:'+imageNumber+'<br>');
	//	}

	var mapHours = {
		"0": 'accueil-1.jpg',
		"1": 'accueil-1.jpg',
		"2": 'accueil-1.jpg',
		"3": 'accueil-2.jpg',
		"4": 'accueil-2.jpg',
		"5": 'accueil-2.jpg',
		"6": 'accueil-3.jpg',
		"7": 'accueil-3.jpg',
		"8": 'accueil-3.jpg',
		"9": 'accueil-4.jpg',
		"10": 'accueil-4.jpg',
		"11": 'accueil-4.jpg',
		"12": 'accueil-5.jpg',
		"13": 'accueil-5.jpg',
		"14": 'accueil-5.jpg',
		"15": 'accueil-6.jpg',
		"16": 'accueil-6.jpg',
		"17": 'accueil-6.jpg',
		"18": 'accueil-7.jpg',
		"19": 'accueil-7.jpg',
		"20": 'accueil-7.jpg',
		"21": 'accueil-8.jpg',
		"22": 'accueil-8.jpg',
		"23": 'accueil-8.jpg'
	};

	//	var newImage = mapHours[String( new Date().getHours() )]; // accueil-1.jpg  .. accueil-8.jpg 
	var newImage = mapHours[String( new Date().getHours() )]; // accueil-1.jpg  .. accueil-8.jpg 
	//console.log(newImage);

	// change background-image
	var oldImage = new RegExp("[^/]+\.jpg"); // get filename only, not entire URL
	backgroundImage = backgroundImage.replace(oldImage, newImage); // replace filename only, not entire URL
	$('#image-phare').css('background-image', backgroundImage); // setter

	// change info text
	var infoObj = json[newImage.replace(/\.jpg$/,'')];
	var	html = '',
		t = infoObj.titre,
		l = infoObj.lieu,
		c = infoObj.credits;
	t = (t && t.length ? $.trim(t) : false);
	l = (l && l.length ? $.trim(l) : false);
	c = (c && c.length ? $.trim(c) : false);
	//if (t) t = t.replace(/\.*$/,'. ');
	if (t) t += ' ';
	if (l) l = l.replace(/\.*$/,'.');
	html += (t ? '<span class="titre">'+t+' </span>' : '');
	html += (l ? '<span class="lieu">'+l+'</span>' : '');
	html += (c ? '<span class="credits">'+c+'</span>' : '');
	if (t || l || c)
		$('#image-phare-desc-texte p').html(html); // setter
	else
		$('#image-phare-icone').hide();
	if (c && !(t || l))
		$('#image-phare-desc-texte .credits').css('margin-top','0');
}