function updateOrientation()
{
	//document.getElementById('width').innerHTML = "<font color='#FFFFFF'>[orientation = "+window.orientation+"]</font>";
	switch(window.orientation)
	{
		case 0 : // portrait
				document.body.setAttribute("orient", "profile");
				document.getElementById("NAVIGATION_TELEPHONE").innerHTML='<a href="#" onClick="ouvre(\'telephone\');"><img src="images/menu_phone.png" width="107" height="103" border="0"></a>';
				document.getElementById("NAVIGATION_TELEPHONE_XL").innerHTML='<img src="images/menu_phone_xl.png" width="261" height="122" usemap="#MapPhone">';
				document.getElementById("NAVIGATION_MENU").innerHTML='<a href="#" onClick="ouvre(\'menu\');"><img src="images/menu_menu.png" width="105" height="103" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL").innerHTML='<img src="images/menu_menu_xl.png" width="349" height="122" border="0" usemap="#MapMenu">';
				document.getElementById("NAVIGATION_MENU_BACK").innerHTML='<a href="#" onClick="ouvre(\'menuSuite\');"><img src="images/menu_menu.png" width="105" height="103" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL_SUITE").innerHTML='<img src="images/menu_menu_xl.png" width="349" height="122" border="0" usemap="#MapMenuSuite">';
				//document.getElementById('width').innerHTML = "<font color='#FFFFFF'>[orientation = profile]</font>";
				break;
		case 90 : // landscape
				document.body.setAttribute("orient", "landscape");
				document.getElementById("NAVIGATION_TELEPHONE").innerHTML='<a href="#" onClick="ouvre(\'telephone\');"><img src="images/pano_menu_phone.png" width="107" height="60" border="0"></a>';
				document.getElementById("NAVIGATION_TELEPHONE_XL").innerHTML='<img src="images/pano_menu_phone_xl.png" width="261" height="71" usemap="#MapPhonePano">';
				document.getElementById("NAVIGATION_MENU").innerHTML='<a href="#" onClick="ouvre(\'menu\');"><img src="images/pano_menu_menu.png" width="150" height="60" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL").innerHTML='<img src="images/pano_menu_menu_xl.png" width="349" height="70" border="0" usemap="#MapMenuPano">';
				document.getElementById("NAVIGATION_MENU_BACK").innerHTML='<a href="#" onClick="ouvre(\'menuSuite\');"><img src="images/pano_menu_menu.png" width="150" height="60" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL_SUITE").innerHTML='<img src="images/pano_menu_menu_xl.png" width="349" height="70" border="0" usemap="#MapMenuPanoSuite"">';
				//document.getElementById('width').innerHTML = "<font color='#FFFFFF'>[orientation = landscape]</font>";
				break;
		case -90 : // landscape
				document.body.setAttribute("orient", "landscape");
				document.getElementById("NAVIGATION_TELEPHONE").innerHTML='<a href="#" onClick="ouvre(\'telephone\');"><img src="images/pano_menu_phone.png" width="107" height="60" border="0"></a>';
				document.getElementById("NAVIGATION_TELEPHONE_XL").innerHTML='<img src="images/pano_menu_phone_xl.png" width="261" height="71" usemap="#MapPhonePano">';
				document.getElementById("NAVIGATION_MENU").innerHTML='<a href="#" onClick="ouvre(\'menu\');"><img src="images/pano_menu_menu.png" width="150" height="60" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL").innerHTML='<img src="images/pano_menu_menu_xl.png" width="349" height="70" border="0" usemap="#MapMenuPano">';
				document.getElementById("NAVIGATION_MENU_BACK").innerHTML='<a href="#" onClick="ouvre(\'menuSuite\');"><img src="images/pano_menu_menu.png" width="150" height="60" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL_SUITE").innerHTML='<img src="images/pano_menu_menu_xl.png" width="349" height="70" border="0" usemap="#MapMenuPanoSuite"">';
				//document.getElementById('width').innerHTML = "<font color='#FFFFFF'>[orientation = landscape]</font>";
				break;
		case 180 : // portrait
				document.body.setAttribute("orient", "profile");
				document.getElementById("NAVIGATION_TELEPHONE").innerHTML='<a href="#" onClick="ouvre(\'telephone\');"><img src="images/menu_phone.png" width="107" height="103" border="0"></a>';
				document.getElementById("NAVIGATION_TELEPHONE_XL").innerHTML='<img src="images/menu_phone_xl.png" width="261" height="122" usemap="#MapPhone">';
				document.getElementById("NAVIGATION_MENU").innerHTML='<a href="#" onClick="ouvre(\'menu\');"><img src="images/menu_menu.png" width="105" height="103" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL").innerHTML='<img src="images/menu_menu_xl.png" width="349" height="122" border="0" usemap="#MapMenu">';
				document.getElementById("NAVIGATION_MENU_BACK").innerHTML='<a href="#" onClick="ouvre(\'menuSuite\');"><img src="images/menu_menu.png" width="105" height="103" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL_SUITE").innerHTML='<img src="images/menu_menu_xl.png" width="349" height="122" border="0" usemap="#MapMenuSuite">';
				//document.getElementById('width').innerHTML = "<font color='#FFFFFF'>[orientation = profile]</font>";
				break;
					
	}
}

