var pano;
var divPano;
var menuPano;
var chemin_panorama = "./images/panorama/";
var ext = ".jpg";
var liste_images_panorama = new Array('pano1','pano2','pano3','pano4','pano5','pano6','pano7','pano8','pano9');
document.image_chargee_panorama = new Array();// Un tableau qui permettra le stockage 'virtuel' des images pour les précharger


/*
 * Création et initialisation du paoramique
 */
function initPano(){
	//On crée le panoramique avec les bons arguments :
	pano = new YajevLE('pano');
	pano.setStepSize(4);
	pano.setQuickness(25);
	pano.setMaxSpeed(3);
	//On lance la panoramique
	pano.launch();
    setInterval(function(){pano.moveRight(0.2);}, 25);
	prechargement(chemin_panorama, liste_images_panorama, document.image_chargee_panorama, ext);
}

/*
 * Initialisation du menu du paoramique
 */
function initMenuPano(){
	divPano = document.getElementById("pano");
	largeurPano = divPano.offsetWidth + "px";	
	
	//On assigne au menu du panoramique la bonne largeur (celle du panoramique)
	$("#menuPano").css({'width':largeurPano});
	$("#zoneAffichageMenu").css({'width':largeurPano});
	
	//On définit l'affichage et masquage du menu en fontion du survol par la souris
	$("#zoneAffichageMenu").hover(function(){showMenu();},"");
	$("#menuPano").hover("",function() {hideMenu();});
}

/*
 * Fonction de préchargement des images de panoramique pour empêcher le "blanc de tansition" lorsque l'on change d'image
 */
function prechargement(chemin_panorama, listeImages, imgChargees, extension) {
	for ( i = 0; i < listeImages.length; i++ ) {
		imgChargees[i] = new Image;
		imgChargees[i].src = chemin_panorama + listeImages[i] + extension;
	}
}

/*Affiche le menu sous*/
function showMenu(){
	$("#menuPano").animate({ 
		height:"45px",
		marginTop:"-45px"
	}, 700 );
}

/*Masque le menu sous*/
function hideMenu(){
	$("#menuPano").animate({ 
		height:"0px",
		marginTop:"0px"
	}, 700 );
}