function popUp(fileName){
      window.open(fileName,'','width=360,height=350,left=400,top=0,scrollbars=1,menubars=0');
}

function previewPhoto(fileName){
      //window.open(fileName,'Photo',"width=380,height=350,left=400,top=0,scrollbars=1,menubars=0");
	  window.open(fileName,'Photo',"width=850,height=610,left=100,top=0,scrollbars=1,menubars=0");
}

// preload all menu bgs
if (document.images){
	
	menuItems[0] = 'images/sm_1.gif';
	menuItems[1] = 'images/sm_2.gif';
	menuItems[2] = 'images/sm_3.gif';
	menuItems[3] = 'images/sm_4.gif';
	menuItems[4] = 'images/sm_5.gif';

	var i = 0;
	
	for(i=0;i<menuItems.length; i++) {
		menuItemImg[i] = new Image();
		menuItemImg[i].src = menuItems[i];
	}
}


function setTab(wht) {
	// tab status is set in order of appearance
	var tabStatus = new Array();
	tabStatus['cycle_maternelle'] = 'off';
	tabStatus['cycle_elementaire'] = 'off';
	tabStatus['cycle_college'] = 'off';
	tabStatus['cycle_lycee'] = 'off';
	
	// set display for all box to none
	document.getElementById('container_cycle_maternelle').style.display = 'none';
	document.getElementById('container_cycle_elementaire').style.display = 'none';
	document.getElementById('container_cycle_college').style.display = 'none';
	document.getElementById('container_cycle_lycee').style.display = 'none';
	
	// reset zindex
	document.getElementById('container_cycle_maternelle').style.zIndex = 1;
	document.getElementById('container_cycle_elementaire').style.zIndex = 1;
	document.getElementById('container_cycle_college').style.zIndex = 1;
	document.getElementById('container_cycle_lycee').style.zIndex = 1;
	
	if (wht == 'cycle_maternelle') {
		tabStatus['cycle_maternelle'] = 'on';
	}
	else if (wht == 'cycle_elementaire') {
		tabStatus['cycle_maternelle'] = 'off';
		tabStatus['cycle_elementaire'] = 'on';
		tabStatus['cycle_college'] = 'off';
		tabStatus['cycle_lycee'] = 'off';
	}
	else if (wht == 'cycle_college') {
		tabStatus['cycle_maternelle'] = 'off';
		tabStatus['cycle_elementaire'] = 'off_1';
		tabStatus['cycle_college'] = 'on';
		tabStatus['cycle_lycee'] = 'off';
	}
	else if (wht == 'cycle_lycee') {
		tabStatus['cycle_maternelle'] = 'off';
		tabStatus['cycle_elementaire'] = 'off';
		tabStatus['cycle_college'] = 'off_1';
		tabStatus['cycle_lycee'] = 'on';
	}
	else {
		tabStatus['cycle_maternelle'] = 'on';
		tabStatus['cycle_elementaire'] = 'off';
		tabStatus['cycle_college'] = 'off';
		tabStatus['cycle_lycee'] = 'off';
	}
	
	// set tab off or on crossing all tabs
	for (cycle in tabStatus) {
		// alert(tabStatus[cycle]);
		document.getElementById(cycle).src = 'images/'+cycle+'_'+tabStatus[cycle]+'.gif';
		
		if (tabStatus[cycle] == 'on') {
			document.getElementById('container_'+cycle).style.display = 'block';
			document.getElementById('container_'+cycle).style.zIndex = 3; // the bigger zindex
		}
	}
	
	//document.getElementById('cycle_maternelle').src = 'images/cycle_maternelle_off.gif';
	//document.getElementById('container_cycle_maternelle').style.zIndex = 2;
	//document.getElementById('container_cycle_elementaire').style.zIndex = 10;
	
	
	// set visible box
	//document.getElementById('container_'+wht).display = 'block';
	//document.getElementById('container_'+wht).style.zIndex=10;
	
}

function dispMenu(mnu,status) {
	// used to css display
	var disp;
	if (status == 1) {
		disp = 'block';
	}
	else {
		disp = 'none';
	}
	
	// check what menu is used
	if (mnu == 'container_submenu_etablissement') {
		//document.getElementById('menu_photogallery').src = 'images/photogallery_on.jpg';
		//document.getElementById('menu_services').src = 'images/services_off.jpg';
		//document.getElementById('services_sub_container').style.display = 'none';
		document.getElementById('container_submenu_inscription').style.display = 'none';
		document.getElementById('container_submenu_comite').style.display = 'none';
		document.getElementById('container_submenu_club').style.display = 'none';
	}
	else if (mnu == 'container_submenu_inscription') {
		//document.getElementById('menu_services').src = 'images/services_on.jpg';
		//document.getElementById('menu_photogallery').src = 'images/photogallery_off.jpg';
		//document.getElementById('photogallery_sub_container').style.display = 'none';
		document.getElementById('container_submenu_etablissement').style.display = 'none';
		document.getElementById('container_submenu_comite').style.display = 'none';
		document.getElementById('container_submenu_club').style.display = 'none';
	}
	else if (mnu == 'container_submenu_comite') {
		document.getElementById('container_submenu_etablissement').style.display = 'none';
		document.getElementById('container_submenu_inscription').style.display = 'none';
		document.getElementById('container_submenu_club').style.display = 'none';
	}
	else if (mnu == 'container_submenu_club') {
		document.getElementById('container_submenu_etablissement').style.display = 'none';
		document.getElementById('container_submenu_inscription').style.display = 'none';
		document.getElementById('container_submenu_comite').style.display = 'none';
	}

	// change the menu
	document.getElementById(mnu).style.display = disp;
	
	// the menu should close after a timeout
	setTimeout("resetMenus()",4000);
}

function resetMenus() {
	// reset both menus and change arrows
	
	//document.getElementById('menu_services').src = 'images/services_off.jpg';
	//document.getElementById('menu_photogallery').src = 'images/photogallery_off.jpg';

	document.getElementById('container_submenu_etablissement').style.display = 'none';
	document.getElementById('container_submenu_inscription').style.display = 'none';
	document.getElementById('container_submenu_comite').style.display = 'none';
	document.getElementById('container_submenu_club').style.display = 'none';
	
	//document.getElementById('photogallery_sub_container').style.display = 'none';
}