function getPos ( ele )
{
	var obj = ele;

	var curleft = 0;
	var curtop = 0;
	if (obj.offsetParent)
	{
		do
		{
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	else if (obj.x)
	{
		curleft += obj.x;
		curtop += obj.y;
	}

	return {x:curleft, y:curtop}
}

function getScrollPosition()
{
    return Array((document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,(document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop);
}


function hover(obj){
  if(document.all){
    UL = obj.getElementsByTagName('ul');
    if(UL.length > 0){
      sousMenu = UL[0].style;
      if(sousMenu.display == 'none' || sousMenu.display == '')
	  {
		  sousMenu.display = 'block';
		poso = getPos(obj);
		tailleEcran = document.getElementsByTagName("body")[0].offsetHeight;
		//alert(poso.y+UL[0].offsetHeight);
		if (tailleEcran<poso.y+UL[0].offsetHeight)
			sousMenu.top="-"+(UL[0].offsetHeight-obj.offsetHeight)+"px";
		//alert(poso.y);
		//sousMenu.top="-300px";
		//UL[0].offsetHeight
		//alert(UL[0].offsetHeight);
		
		
      }else{
        sousMenu.display = 'none';
      }
    }
  }
}

function setHover(id){
  LI = document.getElementById(id).getElementsByTagName('li');
  nLI = LI.length;
  for(i=0; i < nLI; i++){
    LI[i].onmouseover = function(){
      hover(this);
    }
    LI[i].onmouseout = function(){
      hover(this);
    }
  }
}