var presentationPath = 'pages/presentation.html';
var cvPath = 'pages/cv.html';
var experiencePath = 'pages/experience.html';
var portfolioPath = 'pages/portfolio.html';
var contactPath = 'pages/contact.html';

window.addEvent('domready', function() {
	Me.initialize();
});


var Me = {
	initialize:function() {
		Me.loadBloc(presentationPath, 'presentation');
		$('btnpresentation').addEvent('click', function(){
			Me.loadBloc(presentationPath, 'presentation');
		});
		
		$('btncv').addEvent('click', function(){
			Me.loadBloc(cvPath, 'cv');
		});
			
		$('btnexperience').addEvent('click', function(){
			Me.loadBloc(experiencePath, 'experience');
		});
		
		$('btnportfolio').addEvent('click', function(){
			Me.loadBloc(portfolioPath, 'portfolio');
			
		});
		
		$('btncontact').addEvent('click', function(){
			Me.loadBloc(contactPath, 'contact');
		});
	},
	
	loadAccordion:function() {
		var myAccordion = new Accordion($('center'), 'h2.toggler', 'div.element', {
			opacity: false,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#41464D');
				element.setStyle('padding-bottom', '10px');
			},
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#528CE0');
				element.setStyle('padding-bottom', '0px');
			}
		});
	},
	
	loadBloc:function(link, bloc) {
		 new Request({
			
			url: link,

			onSuccess: function(response){
				
				$(bloc).set('html', response);
				
				//Presentation
				if (bloc=='presentation') {
					Me.loadAccordion();
					
				//Experience
				} else if(bloc=='experience') {
					$('divkreactive').setStyle('display', 'block');
					$('titlekreactive').setStyle('color', '#41464D');
					$('titlekreactive').setStyle('border', '1px solid black');
					
					//Click sur une li
					$$('.li').addEvent('click', function() {
						//Style classique pour toutes les li
						$$('.detailsexp').setStyle('display', 'none');
						$$('.h3').setStyle('color', '#668CE0');
						$$('.h3').setStyle('border', 'none');
						
						//li selectionnee
						$('div'+this.id).setStyle('display', 'block');
						$('title'+this.id).setStyle('color', '#41464D');
						$('title'+this.id).setStyle('border', '1px solid black');
					});
					
				//Portfolio
				} else if(bloc=='portfolio') {
					$$('.portfolioItem')[0].setStyle('display', 'block');
					var i = 0;
					$('portfolioLastImg').setStyle('display', 'none');
					
					$('portfolioNext').addEvent('click', function() {
						if (i<$$('.portfolioItem').length-1) {
							i++;
							$$('.portfolioItem').setStyle('display', 'none');
							$$('.portfolioItem')[i].setStyle('display', 'block');
							$('portfolioLastImg').setStyle('display', 'block');
							$('portfolioNextImg').setStyle('display', 'block');
						} 
						
						if (i==$$('.portfolioItem').length-1) {
							$('portfolioNextImg').setStyle('display', 'none');
						}
					});
					
					$('portfolioLast').addEvent('click', function() {
						if (i>0) {
							i--;
							$$('.portfolioItem').setStyle('display', 'none');
							$$('.portfolioItem')[i].setStyle('display', 'block');
							$('portfolioLastImg').setStyle('display', 'block');
							$('portfolioNextImg').setStyle('display', 'block');
						} 
						if(i==0) {
							$('portfolioLastImg').setStyle('display', 'none');
						}
					});
				}
			},
			
			onFailure: function(){
				$(bloc).set('text', 'The request failed.');
			}

		}).send();
	}
}