function section(name) {
	$('li[section]').removeClass('current');
	$('li[section='+name+']').addClass('current');
	}

function portfolio(url) {
	$.get(url,function(data) {
		$("#portfolio").html(data);

		$("#portfolio ul.thumbnails a").each( function() {
			$(this).css( 'position', 'absolute');
			var pos = $(this).position();

			// animation verticale des thumbnail
			$(this).css( { left: 150, 'top': 550, width: 14, height: 10, 'opacity':0 } );
			$(this).animate( { left: pos.left,'top':(pos.top)+'px', width:140, height: 80,  'opacity':1 }, 550 + Math.random()*1000, 'easeOutBounce');

			$(this).hover( function() {
				$('#projecteur > img').hide();
				$('#projecteur div.view').css( 'display','block' ).html("<img src='"+$(this).attr('href')+"' />");
				$('#projecteur div.view img').css( { opacity: 0, display:'block'} ).animate( { 'opacity':1},1500);
				return false;
				});
			});
		$('#portfolio ul.thumbnails li:first a').click();

		// gestion de précédent suivant
		$('#sous-menu li.prec').css( 'display', (($('#portfolio ul.nav li.prec a').attr('href')=='#')?'inline':'none') );
		$('#sous-menu li.suiv').css( 'display', (($('#portfolio ul.nav li.suiv a').attr('href')=='#')?'inline':'none') );

      		$('#portfolio ul.thumbnails li a').lightBox();
		});
	}
	
$(document).ready( function () {

	$('#sommaire li').click( function() {
			portfolio("section.cgi?SECTION="+$(this).attr('section'));
			section( $(this).attr('section'));
			});

	$('#sommaire-portfolio li').click( function() {
			var name = $(this).attr('section');
			$('#sommaire-portfolio').hide();
			$('#sous-menu').slideDown( 'slow');
			$('#projecteur').slideDown( 'slow', function() {
				$('#sommaire').slideDown( 'slow', function() {
					portfolio("section.cgi?SECTION="+name);
					section(name);
					});
				});
			});

	$('#sommaire ul li[section]').append('<div class="hover"></div>').hover(
		function() {
			$(this).children('div.hover').fadeIn('slow');
			$(this).addClass('over'); 
			} ,
		function() {
			$(this).children('div.hover').fadeOut('fast');
			 $(this).removeClass('over');
			 }
		 );

	$('#sommaire-portfolio').show();
	$('#sommaire-portfolio li span').css( 'opacity',0 );
	$('#sommaire-portfolio li div').each( function() {
		var pos = $(this).parent().position();
		$(this).css( { 'position':'absolute', 'opacity': 0, 'top': 550, 'left': 150 })
		       .animate( { 'top': pos.top+10, 'left': pos.left+0, 'opacity':1 }, 500, 'easeOutBounce', function() {
				var i=0;
				$('#sommaire-portfolio li span').each( function() { $(this).animate( { 'opacity':1 } ,500 + i*2000); i++; } );
				}  );
		} );

	$('#sommaire-portfolio li div span').hover(
		 function() {
			var pos = $(this).parent().parent().position();
			 $(this).parent().children('img').stop().animate( { 'top': pos.top+10, 'left': pos.left+3, width:222, height: 129 }, 200 );
			} ,
                 function() {
			var pos = $(this).parent().parent().position();
			 $(this).parent().children('img').stop().animate( { 'top': pos.top+12, 'left': pos.left+5, width:218, height: 124 }, 200 );
			 });

	});
	

	 $('#header-menu a').pageSlide({ width: '390px', direction: 'left' });