var idOpacity;
var idMovement;

function cache() {
	var imgs=new Array();
	var src=["home","scolaires","programme","partenaires","infos_pratiques","decouverte","partage","expo","savoirs","labos","primaire","college","lycee"];// <-- les adresses des images
	for(var i=0;i<src.length;i++){
		imgs[i]=new Image();
		imgs[i].src="img/menu/"+src[i]+"_1.gif";
	}
	hideMenu();
	
}

function show(lnk,click) {
	hideMenu();
	document.getElementById(lnk).src = "img/menu/"+lnk+"_1.gif";
	document.getElementById("menu_"+lnk).style.visibility="visible";
	document.getElementById("menu_"+lnk).style.height="auto";
	if(!click) {
		opacity("menu_"+lnk);
		//movement("menu_"+lnk);
	}
	else {
		document.getElementById("menu").style.height="27px";
	}
	document.getElementById("menu").style.height="27px";
}

function hideMenu() {
	var a = new Array("home","scolaires","programme","partenaires","infos_pratiques");
	for(var i=0;i<a.length;i++) {

		document.getElementById(a[i]).src = "img/menu/"+a[i]+"_0.gif";		
	}
	//clearInterval(idMovement);
	clearInterval(idOpacity);
	//movement("menu_scolaires",50);
	//movement("menu_programme",50);
	document.getElementById("menu_scolaires").style.height="0px";
	document.getElementById("menu_programme").style.height="0px";
	document.getElementById("menu_scolaires").style.visibility="hidden";
	document.getElementById("menu_programme").style.visibility="hidden";
	
	
	document.getElementById("menu").style.height="77px";
}

function showProg(lnk) {
	if(!lnk) return;
	var a = new Array("decouverte","partage","expo","savoirs","labos","primaire","college","lycee");
	for(var i=0;i<a.length;i++) {
		document.getElementById(a[i]).src = "img/menu/"+a[i]+"_0.gif";		
	}
	
	document.getElementById(lnk).src = "img/menu/"+lnk+"_1.gif";	
}

function clic(lnkmenu) {
	
	cache();
	doResize();
	
	if(lnkmenu == "" ) {
		//alert("vide");
		show('home');	
		return;
		
	}
	if(lnkmenu == "home" || lnkmenu == "partenaires" || lnkmenu == "infos_pratiques") {
		//alert("normal "+lnkmenu);		
		showProg(lnkmenu);
		return;
		
	}
	if(lnkmenu == "decouverte" || lnkmenu == "partage" || lnkmenu == "expo" || lnkmenu == "savoirs" || lnkmenu == "labos") {
		//alert("programme "+lnkmenu);
		
		show("programme",true);
		showProg(lnkmenu);
		
		return;
		//
		
	}
	if(lnkmenu == "primaire" || lnkmenu == "college" || lnkmenu == "expo" || lnkmenu == "lycee") {
		//alert("scolaires "+lnkmenu);
		show("scolaires",true);
		showProg(lnkmenu);
		return;
		
		
	}
	//alert("fin  "+lnkmenu);
	show('home');	
}
//hideMenu() ;

/////////////// RESIZE
window.onresize = doResize;
function doResize() {
	var w = window.innerWidth!=undefined?window.innerWidth:document.body.clientWidth;
	var h = window.innerHeight!=undefined?window.innerHeight:document.body.clientHeight;
	var n = 70;
	var m = 850;
	if(w<m) {
		var c = n+(((m-w)/w)*90);
		//alert("w="+w + " m = " + m + " n = " + n + " c = " + c);
		document.getElementById("invit").style.left = (c)+"%";
	}
	else {
		document.getElementById("invit").style.left = n+"%";
	}
	//alert(w + "=== " + document.getElementById("invit").style.left);
}




////////////// ANIM MENU

function opacity(id, alpha){
	alpha = (!alpha ? 0 : alpha);
	var target = document.getElementById(id);
	target.style.opacity = (alpha/100);
	target.style.filter = 'alpha(opacity='+alpha+')';
	target.style.display = '';
	if(alpha < 100){
		idOpacity = setTimeout('opacity("'+id+'", '+(alpha+10)+')', 20);
	}
}

function movement(id,h) {
	var h = (!h?0:h);
	var target = document.getElementById(id);
	document.getElementById("menu").style.height= (83-h)+"px";
	target.style.height = ""+h+"px";
	//alert(target + ' === ' + target.style.height + " == " + h);

	if(h < 50){
		idMovement = setTimeout('movement("'+id+'", '+(h+5)+')', 10);
	}
	
	
}





///////// PNG IE

var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);

if ((version >= 5.5) && (version<7) ) 
{
	if(document.body.filters) {
		   for(var i=0; i<document.images.length; i++)
		   {
			  var img = document.images[i];
			  var imgName = img.src.toUpperCase();
			if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
			 {
				 var imgID = (img.id) ? "id='" + img.id + "' " : "";
				 var imgClass = (img.className) ? "class='" + img.className + "' " : "";
				 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
				 var imgStyle = "display:inline-block;" + img.style.cssText ;
				 if (img.align == "left") imgStyle = "float:left;" + imgStyle;
				 if (img.align == "right") imgStyle = "float:right;" + imgStyle;
				 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle;
				 var strNewHTML = "<span " + imgID + imgClass + imgTitle;
				 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";";
				 + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader";
				 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" ;
				 img.outerHTML = strNewHTML;
				 i = i-1;
			}
		}
   }
}


