function domready_conteneur() {
	$$('.page_intro').each(function(item, index) {
		var id = item.get('id');
		var id = id.substring(4);
		item.set('id', id);
	});
	$$('.page').each(function(item, index) {
		var id = item.get('id');
		var id = id.substring(4);
		if(id == '') {
			id = '0';
		}
		item.set('id', id);
	});
	
	$('conteneur').fade('hide');
	$$('.page').each(function(item, index) {
		item.fade('hide');
	});
	
	var dim = window.getSize();
	var d = $('1').getSize();
	var diff_height = Math.floor((dim.y - d.y)/2);
	var diff_width = Math.floor((dim.x - d.x)/2);
	if(diff_height > 0) {
		$('conteneur').setStyles({
			'top': diff_height + 'px',
			'margin-top': '0px'
		});
	} else {
		$('conteneur').setStyles({
			'top': '0px',
			'margin-top': '0px'
		});
	}
	if(diff_width > 50) {
		$('conteneur').setStyles({
			'left': diff_width + 'px',
			'margin-left': '0px',
			'padding-right': diff_width - 50 + 'px'
		});
	} else {
		$('conteneur').setStyles({
			'left': '50px',
			'margin-left': '0px',
			'padding-right': '0px'
		});
	}
}
window.addEvent('domready', domready_conteneur);

function load_menu() {
	image1 = new Image();
	image1.src = "../img/fleche_double_bleu_over.gif";
	image2 = new Image();
	image2.src = "../img/fleche_double_gris_over.gif";
	image3 = new Image();
	image3.src = "../img/fleche_double_orange_over.gif";
	image4 = new Image();
	image4.src = "../img/fleche_double_over.gif";
	image5 = new Image();
	image5.src = "../img/fleche_droite_bleu_over.gif";
	image6 = new Image();
	image6.src = "../img/fleche_droite_gris_over.gif";
	image7 = new Image();
	image7.src = "../img/fleche_droite_orange_over.gif";
	image8 = new Image();
	image8.src = "../img/fleche_droite_over.gif";
	image9 = new Image();
	image9.src = "../img/fleche_gauche_bleu_over.gif";
	image10 = new Image();
	image10.src = "../img/fleche_gauche_gris_over.gif";
	image11 = new Image();
	image11.src = "../img/fleche_gauche_orange_over.gif";
	image12 = new Image();
	image12.src = "../img/fleche_gauche_over.gif";
	image13 = new Image();
	image13.src = "../img/fleche_retour_bleu_over.png";
	image14 = new Image();
	image14.src = "../img/fleche_retour_gris_over.png";
	image15 = new Image();
	image15.src = "../img/fleche_retour_orange_over.png";
	image16 = new Image();
	image16.src = "../img/fleche_retour_over.png";
}
function load_conteneur() {
	$('conteneur').setStyle('visibility', 'visible');
	$('conteneur').fade('in');
}
window.addEvent('load', function() {
	load_menu();
	setTimeout(load_conteneur, 500);
});


function resize_conteneur() {
	var dim = window.getSize();
	var d = $('1').getSize();
	var diff_height = Math.floor((dim.y - d.y)/2);
	var diff_width = Math.floor((dim.x - d.x)/2);
	var fx = new Fx.Morph('conteneur', {
		duration: 1000,
		transition: Fx.Transitions.Quint.easeOut
	});
	if(diff_height > 0 && diff_width > 50) {
		fx.start({
			'top': diff_height + 'px',
			'margin-top': '0px',
			'left': diff_width + 'px',
			'margin-left': '0px',
			'padding-right': diff_width - 50 + 'px'
		});
	} else if(diff_height <= 0 && diff_width <= 50) {
		fx.start({
			'top': '0px',
			'margin-top': '0px',
			'left': '50px',
			'margin-left': '0px',
			'padding-right': '0px'
		});
	} else if(diff_height <= 0 && diff_width > 50) {
		fx.start({
			'top': '0px',
			'margin-top': '0px',
			'left': diff_width + 'px',
			'margin-left': '0px',
			'padding-right': diff_width - 50 + 'px'
		});
	} else if(diff_height > 0 && diff_width <= 50) {
		fx.start({
			'top': diff_height + 'px',
			'margin-top': '0px',
			'left': '50px',
			'margin-left': '0px',
			'padding-right': '0px'
		});
	}
}
window.addEvent('resize', resize_conteneur);


function unload_conteneur() {
	$('conteneur').fade('out');
}

function click_lien(ref) {
	$$(ref).each(function(item, index) {
		var href = item.href;
		var url = href.split("#");
		if(url[1] == 'page1') {
			href = url[0] + "#" + url[1];
		} else {
			href = url[0] + "#page1#" + url[1];
		}
		item.href = 'javascript:void(0)';
		item.addEvent('click', function() {
			unload_conteneur();
			setTimeout(function() {
				location.href = href;
			}, 500);
		});
	});
}

function click_lien_actif(ref) {
	$$(ref).each(function(item, index) {
		var href = item.href;
		var url = href.split("#");
		item.href = 'javascript:void(0)';
		item.addEvent('click', function() {
			go_page(url[1]);
		});
	});
}


function go_page(div) {
	var id = div.substring(4);
	if(id == '') {
		id = '0';
	}
	if(div == 'last') {
		var myFx = new Fx.Scroll(window, {
			duration: 1000,
			transition: Fx.Transitions.Quint.easeOut
		});
		myFx.toRight();
	} else {
		var dim = window.getSize();
		var d = $(id).getSize();
		var diff_width = Math.floor((dim.x - d.x)/2);
		
		var myFx = new Fx.Scroll(window, {
			duration: 1000,
			offset: {'x': - diff_width, 'y': 0},
			transition: Fx.Transitions.Quint.easeOut
		});
		myFx.toElement(id);
	}
	
	$$('.page').each(function(item, index) {
		if(div == 'page1') {
			item.fade('out');
		} else {
			item.setStyle('visibility', 'visible');
			item.fade('in');
		}
	});
	
	var href = location.href;
	var url = href.split("#");
	href = url[0] + "#" + div;
	location.href = href;
}

function load_page(div) {
	if(div == '') {
		div = 'page1';
	}
	window.addEvent('load', function() {
		setTimeout(function() {
			go_page(div);
		}, 2500);
	});
}