setBrowser();


	function initMenu() {
		
		// Attache un nouvel objet Tween au menu
		var menu = document.getElementById('navPistes');
		if (menu) {
			var t1 = new Tween(menu.style,'left',Tween.elasticEaseOut,200,146,1,'px');
			setIdProperty('outMenu','display', 'none');
		}


		// Attache la fonction d'affichage au mouseOver de accesPistes
		var ctrl = document.getElementById('accesPistes');
		if (ctrl) {
			ctrl.onmouseover = function () {
				if (getIdProperty('navPistes','display') == 'none') {
					setIdProperty('navPistes','display', 'block');
					setIdProperty('outMenu','display', 'block');
					t1.start();	
				}
				}
		}
	
		// Masquage du menu (entre de la souris sur le bloc d’id outMenu)
		var mask = document.getElementById('outMenu');
		if (mask) {
			mask.onmouseover = function () {
				setIdProperty('navPistes','display', 'none');
				setIdProperty('outMenu','display', 'none');
				}
		}
		
		
		
	}
	// Affichage popup
	function pop(popedID) {
		// Récupération du nom de l’objet en parsant l’URL (ancre : #ip1, #ip2…)
		popedID = popedID.split('#');
		var popedObj = document.getElementById(popedID[1]);
		hideAllBut(popedID[1]);
		var p1 = new Tween(popedObj.style,'top',Tween.elasticEaseOut,50,110,1,'px');
		p1.start();
	}
	// masquage popup
	function popOut(popedID) {
		// Récupération du nom de l’objet en parsant l’URL (ancre : #ip1, #ip2…)
		var popedObj = document.getElementById(popedID);
		var po1 = new Tween(popedObj.style,'top',Tween.elasticEaseOut,150,-300,1,'px');
		po1.onMotionFinished = function(){
			setIdProperty(popedID, 'display', 'none');
		};
		po1.start();
	}

	function hideAllBut(notThisId) {
		for (var i=1; i<= 19; i++) {
			var TempID = "ip" + i;
			setIdProperty(TempID, 'display', 'none');
			setIdProperty(notThisId, 'display', 'block')
		}
	}
	
		// var pop1 = document.getElementById('ip1');
		// var pop2 = document.getElementById('ip2');
		// var pop3 = document.getElementById('ip3');
		// var pop4 = document.getElementById('ip4');
		// var pop5 = document.getElementById('ip5');
		// var pop6 = document.getElementById('ip6');
		// var pop7 = document.getElementById('ip7');
		// var pop8 = document.getElementById('ip8');
		// var pop9 = document.getElementById('ip9');
		// var pop10 = document.getElementById('ip10');
		// var pop11 = document.getElementById('ip11');
		// var pop12 = document.getElementById('ip12');
		// var pop13 = document.getElementById('ip13');
		// var pop14 = document.getElementById('ip14');
		// var pop15 = document.getElementById('ip15');
		// var pop16 = document.getElementById('ip16');
		// 	
		// var p1 = new Tween(document.getElementById('ip1').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p2 = new Tween(document.getElementById('ip2').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p3 = new Tween(document.getElementById('ip3').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p4 = new Tween(document.getElementById('ip4').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p5 = new Tween(document.getElementById('ip5').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p6 = new Tween(document.getElementById('ip6').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p7 = new Tween(document.getElementById('ip7').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p8 = new Tween(document.getElementById('ip8').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p9 = new Tween(document.getElementById('ip9').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p10 = new Tween(document.getElementById('ip10').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p11 = new Tween(document.getElementById('ip11').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p12 = new Tween(document.getElementById('ip12').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p13 = new Tween(document.getElementById('ip13').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p14 = new Tween(document.getElementById('ip14').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p15 = new Tween(document.getElementById('ip15').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// var p16 = new Tween(document.getElementById('ip16').style,'left',Tween.elasticEaseOut,200,146,1,'px');
		// 
		// p1.start();
		// p2.start();
		// p3.start();
		// p4.start();
		// p5.start();
		// p6.start();
		// p7.start();
		// p8.start();
		// p9.start();
		// p10.start();
		// p11.start();
		// p12.start();
		// p13.start();
		// p14.start();
		// p15.start();
		// p16.start();
	
	
	window.onload = function () {
		initMenu();
		setIdProperty('navPistes','display', 'none');
	}