/* code pour jQuery */
$(document).ready(function() {
	// listes dans les descriptions : couleurs en alternance
	$('#content .portfolio .desc li:odd').css({'color': '#6f6b5e'});
	$('#content .portfolio .desc li:even').css({'color': '#000'});

	// apparition du titre de la section
	$('#content>h1').hide();
	$('#content>h1').animate({opacity: 'show'}, 7500);

	// apparition de l'image comet
	$('#content>.comet>.prev').hide();
	$('#content>.comet>.prev').animate({opacity: 'show'}, 1000);
	
	// apparition de la galerie de photos
	$('body.photo #content ul').hide();
	$('body.photo #content ul').animate({opacity: 'show'}, 1000);
	
	// animation du menu principal (accordéon)
	$('.sub').hide();
	$('.active + .sub').show();
	$('#menu li:has(ul) > a').click(function (event) {
		if ($(this).next()[0].style.display == 'none') {
			$('.sub').animate({height: 'hide'}, 300);
			$(this).next().animate({height: 'toggle'}, 300);
		} else {
			$('.sub').animate({height: 'hide'}, 300);
		}
		$(this).blur();
		event.preventDefault();
	})
	$('#home .nosub').css({'cursor': 'default'}).click(function (event) {event.preventDefault();});

	// slideshow sur la page d'accueil
	$('#home #content>h1').hide();
	$('#home #slideshow').show();
	$('#home #slideshow').innerfade({
		animationtype: 'fade', 
		speed: 1500, 
		timeout: 3500, 
		type: 'random' 
	});
	
	// animation des blocs sur la page garden party (accordéon)
	//$('.gp h2+ul').hide();
	//$('.gp h2+p').hide();
	$('.gp h2[id]').addClass('collapse');
	//$('.gp h2[id]').addClass('collapsed');
	$('.gp h2[id]').css({'cursor': 'pointer'}).click(function (event) {
		$(this).next().animate({height: 'toggle'}, 300);
		$(this).toggleClass('collapsed');
	});
	//$('<p>Note : cliquez sur le titre d\'une section (<strong>Edition 2001</strong>, etc) pour la masquer ou la dévoiler.</p>').appendTo('.gp div.intro');

	// apparition de la photo sur la page CV et animation des blocs (accordéon)
	$('#info #basic').hide();
	$('#cv h4').css({'cursor': 'pointer'});
	$('#cv h4').addClass('collapse');
	$('#cv h4').addClass('collapsed');
	$('#cv h4').next().hide();
	$('#info #basic').animate({opacity: 'show'}, 1000, function() {
		$('#cv h4').next().animate({height: 'toggle', opacity: 'toggle'}, 1000);
		$('#cv h4').toggleClass('collapsed');
	});
	$('#cv h4').click(function (event) {
		$(this).next().animate({height: 'toggle', opacity: 'toggle'}, 500);
		$(this).toggleClass('collapsed');
	})

}); // fin jQuery