increment = 1;

function initNav(){
	obj = document.getElementById("stickyNav");
	obj.style.position = "absolute";
	yPos = 0;
	if (obj.offsetParent) {
		yPos  = obj.offsetTop;
		while (obj = obj.offsetParent) {
			yPos  += obj.offsetTop
		}
	}
	newLoc = yPos;
	window.onscroll= function(){
		window.setTimeout('moveNav()', 200);
	}
}

function moveNav(){
  obj 		  = document.getElementById("stickyNav");
  currentPos  = parseFloat(obj.style.top);

  destination = document.documentElement.scrollTop + yPos;


  if (currentPos < destination)
	newLoc = currentPos + increment;
  if (currentPos > destination)
	newLoc = currentPos - increment;

  obj.style.top = newLoc+'px';

  if (currentPos != destination)
	window.setTimeout("moveNav()", 0);
}

initNav();

var navDiv = document.getElementById("stickyNav");
var lis = navDiv.getElementsByTagName("li");

for(x = 0;x < lis.length;x = x+1){
    lis[x].onmouseover = function(){
        this.style.background = "url('/ui/img/navlinkhover.gif')";
    }
    lis[x].onmouseout = function(){
        if (this.className != "currentLi")
            this.style.background = "none";
    }    
}