currMenu = '';
MenuON = false;
currSubMenu = '';
SubMenuON = false;
ImgON = '';
HideTime = 100;

dom=document.getElementById?1:0;
ie4=(document.all && !dom)?1:0;
ns4=(parent.document.layers && !dom)?1:0;

function showlevel1(level1ID, swapImgID) {

	/***** move over the menu, hide immediately the previous level1 and delete the timeout */
	if (eval('currMenu')!='' && eval('currMenu')!=level1ID) {
		clearTimeout(eval('ClearLevel1'));
		OutMenu();
	}
	/***** come from the level1 to the current menu, keep the level1 visible */
	if (eval('currMenu')==level1ID)
		clearTimeout(eval('ClearLevel1'));
	
	if (ns4) {
		document.layers[level1ID].visibility='visible';
		document.mainmenu.document.images[swapImgID].src = 'img/nav/'+swapImgID+'on.gif';
	}
	if (ie4) { 
		document.all[level1ID].style.visibility='visible';
		document.images[swapImgID].src = 'img/nav/'+swapImgID+'on.gif';
	}
	if (dom) {
		document.getElementById(level1ID).style.visibility='visible';
		document.images[swapImgID].src = 'img/nav/'+swapImgID+'on.gif';
	}
	
	MenuON = true;
	currMenu = level1ID;
	ImgON = swapImgID;
	
}
function HideLevel1() {
	ClearLevel1 = setTimeout('ReallyHideLevel1()', HideTime);
}
function ReallyHideLevel1() {
	OutMenu();
	currMenu = '';
	MenuON = false;
}
function OutMenu() {
	if (ns4) {
		document.layers[currMenu].visibility='hidden';
		document.mainmenu.document.images[ImgON].src = 'img/nav/'+ImgON+'off.gif';
	}
	if (ie4) { 
		document.all[currMenu].style.visibility='hidden';
		document.images[ImgON].src = 'img/nav/'+ImgON+'on.gif';
	}
	if (dom) {
		document.getElementById(currMenu).style.visibility='hidden';
		document.images[ImgON].src = 'img/nav/'+ImgON+'off.gif';
	}
}


function showlevel2(level2ID) {

	/***** move over the submenu, hide immediately the previous level2 and delete the timeout */
	if (eval('currSubMenu')!='' && currSubMenu!=level2ID) {
		clearTimeout(eval('ClearLevel2'));
		OutLevel1();
	}
	/***** come from the level2 to the current submenu, keep the level2 visible */
	if (eval('currSubMenu')==level2ID)
		clearTimeout(eval('ClearLevel2'));
	
	if (ns4) document.layers[level2ID].visibility='visible';
	if (ie4) document.all[level2ID].visibility='visible';
	if (dom) document.getElementById(level2ID).style.visibility='visible';


	SubMenuON = true;
	currSubMenu = level2ID;
}
function HideLevel2() {
	ClearLevel2 = setTimeout('ReallyHideLevel2()', HideTime);
}
function ReallyHideLevel2() {
	OutLevel1();
	currSubMenu = '';
	SubMenuON = false;
}
function OutLevel1() {
	if (ns4) document.layers[currSubMenu].visibility='hidden';
	if (ie4) document.all[currSubMenu].visibility='hidden';
	if (dom) document.getElementById(currSubMenu).style.visibility='hidden';
}

function clearAllTimeout() {
	clearTimeout(ClearLevel1);
	clearTimeout(ClearLevel2);
}

function SetRandomMotif() {
	MotifsNumber = 5;
	randomMotif = Math.ceil((Math.random())*MotifsNumber);
	document.images['randommotif'].src = 'img/inter/motif_'+randomMotif+'.jpg';
}