function ouvre(lemenu)
{
	switch(lemenu)
	{
		case 'menu' : 	document.getElementById("NAVIGATION_TELEPHONE").style.visibility = "visible";
						document.getElementById("NAVIGATION_TELEPHONE_XL").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU_XL").style.visibility = "visible";
						document.getElementById("NAVIGATION_MENU_BACK").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU_XL_SUITE").style.visibility = "hidden";
						break;
		case 'menuSuite' : document.getElementById("NAVIGATION_TELEPHONE").style.visibility = "visible";
						document.getElementById("NAVIGATION_TELEPHONE_XL").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU_XL").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU_BACK").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU_XL_SUITE").style.visibility = "visible";
						break;
		case 'telephone' : document.getElementById("NAVIGATION_TELEPHONE").style.visibility = "hidden";
							document.getElementById("NAVIGATION_TELEPHONE_XL").style.visibility = "visible";
							document.getElementById("NAVIGATION_MENU").style.visibility = "visible";
							document.getElementById("NAVIGATION_MENU_XL").style.visibility = "hidden";
							document.getElementById("NAVIGATION_MENU_BACK").style.visibility = "hidden";
							document.getElementById("NAVIGATION_MENU_XL_SUITE").style.visibility = "hidden";
							break;
	}
}

function ferme(lemenu)
{
	switch(lemenu)
	{
		case 'menu' : 	document.getElementById("NAVIGATION_TELEPHONE").style.visibility = "visible";
						document.getElementById("NAVIGATION_TELEPHONE_XL").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU").style.visibility = "visible";
						document.getElementById("NAVIGATION_MENU_XL").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU_XL_SUITE").style.visibility = "hidden";
						break;
		case 'telephone' : document.getElementById("NAVIGATION_TELEPHONE").style.visibility = "visible";
							document.getElementById("NAVIGATION_TELEPHONE_XL").style.visibility = "hidden";
							document.getElementById("NAVIGATION_MENU").style.visibility = "visible";
							document.getElementById("NAVIGATION_MENU_XL").style.visibility = "hidden";
						document.getElementById("NAVIGATION_MENU_XL_SUITE").style.visibility = "hidden";
							break;
	}
}

var vientDePage=0;

