var pages = {
	page1 : {
		position : 1,
		interval : 0,
		intervalBtn : 184
		
	},
	
	page2 : {
		position : 2,
		interval : -800,
		intervalBtn : 410
		
	},
	
	page3 : {
		position : 3,
		interval : -1600,
		intervalBtn : 640
		
	}
};

var pageSelected = "page1";

function update() {
	var arrowNext = document.getElementById("arrowright");
	var arrowBack = document.getElementById("arrowleft");
	if(pages[pageSelected].position == 3){
		arrowNext.className = "selected";
		arrowBack.className = "";
	}else if(pages[pageSelected].position == 1){
	
		arrowBack.className = "selected";
		arrowNext.className = "";
	}else if(pages[pageSelected].position == 2){
	
		arrowBack.className = "";
		arrowNext.className = "";
	}
};


function showPageback( key ) {
	if(pages[pageSelected].position == 1){
		showPage("page1");
	}else if( pages[pageSelected].position == 2 ) {
		showPage("page1");
	}else if( pages[pageSelected].position == 3 ) {
		showPage("page2");
	}	
	update();
	/*moveSelected();*/
	
};

function showPagenext( key ) {
	if(pages[pageSelected].position == 1){
		showPage("page2");
	}else if( pages[pageSelected].position == 2 ) {
		showPage("page3");
	}else if( pages[pageSelected].position == 3 ) {
		showPage("page3");
	}
	
	update();
	/*moveSelected();*/
	
};


function showPage( key ) {
	
	var oldPageSelected = pageSelected;
	pageSelected = key;
		
	
	
	
	
	

	var slidingEl = document.getElementById("slide");
	
	var slidingSelected = document.getElementById("btn-menu-selected");
	
	if(pages[oldPageSelected].position < pages[pageSelected].position){
		Slide.on(
			slidingEl,
			pages[pageSelected].interval,
			function() {
				
			}
		);
		
		Slide.on(
			slidingSelected,
			
			pages[pageSelected].intervalBtn,
			function() {
				
			}
		);
		
		
	
	
	
	
	} else if(pages[oldPageSelected].position == pages[pageSelected].position){
		//bouge pas
		
	} else {
		var sin = pages[pageSelected].interval;
		Slide.out(
			slidingEl,
			sin,
			function() {
				
			}
		);
		
		Slide.out(
			slidingSelected,
			pages[pageSelected].intervalBtn,
			function() {
				
			}
		);

	
		
	}
	update();
	/*moveSelected();*/
	
};



function showPageStatic( key ) {

	var slidingEl = document.getElementById("slide");
	slidingEl.style.left=pages[key].interval+"px";
	
	var slidingSelected = document.getElementById("btn-menu-selected");
	slidingSelected.style.left=pages[key].intervalBtn+"px";
	
	pageSelected = key;
	update();
};









function hidePageHomeAndshowPage( key ) {
	showPageStatic( key );
	var panelHome = document.getElementById("panel-home");
	var menuHomeLiens = document.getElementById("menu-home-liens");
	Fade.out(menuHomeLiens);
	slideUp(function() {
		Fade.out(panelHome);
		var barMenu=document.getElementById("bar-menu");
		barMenu.style.display="block";	
	});
	
};

function slideUp(oncomplete) {
	var menuHome=document.getElementById("menu-home");
	Slide.up(menuHome,180,oncomplete);
	var imgTitleMenu=document.getElementById("img-title-menu");
	
	Let.out(imgTitleMenu,650);
	var menuHomeLiens=document.getElementById("menu-home-liens");
	menuHomeLiens.style.display="none";
	
}