// JavaScript Document
var pageActuelle='accueil';
 $(document).ready(function(){
							centreDemarrage();
							$('#menu li').click(GestionMenu);
							align();
							
							});
 function GestionMenu()
 {
	 
	var page=$(this).attr('name');
	if(page!=pageActuelle)
	{
	pageActuelle=page;
	var largeurEcran=document.body.offsetWidth;
	 $('html, body').animate({ scrollLeft: ($("#"+page).offset().left)-(largeurEcran/2)+450 }, 2000,'easeInOutBack');
	
	}
	$('#menu li').attr('class', '');
	$('#menu_'+pageActuelle).attr('class', 'active');
	 
	$('.cache').css('z-index','-9'); 
	setTimeout("$('#'+pageActuelle).css('z-index','14'); ",1700);
	 

 }
 
 function centreDemarrage()
 {
	var largeurEcran=document.body.offsetWidth;
	var container = document.documentElement;
	var containerHeight = container.clientHeight;
	$('html, body').animate({ scrollLeft: ($("#accueil").offset().left)-(largeurEcran/2)+450 }, 1000);
	$('#menu').css('top',((containerHeight/2)-270));
	
	$('#menu_'+pageActuelle).attr('class', 'active');
	$('#'+pageActuelle).css('z-index','14'); 
	 
	
	
 }
 
 
 
 function align()
{
	var largeurEcran=document.body.offsetWidth;
	var container = document.documentElement;
	var containerHeight = container.clientHeight;
	
    $('#container').css('margin-top',((containerHeight/2)-284));
	$('html, body').animate({ scrollLeft: ($("#"+pageActuelle).offset().left)-(largeurEcran/2)+450 }, 0);

	$('#menu').css('left', ((largeurEcran/2)-350));
	$('#menu').css('top',(containerHeight/2)-270);
	
	$('#logo').css('left', ((largeurEcran/2)-430));
	$('#logo').css('top',(containerHeight/2)-265);
	
	$('#ombre img').attr('width',largeurEcran+300);
	$('#ombre img').attr('height',containerHeight);
	
	
	
	
	

}

function addevent(obj,evt,fn,capt){
	if(obj.addEventListener)
	{
		obj.addEventListener(evt, fn, capt);
		return true;
	}
	else if(obj.attachEvent)
	{
		obj.attachEvent('on'+evt, fn);
		return true;
	}
	else return false;
}

if (document.getElementById && document.getElementsByTagName)
{
	addevent(window, 'load', align, false);
	addevent(window, 'resize', align, false);
}