function vaPage(indice)
{
	switch(indice)
	{
		case 1 : 	document.getElementById("INFOS").style.visibility="hidden";
					document.getElementById("AUTRES").style.visibility="hidden";
					new Effect.MoveBy(document.getElementById("HOME"),0,-495);
					new Effect.MoveBy(document.getElementById("AGENCE"),0,-613);
					new Effect.MoveBy(document.getElementById("INFOS"),0,-2026);
					new Effect.MoveBy(document.getElementById("AUTRES"),0,-2770);
					vientDePage = 1;
					break;
		case 2 : 	document.getElementById("AGENCE").style.visibility="hidden";
					document.getElementById("AUTRES").style.visibility="hidden";
					new Effect.MoveBy(document.getElementById("HOME"),0,-495);
					new Effect.MoveBy(document.getElementById("AGENCE"),0,-1103);
					new Effect.MoveBy(document.getElementById("INFOS"),0,-1397);					
					new Effect.MoveBy(document.getElementById("AUTRES"),0,-2770);
					vientDePage = 2;
					break;
		case 3 : 	document.getElementById("AGENCE").style.visibility="hidden";
					document.getElementById("INFOS").style.visibility="hidden";
					new Effect.MoveBy(document.getElementById("HOME"),0,-495);
					new Effect.MoveBy(document.getElementById("AGENCE"),0,-1103);
					new Effect.MoveBy(document.getElementById("INFOS"),0,-2026);					
					new Effect.MoveBy(document.getElementById("AUTRES"),0,-2216);
					vientDePage = 3;
					break;
	}
	document.getElementById("NAVIGATION_MENU_BACK").style.visibility = "visible";
	//document.getElementById("NAVIGATION_MENU").style.visibility = "visible";
	document.getElementById("NAVIGATION_MENU_XL").style.visibility = "hidden";
}
function vaHome()
{
	switch(vientDePage)
	{
		case 1 : 	new Effect.MoveBy(document.getElementById("HOME"),0,495);
					new Effect.MoveBy(document.getElementById("AGENCE"),0,613);
					new Effect.MoveBy(document.getElementById("INFOS"),0,2026);					
					new Effect.MoveBy(document.getElementById("AUTRES"),0,2770);
					document.getElementById("INFOS").style.visibility="visible";
					document.getElementById("AUTRES").style.visibility="visible";
					vientDePage = 0;
					break;
		case 2 : 	new Effect.MoveBy(document.getElementById("HOME"),0,495);
					new Effect.MoveBy(document.getElementById("AGENCE"),0,1103);
					new Effect.MoveBy(document.getElementById("INFOS"),0,1397);					
					new Effect.MoveBy(document.getElementById("AUTRES"),0,2770);
					document.getElementById("AGENCE").style.visibility="visible";
					document.getElementById("AUTRES").style.visibility="visible";
					vientDePage = 0;
					break;
		case 3 : 	new Effect.MoveBy(document.getElementById("HOME"),0,495);
					new Effect.MoveBy(document.getElementById("AGENCE"),0,1103);
					new Effect.MoveBy(document.getElementById("INFOS"),0,2026);					
					new Effect.MoveBy(document.getElementById("AUTRES"),0,2216);
					document.getElementById("AGENCE").style.visibility="visible";
					document.getElementById("INFOS").style.visibility="visible";
					vientDePage = 0;
					break;
	}
	document.getElementById("NAVIGATION_MENU").style.visibility = "visible";
	document.getElementById("NAVIGATION_MENU_BACK").style.visibility = "hidden";
}

function vaSuite(indice)
{
	// ferme ancienne
	if(indice != vientDePage)
	{
		if(indice==0)
		{
			document.getElementById("AGENCE").style.left=-613;
			document.getElementById("INFOS").style.left=-923;
			document.getElementById("AUTRES").style.left=-744;
		}else{
			switch(vientDePage)
			{
				case 1 : 	document.getElementById("AGENCE").style.visibility="hidden";
							new Effect.MoveBy(document.getElementById("AGENCE"),0,-490);
							break;
				case 2 : 	document.getElementById("INFOS").style.visibility="hidden";
							new Effect.MoveBy(document.getElementById("INFOS"),0,-629);
							break;
				case 3 : 	document.getElementById("AUTRES").style.visibility="hidden";					
							new Effect.MoveBy(document.getElementById("AUTRES"),0,-554);
							break;
			}
		}
		
		switch(indice)
		{
			case 0 :	new Effect.MoveBy(document.getElementById("HOME"),0,495);
						new Effect.MoveBy(document.getElementById("AGENCE"),0,1103);
						new Effect.MoveBy(document.getElementById("INFOS"),0,2026);					
						new Effect.MoveBy(document.getElementById("AUTRES"),0,2770);
						vientDePage = 0;
						break;
			case 1 : 	document.getElementById("AGENCE").style.visibility="visible";	
						new Effect.MoveBy(document.getElementById("AGENCE"),0,490);
						vientDePage = 1;
						break;			
			case 2 : 	document.getElementById("INFOS").style.visibility="visible";						
						new Effect.MoveBy(document.getElementById("INFOS"),0,629);
						vientDePage = 2;
						break;				
			case 3 : 	document.getElementById("AUTRES").style.visibility="visible";	
						new Effect.MoveBy(document.getElementById("AUTRES"),0,554);
						vientDePage = 3;
						break;
		}
	}
	if(vientDePage == 0)
	{
		document.getElementById("AGENCE").style.visibility="visible";
		document.getElementById("INFOS").style.visibility="visible";
		document.getElementById("AUTRES").style.visibility="visible";
		document.getElementById("NAVIGATION_MENU").style.visibility = "visible";
		document.getElementById("NAVIGATION_MENU_BACK").style.visibility = "hidden";
		document.getElementById("NAVIGATION_MENU_XL_SUITE").style.visibility = "hidden";
	}else{
		document.getElementById("NAVIGATION_MENU_BACK").style.visibility = "visible";
		document.getElementById("NAVIGATION_MENU_XL_SUITE").style.visibility = "hidden";
	}
}