window.addEvent('domready',function(){
	
	// Menu de navigation
	new Accordion($$('#profile span'), $$('#profile span + ul'), {display: -1});
	new Accordion($$('#college_work span'), $$('#college_work span + ul'), {display: 0});
	new Accordion($$('#intern_work span'), $$('#intern_work span + ul'), {display: 1});
	new Accordion($$('#clients_work span'), $$('#clients_work span + ul'), {display: 2});
	new Accordion($$('#personal_work span'), $$('#personal_work span + ul'), {display: 3});
	
	// Galerie photo
	var 
		body = $(document.body),
		contenu = $('contenu'),
		images = $$('#' + contenu.id + ' img'),
		nombre_images = images.length,
		nav = new Element('p',{'id':'nav'}),
		activeClass = 'active',
		toggler = $$('#'+contenu.id+' h2'),
        infos = $$('#contenu h2 + p')[0],
	    toggleEffect = new Fx.Slide(infos, {
            duration: 500,
            transition: Fx.Transitions.Pow.easeOut
        });
	
	images.addClass('galleryItem');
	images.fadehide();
	images[0].fadeshow();
	
	contenu.grab(nav,'top');
	
	images.each(function(item,index){
		var
            indexFictif = index+1,
			lien = new Element('a',{'href':'#'+indexFictif});
		lien.appendText(indexFictif);
		nav.grab(lien);
	});
	
	var navLinks = $$('#' + nav.id + ' a');
	navLinks[0].addClass(activeClass);
	
	navLinks.each(function(item,index){
		item.addEvent('click',function(e){
			e.stop();
			navLinks.removeClass(activeClass);
			this.addClass(activeClass);
			images.fadehide();
			var showThisImg = $$('img[src$='+(index+1)+'.jpg]');
			showThisImg.fadeshow();
		})
	});
	
	// Toggle infos
	
	infos.hide();
    toggleEffect.toggle();
    infos.show();
    
    toggler
        .addClass('makeClickable')
        .addEvent('click',function(){
            toggleEffect.toggle();
    });

});