function getRef(obj){
  if(typeof obj == "string") {obj= document.getElementById(obj);}
  else if (typeof obj == "object") {obj = obj;}

  return obj;
}

function toggleMenu(elementId) {
    if(getStyle(elementId, 'display') != 'block') {
        show(elementId);
    } else {
        hide(elementId);
    }
    return false;
}

function setStyle(obj, style, value){
  getRef(obj).style[style]= value;
}

function getStyle2(obj, style){
  return getRef(obj).style[style];
}

function getStyle(obj, style){
  obj = getRef(obj);
  var y;
  if (window.getComputedStyle)
    var y = window.getComputedStyle(obj,null).getPropertyValue(style);
  else if (obj.currentStyle)
    var y = eval('obj.currentStyle.' + style);
  return y;
}

function move(elem,x,y) {
  getRef(elem).style.left = x + "px";
  getRef(elem).style.top = y + "px";
}

function hide(elem)
{
  setStyle(elem,'display','none');
  setStyle(elem,'visibility','hidden');
}

function show(elem)
{
    setStyle(elem,'display','block');
    setStyle(elem,'visibility','visible');
}

function showhide(elem)
{
  if (getStyle(elem,'visibility') == "visible") {
  	hide(elem);
  } else { show(elem); }

}

function sfHover() {
    if (document.getElementById("nav")) {
            var sfEls = document.getElementById("nav").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(/sfhover/, "");
                    }
            }
    }
}