function we_switchShowHideElem(IDElem) {
    var elem = document.getElementById(IDElem).style.display;
    document.getElementById(IDElem).style.display = (elem == 'none') ? 'block' : 'none';
}
function we_showHideElemBYCheck(IDChkElem, IDElem) {
    document.getElementById(IDElem).style.display = (document.getElementById(IDChkElem).checked) ? 'block' : 'none';
}
function we_showHideElemBYValue(value, IDElem) {
    document.getElementById(IDElem).style.display = value;
}
function we_insertElemKeyID(tab, valore) {
    if (we_SelectElemByID(tab, valore.id) == null) {
        we_insertElem(tab, valore);    
    }
}
function we_insertElemKeyValue(tab, valore) {
    if (we_SelectElemByValue(tab, valore) == null) {
        we_insertElem(tab, valore);    
    }
}
function we_SelectElemByID(tab, id) {
    // ricerca valori
    for(var i=0; i < tab.length; i++) {
        if (tab[i].id == id) {
            return tab[i];
        }      
    }
    return null;
}
function we_SelectElemByValue(tab, valore) {
    // ricerca valori
    for(var i=0; i < tab.length; i++) {
        if (tab[i] == valore) {
            return tab[i];
        }      
    }
    return null;
}
function we_insertElem(tab, valore) {
    tab = tab.push(valore);    
}
function we_trim(stringa){    
    return stringa.replace(/^\s+|\s+$/g,"");
}

viewport = {
  getWinWidth: function () {
    this.width = 0;
    if (window.innerWidth) this.width = window.innerWidth - 18;
    else if (document.documentElement && document.documentElement.clientWidth) 
          this.width = document.documentElement.clientWidth;
    else if (document.body && document.body.clientWidth) 
          this.width = document.body.clientWidth;
  },
  
  getWinHeight: function () {
    this.height = 0;
    if (window.innerHeight) this.height = window.innerHeight - 18;
      else if (document.documentElement && document.documentElement.clientHeight) 
          this.height = document.documentElement.clientHeight;
      else if (document.body && document.body.clientHeight) 
          this.height = document.body.clientHeight;
  },
  
  getScrollX: function () {
    this.scrollX = 0;
      if (typeof window.pageXOffset == "number") this.scrollX = window.pageXOffset;
      else if (document.documentElement && document.documentElement.scrollLeft)
          this.scrollX = document.documentElement.scrollLeft;
      else if (document.body && document.body.scrollLeft) 
          this.scrollX = document.body.scrollLeft; 
      else if (window.scrollX) this.scrollX = window.scrollX;
  },
  
  getScrollY: function () {
    this.scrollY = 0;    
    if (typeof window.pageYOffset == "number") this.scrollY = window.pageYOffset;
    else if (document.documentElement && document.documentElement.scrollTop)
          this.scrollY = document.documentElement.scrollTop;
      else if (document.body && document.body.scrollTop) 
          this.scrollY = document.body.scrollTop; 
      else if (window.scrollY) this.scrollY = window.scrollY;
  },
  
  getAll: function () {
    this.getWinWidth(); this.getWinHeight();
    this.getScrollX();  this.getScrollY();
  }
  
}

var menuLayers = {
  timer: null,
  activeMenuID: null,
  offX: 4,   // posizione orizziontale rispetto al cursore 
  offY: 6,   // posizione verticale rispetto al cursore
  show: function(id, e) {
    var mnu = document.getElementById? document.getElementById(id): null;
    if (!mnu) return;
    this.activeMenuID = id;
    if ( mnu.onmouseout == null ) mnu.onmouseout = this.mouseoutCheck;
    if ( mnu.onmouseover == null ) mnu.onmouseover = this.clearTimer;
    viewport.getAll();
    this.position(mnu,e);
  },
  
  hide: function() {
    this.clearTimer();
    if (this.activeMenuID && document.getElementById) 
      this.timer = setTimeout("document.getElementById('"+menuLayers.activeMenuID+"').style.visibility = 'hidden'", 200);
  },
  
  position: function(mnu, e) {
    var x = e.pageX? e.pageX: e.clientX + viewport.scrollX;
    var y = e.pageY? e.pageY: e.clientY + viewport.scrollY;
    
    if ( x + mnu.offsetWidth + this.offX > viewport.width + viewport.scrollX )
      x = x - mnu.offsetWidth - this.offX;
    else x = x + this.offX;
  
    if ( y + mnu.offsetHeight + this.offY > viewport.height + viewport.scrollY )
      y = ( y - mnu.offsetHeight - this.offY > viewport.scrollY )? y - mnu.offsetHeight - this.offY : viewport.height + viewport.scrollY - mnu.offsetHeight;
    else y = y + this.offY;
    
    mnu.style.left = x + "px"; mnu.style.top = y + "px";
    this.timer = setTimeout("document.getElementById('" + menuLayers.activeMenuID + "').style.visibility = 'visible'", 200);
  },
  
  mouseoutCheck: function(e) {
    e = e? e: window.event;
    var mnu = document.getElementById(menuLayers.activeMenuID);
    var toEl = e.relatedTarget? e.relatedTarget: e.toElement;
    if ( mnu != toEl && !menuLayers.contained(toEl, mnu) ) menuLayers.hide();
  },
  contained: function(oNode, oCont) {
    if (!oNode) return; 
    while ( oNode = oNode.parentNode ) 
      if ( oNode == oCont ) return true;
    return false;
  },

  clearTimer: function() {
    if (menuLayers.timer) clearTimeout(menuLayers.timer);
  }
  
}

function we_getBrowserWidth() {
    var width = 0;
    if (window.innerWidth) 
        width = window.innerWidth - 18;
    else if (document.documentElement && document.documentElement.clientWidth) 
          width = document.documentElement.clientWidth;
    else if (document.body && document.body.clientWidth) 
          width = document.body.clientWidth;
    return width;    
}
  
function we_getBrowserHeight() {
    var height = 0;
    if (window.innerHeight) 
        height = window.innerHeight - 18;
      else if (document.documentElement && document.documentElement.clientHeight) 
          height = document.documentElement.clientHeight;
      else if (document.body && document.body.clientHeight) 
          height = document.body.clientHeight;
    return height;
}
  
function we_getPosScrollX() {
    scrollX = 0;
      if (typeof window.pageXOffset == "number") 
          scrollX = window.pageXOffset;
      else if (document.documentElement && document.documentElement.scrollLeft)
          scrollX = document.documentElement.scrollLeft;
      else if (document.body && document.body.scrollLeft) 
          scrollX = document.body.scrollLeft; 
      else if (window.scrollX) 
      scrollX = window.scrollX;
      return scrollX;
}
  
function we_getPosScrollY() {
    scrollY = 0;    
    if (typeof window.pageYOffset == "number")
        scrollY = window.pageYOffset;
    else if (document.documentElement && document.documentElement.scrollTop)
          scrollY = document.documentElement.scrollTop;
      else if (document.body && document.body.scrollTop) 
          scrollY = document.body.scrollTop; 
      else if (window.scrollY) 
      scrollY = window.scrollY;
      return scrollY;
}