var loginfield_open = false;
var searchfield_open = false;

var login_focus = false;
var search_focus = false;

function show_searchfield() {
	$('search-box').style.display = 'block';
	var myFade = $('search-box').effect('opacity', {
		duration: 150,
		fps: 25,
		onComplete: function() {
				searchfield_open=true;
				$('service-nav-search').removeEvent('mouseenter', show_searchfield);
				hide_loginfield();
			}
		}
	);
	myFade.start(0,1);
}

function hide_searchfield() {
	if (searchfield_open && !search_focus) {
		var myFade = $('search-box').effect('opacity', {
			duration: 150,
			fps: 25,
			onComplete: function() {
					searchfield_open=false;
					$('service-nav-search').addEvent('mouseenter', show_searchfield);
				}
			}
		);
		myFade.start(1,0);
	}
}

function show_loginfield() {
	$('members-login').style.display = 'block';

	var myFade = $('members-login').effect('opacity', {
		duration: 250,
		fps: 25,
		onComplete: function() {
				loginfield_open=true;
				$('service-nav-login').removeEvent('mouseenter', show_loginfield);
				hide_searchfield()
			}
		}
	);
	myFade.start(0,1);
}

function hide_loginfield() {
	if (loginfield_open && !login_focus) {
		var myFade = $('members-login').effect('opacity', {
			duration: 250,
			fps: 25,
			onComplete: function() {
					loginfield_open=false;
					$('service-nav-login').addEvent('mouseenter', show_loginfield);
				}
			}
		);
		myFade.start(1,0);
	}
}

window.addEvent('domready', function () {
	if ($('user')) {
		$('user').addEvent('focus', function () {login_focus=true});
		$('user').addEvent('blur', function () {login_focus=false});
	}
	if ($('pass')) {
		$('pass').addEvent('focus', function () {login_focus=true});
		$('pass').addEvent('blur', function () {login_focus=false});
	}
	$('search-field').addEvent('focus', function () {search_focus=true;});
	$('search-field').addEvent('blur', function () {search_focus=false});

	if ($('service-nav-login') && $('members-login')) {
		$('service-nav-login').addEvent('mouseenter', show_loginfield);
		$('members-login').addEvent('mouseleave', hide_loginfield);
	}
	$('service-nav-search').addEvent('mouseenter', show_searchfield);
	
	$('search-box').addEvent('mouseleave', hide_searchfield);

});