var pageAfficher = '';
var nbPage = 4;

$(window).load(function(){
	//$.history.init(handleChange);
	var etendueVerticale = 510 - $('#menu').innerHeight(); //550(total)-(margeHaut)20-(margeBas)20-(hauteurMenu);
	
	/*$('.menu-item > a').each(function(){
													this.pathname = '#'+this.pathname.substr(1);
													 });
	$('.menu-item > a').click(function(){
																$.history.load(this.href.replace(/^.*#/, ''));
																return false;
														});
	*/
	var rep = this.location.pathname.slice(1);
	init(rep);
	
	$('.menu-item > a').click(function(){
		var rep = this.pathname.slice(1);
		handleChange(rep);
		return false;
	});
		
});

function handleChange(rep)
{
	/*if($('body').attr('class','chargeTermine').indexOf()!= -1)
	{*/	
		if(rep == '')
		{
			rep = 'accueil';
		}
		if(rep != pageAfficher)
		{
			if(pageAfficher == 'portfolio')
			{
				reinit(rep);	
			}
			else
			{
				suiteMove(rep,false);
			}			
		}
/*	}
	else
	{
		$('body').attr('class','chargeTermine');
	}*/
}
	
function init(rep)
{
	var etendueVerticale = 510 - $('#menu').innerHeight();
	if(rep != pageAfficher)
	{
		if(rep != 'portfolio')
		{
			var pageAbouger = $('#'+rep);			
			if(pageAbouger)
			{
				pos = parseInt(pageAbouger.offset().top);
				nouvPos = $('#conteneur-page').offset().top-pos;
				$('#conteneur-page').animate({
										"top":nouvPos },
										0,
										'swing',
										function(){								
											$('#conteneur-page').css('opacity','1').fadeOut(0).fadeIn(700);
											var posMenu = parseInt((etendueVerticale)/nbPage) * (parseInt(-nouvPos/450)+1);
											$('#menu').animate({
																			"top":20+posMenu},
																			700,
																			'swing'
																			);
										});				
				pageAfficher = rep;
			}
		}
		else
		{
			var pageAbouger = $('#'+rep);
			$('#conteneur-page').css('opacity','1').fadeOut(0);
			$('#menu').animate({
										"left": 493},
										700,
										'swing');
			$('#suite-header').fadeOut(700);
			$('#contenu').animate({
										"left": 600},
										700,
										'swing',
										function(){											
											$('#portfolio').fadeIn(700);
											var posMenu = parseInt((etendueVerticale)/nbPage);
											$('#menu').animate({
																			"top":20+posMenu},
																			700,
																			'swing'
																			);
										});
			$('#aff_gauche').animate({
										"width": 473},
										700,
										'swing');
				pageAfficher = rep;
		}
	}
	else
	{
		$('#conteneur-page').css('opacity','1').fadeOut(0).fadeIn(700);
	}
}

function reinit(rep)
{
	var pageAbouger = $('#'+rep);
	pos = parseInt(pageAbouger.offset().top);
	$('#portfolio').fadeOut(200);
	$('#aff_gauche').fadeOut(200,
													'swing',
													function()
													{
														$('#aff_gauche').empty();
														$('#aff_gauche').fadeIn(100);
													}).animate({
														"width": 230},
														700,
														'swing');
	$('#menu').animate({
							"left": 250},
							700,
							'swing');
	$('#contenu').animate({
							"left": 357},
							700,
							'swing',
							function(){								
								$('#conteneur-page').css('opacity','0').fadeIn(0);								
								suiteMove(rep,true);
								$('#conteneur-page').fadeOut(0).css('opacity','1').fadeIn(700);
							});
	$('#suite-header').fadeIn(200);
}

function suiteMove(rep,instantane)
{
	var etendueVerticale = 510 - $('#menu').innerHeight();
	var temps = 700;
	if(instantane)
	{
		temps = 0;
	}
	
	switch(rep)
	{
			case 'portfolio':
				var pageAbouger = $('#'+rep);
				pos = parseInt(pageAbouger.offset().top);
				$('#conteneur-page').fadeOut(200,
																		function(){
																		$('#conteneur-page').animate({
																												"top":$('#conteneur-page').offset().top-pos},
																												0,
																												'swing');
																		});
				$('#aff_gauche').animate({
										"width": 473},
										700,
										'swing');	
				$('#menu').animate({
										"left": 493},
										700,
										'swing');
				$('#contenu').animate({
										"left": 600},
										700,
										'swing',
										function(){											
											$('#portfolio').fadeIn(700);
											var posMenu = parseInt((etendueVerticale)/nbPage);
											$('#menu').animate({
																			"top":20+posMenu},
																			700,
																			'swing'
																			);
										});
				$('#suite-header').fadeOut(200);
					
				pageAfficher = 'portfolio';
			break;			
			
			
			
			case 'accueil':
				var pageAbouger = $('#'+rep);
				pos = parseInt(pageAbouger.offset().top);
				$('#conteneur-page').animate({
										"top": 0},
										temps,
										'swing',
										function(){
											
										});
				$('#menu').animate({
												"top":20},
												700,
												'swing'
												);
				pageAfficher = '';
			break;
			
			
			
			
			default:
				var pageAbouger = $('#'+rep);
				pos = parseInt(pageAbouger.offset().top);
				nouvPos = ($('#conteneur-page').offset().top-pos);
				$('#conteneur-page').animate({
										"top": nouvPos},
										temps,
										'swing',
										function(){
											
										});
				var posMenu = parseInt((etendueVerticale)/nbPage) * (parseInt(-nouvPos/450)+1);
				$('#menu').animate({
												"top":20+posMenu},
												700,
												'swing'
												);
				pageAfficher = rep;
			break;
	}
}