function slideBox()
{
	var yPos = getScrollY();	
	if (_navBox == null) _navBox = document.getElementById("navBox");
	var cs = dojo.getComputedStyle(_navBox);
	var pos = cs.position;
	var xPos = (pos == 'absolute' ? _navBox.offsetLeft : parseInt(cs.left) || 0);
	if (pos != 'absolute' && pos != 'relative')
	{
		var ret = dojo.coords(_navBox, true);
		xPos = ret.x;
	}
	var targetYPos = (yPos + 5 > maxYPos) ? maxYPos : yPos + 5;
	if (targetYPos < 5) targetYPos = 5;
	dojox.fx.slideTo(
		{
			node: _navBox,
			duration: 250,
			top: targetYPos,
			left: xPos
		}
	).play();		
}

var maxYPos = null;

function setMaxY()
{
	var mainPage = document.getElementById("mainContent");
	var navBox = document.getElementById("navBox");
	var rec = dojo.coords(mainPage, true);
	var nRec = dojo.coords(navBox, true);
	if (rec.h <= nRec.h) throw "Too Small To Scroll";
	maxYPos = rec.y + rec.h - nRec.h; //match the bottoms up
}

function getScrollY() 
{
  var yPos = 0;
  if(typeof(window.pageYOffset) == 'number') 
	  yPos = window.pageYOffset;
  else if(document.body && document.body.scrollTop) 
    yPos = document.body.scrollTop;
  else if(document.documentElement && document.documentElement.scrollTop)
    yPos = document.documentElement.scrollTop;
  return yPos;
}

function scrollDetection()
{
	try
	{
		dojo.require("dojox.fx");
		if (maxYPos == null) setMaxY();
		window.setInterval("slideBox()", 250);
	}
	catch (ex) //nav box bigger than content
	{
		
	}
}

function showPopOut(sender)
{
	var popOut = dojo.byId('membersPopOut');
	var aPos = dojo.coords(sender, true);
	dojo.style(popOut, 'display', 'block');
	dojo.style(popOut, 'top', (aPos.t - 3) + 'px');
	
	dojo.connect(popOut, 'mouseout', function() {beginCountDown();});
	dojo.connect(sender, 'mouseout', function() {beginCountDown();});
	dojo.connect(popOut, 'mouseover', function() {cancelCountDown();});
	dojo.connect(sender, 'mouseover', function() {cancelCountDown();});
}

function beginCountDown()
{
	if (null != _counter)
	{
		window.clearTimeout(_counter);
	}
	
	_counter = window.setTimeout('hidePopOut()', 1500);
}

function cancelCountDown()
{
	if (null != _counter)
	{
		window.clearTimeout(_counter);
	}
}

function hidePopOut()
{
	dojo.style(dojo.byId('membersPopOut'), 'display', 'none');
}

var _counter;

var _navBox = null;

if (window.attachEvent)
	window.attachEvent('onload', scrollDetection, false);
else if (window.addEventListener)
	window.addEventListener('load', scrollDetection, false);
