/*
 * Better Hover-State Controlling for the Navbar-LoginSection
 */
 
var activestatus = 0;
var hoverTimeout;

function setActiveStatus(){
	activestatus = 1;
}

function removeActiveStatus(){
	activestatus = 0;
}

function setBtnActiveClass()
{
	$('loginbutton_header').addClass('selected');
}

function removeBtnActiveClass()
{
	$('loginbutton_header').removeClass('selected');
}

function fadeInLoginSection()
{
	$('navbar_login_section').fade('in');
	setBtnActiveClass();
}

function fadeOutLoginSection()
{
	if( activestatus==0 )
	{
		$('navbar_login_section').fade('out');
		removeBtnActiveClass();
	}
}

function showLoginSection()
{
	setActiveStatus();
	fadeInLoginSection();
}

function hideLoginSection()
{
	removeActiveStatus();
	waitBeforeFadeOut();
}

function waitBeforeFadeOut()
{
	clearTimeout( hoverTimeout );
	hoverTimeout = setTimeout( fadeOutLoginSection, 1100);
}

function initNavbarLoginSection()
{
	if ($('navbar_login_section')) 
	{
		$('navbar_login_section').fade('hide');
		$('loginbutton_header').addEvent('mouseover', showLoginSection);
		$('loginbutton_header').addEvent('mouseout', hideLoginSection);
		$('navbar_login_section').addEvent('mouseover', setActiveStatus);
		$('navbar_login_section').addEvent('mouseout', hideLoginSection);
	}
}



/*
 * Do this when DOM is ready
 */
window.addEvent('domready', function(){
	initNavbarLoginSection();
});