var toolbarVoisinageWillOpen	= false;
var toolbarVoisinageWillClose= false;
var toolbarVoisinageTimer	= null;

document.observe('dom:loaded', function() {
	$$('#voisinage').invoke('observe', 'click', observeVoisinageLink);
	
	$$('#voisinage').invoke('observe', 'mouseover', observeToolbarVoisinageOver);
	$$('#voisinage').invoke('observe', 'mouseout', observeToolbarVoisinageOut);

	$('voisinage_contenu').observe('mouseover', observeToolbarVoisinageOver);
	$('voisinage_contenu').observe('mouseout', observeToolbarVoisinageOut);
	
});

function observeVoisinageLink(event) {
	event.stop();
	
	element = event.element();

	if ($('voisinage_contenu').visible()) {
		$('voisinage_contenu').hide();
		element.removeClassName('selected');

	} else {
		$('voisinage_contenu').show();
		element.addClassName('selected');

	}

}

function observeToolbarVoisinageOver(event) {
	event.stop();

	toolbarVoisinageWillOpen		= true;
	toolbarVoisinageWillClose	= false;
	
	refreshToolbarVoisinageTimer(200);

}

function observeToolbarVoisinageOut(event) {
	event.stop();
	
	toolbarVoisinageWillClose	= true;
	toolbarVoisinageWillOpen		= false;
	
	refreshToolbarVoisinageTimer(700);

}

function executeToolbarVoisinageState() {
	if (toolbarVoisinageWillClose) {
		$('voisinage_contenu').hide();

		$$('#voisinage').each(function (item) {
			item.removeClassName('selected');

		})
		
		toolbarVoisinageWillClose = false;

	}

	if (toolbarVoisinageWillOpen) {
		$('voisinage_contenu').show();
		
		$$('#voisinage').each(function (item) {
			item.addClassName('selected');

		})
		
		toolbarVoisinageWillOpen = false;

	}
	
}

function refreshToolbarVoisinageTimer(delay) {
	if (toolbarVoisinageTimer) {
		clearTimeout(toolbarVoisinageTimer);
		
	}
	
	toolbarVoisinageTimer = setTimeout('executeToolbarVoisinageState()', delay);
	
}