/**
  *
**/
function preload(idConteneur) {

	//Chemin vers l'image du preload
	var imagePreload = 'themes/img/ajax-loader.gif';
	
	// On passe le conteneur central en opacité 0
	$(idConteneur).setStyle('display', 'none');
	$(idConteneur).setStyle('opacity', 0);
	
	// On créer l'élément html du spinner
	var spinner = new Element('div', {id: 'preload'});
	
	// On inject l'élément dans le DOM avant le conteneur principal
	spinner.inject($(idConteneur), 'before');
	
	$('preload').innerHTML = '<img src="'+imagePreload+'" /><br />Chargement ...';

	var conteneurWidth = $(idConteneur).getStyle('width');
	$('preload').setStyle('width', conteneurWidth);
	$('preload').setStyle('margin', 'auto');
	
	setMarginTop('preload');
	setMarginTop.periodical(2000);
	
	window.addEvent("load", function () {
		bibooFade(idConteneur);
		bibooSlider();
	});
	
}

function setMarginTop(idPreload) {
	//alert("test");
	// On place le spinner au milieu de l'écran
	var pageHeight = window.getHeight();
	var spinnerHeight = $(idPreload).getStyle('height').toInt();
	//alert(pageHeight);
	//alert(spinnerHeight);
	var marginTop = (pageHeight/2)-(spinnerHeight/2);
	
	$(idPreload).setStyle('margin-top', marginTop);
	
}