var _scrolls = [];
var _timeout = false;

function initPopUp()
{
	var nav = document.getElementById("side-bar");
	if (nav)
	{
		var nodes = nav.getElementsByTagName("div");
		var bar = document.getElementById("bar");
		var text;
		for (var i = 0; i < nodes.length; i++)
		{
			if (nodes[i].className.indexOf("roll") != -1)
			{
				bar_t = nodes[i].getElementsByTagName("div");
				for (var j = 0; j < bar_t.length; j++)
				{
					if(bar_t[j].className.indexOf("bar") !=-1)
					{
						_div = document.createElement('div');
						_div.style.right = "-450px";
						_div.className = nodes[i].id;
						_div.innerHTML = bar_t[j].innerHTML;
						var _divv = nav.appendChild(_div);						
						nodes[i]._div = _divv;
						nodes[i]._div._n = nodes[i];
						nodes[i].moo = new Fx.Styles(nodes[i]._div,{wait:false});
					}
				}
				nodes[i]._i = i;
				nodes[i].onmouseover = function () 
				{
					if(_timeout)
					{
						clearTimeout(_timeout);
					}
					nav.className +=" open ";
					this.className +=" active ";
					closeAll(this._i);
					this.moo.custom({'right':[this._div.getStyle('right').toInt(),161]});
				}
				nodes[i].onmouseout = function ()
				{
					nav.className = nav.className.replace("open","");
					this.className = this.className.replace("active","");
					_timeout = setTimeout('closeAll(-1)',200);
				}
				nodes[i]._div.onmouseover = function()
				{
					if(_timeout)
					{
						clearTimeout(_timeout);
					}
				}	

				nodes[i]._div.onmouseout = function()
				{
					_timeout = setTimeout('closeAll(-1)',200);
				}	

				_scrolls[_scrolls.length] = nodes[i];
			}
		}
	}
}

function closeAll(_i)
{
	for (var i = 0; i < _scrolls.length; i++)
	{
		if(_scrolls[i]._i != _i)
		{
			_scrolls[i].moo.custom({'right':[_scrolls[i]._div.getStyle('right').toInt(),-450]});
		}
	}	
}


if (window.addEventListener){
	window.addEventListener("load", initPopUp, false);
}
else if (window.attachEvent){
	window.attachEvent("onload", initPopUp);
}