var openned = -1;
function initPage()
{
	togglers = [];
	elements = [];

	var nav = document.getElementById('navigation');
	if(nav)
	{
		var _elems = nav.getElementsByTagName('a');
		for(var i=0; i < _elems.length; i++)
		{
			if(_elems[i].className == 'button')
			{
				togglers[togglers.length] = _elems[i];
			}
		}
		var _elems = nav.getElementsByTagName('div');
		for(var i=0; i < _elems.length; i++)
		{
			if(_elems[i].className == 'sub-box')
			{
				elements[elements.length] = _elems[i];
			}
		}
		
		for(var i=0; i < togglers.length; i++)
		{
	
			togglers[i].href = 'javascript:;';
			togglers[i].index = i;
			togglers[i].parentNode.index = i;
			togglers[i].parentNode._togg = togglers[i];
			togglers[i]._mooeffect = new Fx.Styles(togglers[i].parentNode.id,{duration:200,
				onStart: function(){
					if(this.element.className.indexOf('start-open') == -1)
					{
						this.element.className += " start-open";
					}
				},
				onComplete: function(){
					if(this.element.className.indexOf('opened') == -1)
					{
						this.element.className += " opened";
					}
					else
					{
						this.element.className = this.element.className.replace("opened","");						
						this.element.className = this.element.className.replace("start-open","");
					}					
				}
			});
			elements[i].id = "el-" + i;
			elements[i]._mooeffect = new Fx.Styles(elements[i].id,{duration:200});
	
			togglers[i].parentNode.onmouseover = function()
			{
				if(this._timeout)
				{
					clearTimeout(this._timeout);
				}
/*
				openned = -1;
				closeAll();
*/
				openned = this.index;
				togglerOpen(this);
			}
			togglers[i].parentNode.onmouseout = function()
			{
				openned = -1;
				this._timeout = setTimeout('closeAll()',50);
			}
		}
	}
	
}

function togglerOpen(_this)
{
	if(_this._togg)
	{
		var _this = _this._togg;
		if(_this.parentNode.className.indexOf("opened") ==-1)
		{
			if(elements[_this.index].offsetLeft == -361)
			{
				_this._mooeffect.custom({'padding-left':[0,361]});
				elements[_this.index]._mooeffect.custom({'left':[-361,0]});
			}
		}
	}
}

function toggler(_this)
{
	if(_this._togg)
	{
		var _this = _this._togg;
		if(_this.parentNode.className.indexOf("opened") ==-1)
		{
			if(elements[_this.index].offsetLeft == -361)
			{
				_this._mooeffect.custom({'padding-left':[0,361]});
				elements[_this.index]._mooeffect.custom({'left':[-361,0]});
			}
		}
		else
		{
			_this._mooeffect.custom({'padding-left':[361,0]});
			elements[_this.index]._mooeffect.custom({'left':[0,-361]});
		}
	}
}

function closeAll()
{
	for(var i=0; i < togglers.length; i++)
	{
		if(togglers[i].index != openned && togglers[i].parentNode.className.indexOf('opened') != -1)
		{
			toggler(togglers[i].parentNode);
		}
	}
}

if (window.addEventListener)
	window.addEventListener("load", initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPage);