var cm=null;

document.onclick = new Function("show(null)");

function getPos(el,sProp) 
{
	var iPos = 0;
	while (el!=null) 
	{
		iPos+=el["offset" + sProp];
		el = el.offsetParent;
	}
	return iPos;
}

/* Tested under IE 5&6, opera 8 & FF */
function getElementsByTagAndClassName(node,tagname,classname)
{
    ret = new Array();
    tmp = node.getElementsByTagName(tagname);
    j=0;
    for (i=0; i<tmp.length; i++) 
    { 
        if (tmp[i].className.indexOf(classname)!=-1) 
        { 
           ret[j]=tmp[i];
           j++;
        } 
    } 
   return ret;
}

function show(el,m,disp) 
{
	if (m) 
	{
		m.style.display=disp;
		m.style.left = getPos(el,"Left")+1;
		m.style.top = getPos(el,"Top") + el.offsetHeight;
	}
	if ((m!=cm) && (cm)) cm.style.display='none';
	cm=m;
}

function showmymenucontent(el)
{
	var menutriggers = getElementsByTagAndClassName(document,"a","menutrigger");	
	var menucontents = getElementsByTagAndClassName(document,"div","menucontent");	
	var NT = menutriggers.length;
	
	for(var i=0;i<NT;i++)
	{
		if(el==menutriggers[i]) 
		{
			show(el,menucontents[i],'inline');
		}
	}
}

function menuelementhoverin(el) 
{
	el.style.background = "#DECB8B";
}
function menuelementhoverout(el) 
{
	el.style.background = "#EEDEBE";
}

/* Pose tous les h-overs sur les differents menutrigger pour declencher l'apparition des menucontent */
function sethovers()
{
	var menutriggers = getElementsByTagAndClassName(document,"a","menutrigger");	
	var NT = menutriggers.length;
	
	for(var i=0;i<NT;i++)
		menutriggers[i].onmouseover = function(){showmymenucontent(this);}

	 //next is a hack for IE that does not support div:hover... 
	var menucontents = getElementsByTagAndClassName(document,"div","menucontent");	
	var NC = menucontents.length;

	for(var i=0;i<NC;i++)
	{
		var menuelements = getElementsByTagAndClassName(menucontents[i],"div","menuelement");
		var NE = menuelements.length;
	
		for(var j=0;j<NE;j++)
		{
			menuelements[j].onmouseover = function(){menuelementhoverin(this);}
			menuelements[j].onmouseout  = function(){menuelementhoverout(this);}
		}
	}
	
}

function toggleId(cid)
{
	
	if(document.getElementById(cid).style.display=='none')
		document.getElementById(cid).style.display='block'
	else
		document.getElementById(cid).style.display='none'
}