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_edge.png" width="108" height="103" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL").innerHTML='<img src="images/menu_menu_edge_xl.png" width="265" height="122" border="0" usemap="#MapMenu">';
				//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_edge.png" width="108" height="60" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL").innerHTML='<img src="images/pano_menu_menu_edge_xl.png" width="265" height="70" border="0" usemap="#MapMenuPano">';				
				//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_edge.png" width="108" height="60" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL").innerHTML='<img src="images/pano_menu_menu_edge_xl.png" width="265" height="70" border="0" usemap="#MapMenuPano">';				
				//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_edge.png" width="108" height="103" border="0"></a>';
				document.getElementById("NAVIGATION_MENU_XL").innerHTML='<img src="images/menu_menu_edge_xl.png" width="265" height="122" border="0" usemap="#MapMenu">';
				//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";
						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";
							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";
						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";
							break;
	}
}

var vientDePage=0;

function ouvrePop(indice)
{
	
	if(vientDePage>0)
	{
		switch(vientDePage)
		{
			case 1 : 	//new Effect.Fold(document.getElementById("POPAGENCE"));
						new Effect.MoveBy(document.getElementById("POPAGENCE"),-544,0, {duration:.7}); 
						//document.getElementById("POPAGENCE").style.visibility = "hidden";
						break;
			case 2 : 	new Effect.MoveBy(document.getElementById("POPINFOS"),0,-490, {duration:.7});
						//new Effect.Fold(document.getElementById("POPINFOS")); 
						//document.getElementById("POPINFOS").style.visibility = "hidden";
						break;
			case 3 : 	new Effect.MoveBy(document.getElementById("POPAUTRES"),0,490, {duration:.7});
						//new Effect.Fold(document.getElementById("POPAUTRES")); 
						//document.getElementById("POPAUTRES").style.visibility = "hidden";
						break;
		}
	}
	switch(indice)
	{
		case 1 : 	
					new Effect.MoveBy(document.getElementById("POPAGENCE"),544,0, {duration:.7});
					//document.getElementById("POPAGENCE").style.visibility = "visible";
					//new Effect.Appear(document.getElementById("POPAGENCE"), {duration:.3});					
					break;
		case 2 : 	new Effect.MoveBy(document.getElementById("POPINFOS"),0,490, {duration:.7});
					//document.getElementById("POPINFOS").style.visibility = "visible";
					//new Effect.Appear(document.getElementById("POPINFOS"), {duration:.3});					
					break;
		case 3 : 	new Effect.MoveBy(document.getElementById("POPAUTRES"),0,-490, {duration:.7});
					//document.getElementById("POPAUTRES").style.visibility = "visible";
					//new Effect.Appear(document.getElementById("POPAUTRES"), {duration:.3});					
					break;
	}
	vientDePage = indice;
}
function fermePop(indice)
{
	switch(indice)
	{
			case 1 : 	//new Effect.Fold(document.getElementById("POPAGENCE"));
						new Effect.MoveBy(document.getElementById("POPAGENCE"),-544,0, {duration:.7}); 
						//document.getElementById("POPAGENCE").style.visibility = "hidden";
						break;
			case 2 : 	new Effect.MoveBy(document.getElementById("POPINFOS"),0,-490, {duration:.7});
						//new Effect.Fold(document.getElementById("POPINFOS")); 
						//document.getElementById("POPINFOS").style.visibility = "hidden";
						break;
			case 3 : 	new Effect.MoveBy(document.getElementById("POPAUTRES"),0,490, {duration:.7});
						//new Effect.Fold(document.getElementById("POPAUTRES")); 
						//document.getElementById("POPAUTRES").style.visibility = "hidden";
						break;
	}
	vientDePage = 0;
}