window.addEvent('domready',init)
window.addEvent('resize',updateSubmenuPos)

var WiconePlus = 11; // largeur de l'icone plus
var HiconePlus = 11; // hauteur de l'icone plus
var Hiconfile = 15; // hauteur de l'icone des noeuds terminaux

var submenuBasename='submenu';
var userAgent = window.navigator.userAgent;
var browserVersion = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
var layers = new Array();
var currentLayeR = new Object;
var lastlink='';
var version  = userAgent.split(';');

var IE6=false;
var IE5=false;
var IE55=false;
var NS4=false;
var NS6=false;
var htmlLayer;
var IE4=false;

if(version[1].match('MSIE')){
	if(version[1].match('5.')){IE5=true;}
	if(version[1].match('5.5')){IE5=false;IE55=true;}
	if(version[1].match('6.')){IE6=true;}
	if(version[1].match('4.')){IE4=true;}
}

if(version[0].match('Mozilla')&&!isIE()){
	if(version[0].match('/4.')){NS4=true;}	
	if(version[0].match('/5.')){NS6=true;}
}

function isIE(){
	if(version[1].match('MSIE')){
		return true;
	}else{
		return false;
	}
}

function init(){
	//updateSubmenuPos()
	hidesub()
}

function writeMenu(categProps,classTitre,classLien,nameRef,URLiconePlus){
	
	categProps = this[categProps];
	if(categProps == undefined){
		return
	}
	//console.log(categProps)
	
	var html1='<span class="';
	var html2='">';
	var Pos = 'relative';
	if(IE6||IE55){
		Pos ='absolute';
	}
	var html3='</span>';
	var html4='<div style="position: '+Pos+'"  id="';
	var html5='<a class="';
	var html6='" href="javascript:';
	var html7="showSetLoc('";
	var html7bis="openDetail('";

	var html8="','";
	var html9="',";
	var html10=",'";

	var html11bis="')";
	var html11=")";
	var html12='<img src="';
	var html13='" hspace="1" width="';
	var html14='" height="';
	var html15='" border="0" align="texttop">';
	var html16='</a>';
	var html17="<br>";
	var html18='</div>';
	var HTML;
	var HTMLz;
	var HTMLy;

	HTMLz = html1 + classTitre + html2 + categProps[0] + html3 + html17;
	document.write(HTMLz);
	HTMLy = html4 + nameRef + html2 + html18;
	if(isIE()||NS6){document.write(HTMLy);}

	var HTMLBIG = '';

	for(i=1;i<=categProps.length-1;i++){
		
		if(isIE()||NS6){
			HTMLBIG += html5+classLien+html6+html7+submenuBasename+html8+nameRef+html9+(i-1)+html10+categProps[i][1]+html9+categProps[i][2]+html11+html2+html12+URLiconePlus+html13+WiconePlus+html14+HiconePlus+html15+categProps[i][0]+html16+html17;
		}
		
		if(NS4){
			HTMLBIG += html5+classLien+html6+html7bis+nameRef+html8+categProps[i][1]+html8+categProps[i][2]+html11bis+html2+html12+URLiconePlus+html13+WiconePlus+html14+HiconePlus+html15+categProps[i][0]+html16+html17;
		}
		
		if(HTMLy.match('<DIV style="position: relative" id="ref0">')){alert('ici');}
	}
	
	document.write(HTMLBIG);
}


function openDetail(nameRef,url,h){
	height = 0;
	height = h * 13;
	nameRef=window.open(url, nameRef,"toolbar=no,width=398,height="+height+",directories=no,status=no,scrollbars=no,resizable=no,menubar=no")
	nameRef.focus();	
}


function getAbsoluteLeft(name){
	if(isIE()||NS6){
		var el = getLayerByName(name);
		var X = el.offsetLeft;
		while(el.offsetParent!=null){
			X += el.offsetParent.offsetLeft;
			if(el.offsetParent.tagName=="BODY")
			break;
			el = el.offsetParent;
		}
		return X;
	}else{
		return getLayerByName(name).pageX;
	}
}


function getAbsoluteTop(name){
	if(isIE()||NS6){
		var el = getLayerByName(name);
		var Y = el.offsetTop;
		while(el.offsetParent!=null){
			Y += el.offsetParent.offsetTop;
			if(el.offsetParent.tagName=="BODY")
			break;
			el = el.offsetParent;
		}
		return Y ;
	}
	if(NS4){
		return getLayerByName(name).pageY;
	}
}


function getElement(name,layer){
	if(browserVersion < 4) return document[name];
	var curDoc = layer ? layer.document : document;
	var elem = curDoc[name];
	if(!NS6){
		if(!elem){
			for(var i=0;i<=curDoc.layers.length;i++){
				elem = getElement(curDoc.layers[i]);
				if(elem) return elem;
			}
		}
	}else{
		elem = document.getElementById(name)
	}
	return elem;
}


function getLayerByName(name){
	if(isIE()){
			return document.all.tags("DIV")[name];
	}else{
		return getElement(name,false);
	}
}


function show(name){
	$(name).setStyle('visibility','visible')
}


function hide(name){
	$(name).setStyle('visibility','hidden')
}


function hidesub(){
	$('submenu').setStyle('visibility','hidden')
}


function setLocation(name,refname,linknum){	
	var k = isIE()?0:0;
	var l = isIE()?2:2;
	
	var current = getLayerByName(name)
	var reftop = parseInt(getAbsoluteTop(refname));
	var refleft = parseInt(getAbsoluteLeft(refname));

	var newtop = reftop+linknum*HiconePlus+k;
	if(NS4){newtop=newtop-60}
	var newleft = refleft;

	if(!current) return;
	if(isIE()||NS6){
		
		if(!NS6){
			current.style.posLeft = newleft;
			current.style.posTop = newtop;
		}else{
			current.style.left = newleft;
			current.style.top = newtop;		
		}
		
	}else{
		current.moveTo(newleft,newtop);
	}
}


function showSetLoc(name,refname,linknum,file,nbligne){
	//console.log('showSetLoc(',name,refname,linknum,file,nbligne,')')
	
	var curname = name;
	var curlayer = $(curname);

	hide(curname)
	
	setLocation(curname,refname,linknum)

	var iframeObj = $('textsubmenu')
	//iframeObj.height = HiconePlus+(nbligne)*Hiconfile-nbligne-2;
	
	currentLayeR.Name = new String(curname);
	currentLayeR.Refname = new String(refname);
	currentLayeR.Linknum = parseInt(linknum);
	
	iframeObj.src = file;
}


function updateSubmenuContainer(height){
	var iframeObj = $('textsubmenu')
	iframeObj.height = height
	show("submenu");
}


function updateSubmenuPos(){
	if(currentLayeR.Name){
		setLocation(currentLayeR.Name,currentLayeR.Refname,currentLayeR.Linknum,currentLayeR.Dx,currentLayeR.Dy,currentLayeR.Dxgen,currentLayeR.Dygen)
	}
}