function setMenuH(id,onoff)
{

if(document.getElementById(id))
   {
   var image = document.getElementById(id).style.backgroundImage ;

   document.getElementById(id).style.backgroundImage = onoff=='on' ?'url(images/menuH/menuH_on.gif)'  : '' ;

   
   }

}


function offsetLeft(elem)
{
	var p = elem.offsetParent;
	if(!p)
		return elem.offsetLeft;
	else
		return elem.offsetLeft+offsetLeft(p);
}

function offsetTop(elem)
{
	var p = elem.offsetParent;
	if(!p)
		return elem.offsetTop;
	else
		return elem.offsetTop+offsetTop(p);
}

function offsetWidth(elem)
{
	var p = elem.offsetParent;
	if(!p)
		return elem.offsetWidth;
	else
		return elem.offsetWidth+offsetWidth(p);
}


function hoverOn(obj){

    UL = obj.getElementsByTagName('ul');
    if(UL.length > 0){
      sousMenu = UL[0].style;

        sousMenu.display = 'block';


    }

}

function hoverOff(obj){

    UL = obj.getElementsByTagName('ul');

    if(UL.length > 0){
      sousMenu = UL[0].style;

        sousMenu.display = 'none';
        

    }

}

function setmenuHover(menuid){
  LI = document.getElementById(menuid).getElementsByTagName('li');
  nLI = LI.length;

  for(i=0; i < nLI; i++){
    LI[i].onmouseover = function(){
      hoverOn(this);
		//var icone = document.getElementById('iconeid_'+menuid) ? document.getElementById('iconeid_'+menuid).src : '' ;
		
    }
    LI[i].onmouseout = function(){
      hoverOff(this);
    }

    LI[i].onclick = function(){
      hoverOff(this);hidePopupApp(menuid);
    }
  }
}

function hidePopupApp(id)
{
if(!document.getElementById(id))return;

    UL = document.getElementById(id).getElementsByTagName('ul');

    if(UL.length > 0){
      
	  
	  for(i=0;i<UL.length;i++)
		{
			sousMenu = UL[i].style;
			sousMenu.display = 'none';
		}
        
    }
}


// ################################### MENU V2 #######################################


sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
