var bWasInNaviArea;
var tNaviLeaveTimeout;
var bSentRequest;

function naviTriggerLog() {
	if (!bSentRequest) {
		new Ajax.Request( '/hoverlogger.php', { method: 'get' } );
	}
	
	bSentRequest = true;
}

function naviClickLog(id) {
	new Ajax.Request( '/clicklogger.php', { method: 'post', parameters: { id: id } });
	return true;
}

function triggerNaviArea(bInNaviArea)
{
	clearTimeout(tNaviLeaveTimeout); tNaviLeaveTimeout = 0;
	
	if (bWasInNaviArea && !bInNaviArea) { // hide
		Effect.BlindUp('naviBar', { duration: 0.1, queue: 'end'});
	}
	
	if (!bWasInNaviArea && bInNaviArea) { // show
		naviTriggerLog();
		Effect.BlindDown('naviBar', { duration: 0.5, queue: 'end'});
	}
	
	bWasInNaviArea = bInNaviArea;
	return false;
}

// show navigation area if javascript is enabled
document.observe("dom:loaded", function() {
	bWasInNaviArea = false;
	bSentRequest = false;
	tNaviLeaveTimeout = 0;
	
	$('naviArea').style.display = "block";
	
	$('naviArea').observe("mouseover", function() {
		return triggerNaviArea(true);
	});
	
	$('naviArea').observe("mouseout", function() {
		tNaviLeaveTimeout = setTimeout('triggerNaviArea(false);', 1000);
		return false;
	});

	$('naviA1').observe("click", function() {
		naviClickLog(1);
	});

	$('naviA2').observe("click", function() {
		naviClickLog(2);
	});

	$('naviA3').observe("click", function() {
		naviClickLog(3);
	});

	$('naviA4').observe("click", function() {
		naviClickLog(4);
	});
});