var toolbarPlateformeWillOpen	= false;
var toolbarPlateformeWillClose= false;
var toolbarPlateformeTimer	= null;

document.observe('dom:loaded', function() {
	$$('#plateforme').invoke('observe', 'click', observePlateformeLink);
	
	$$('#plateforme').invoke('observe', 'mouseover', observeToolbarPlateformeOver);
	$$('#plateforme').invoke('observe', 'mouseout', observeToolbarPlateformeOut);

	$('plateforme_contenu').observe('mouseover', observeToolbarPlateformeOver);
	$('plateforme_contenu').observe('mouseout', observeToolbarPlateformeOut);
	
});

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

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

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

	}

}

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

	toolbarPlateformeWillOpen		= true;
	toolbarPlateformeWillClose	= false;
	
	refreshToolbarPlateformeTimer(200);

}

function observeToolbarPlateformeOut(event) {
	event.stop();
	
	toolbarPlateformeWillClose	= true;
	toolbarPlateformeWillOpen		= false;
	
	refreshToolbarPlateformeTimer(700);

}

function executeToolbarPlateformeState() {
	if (toolbarPlateformeWillClose) {
		$('plateforme_contenu').hide();

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

		})
		
		toolbarPlateformeWillClose = false;

	}

	if (toolbarPlateformeWillOpen) {
		$('plateforme_contenu').show();
		
		$$('#plateforme').each(function (item) {
			item.addClassName('selected');

		})
		
		toolbarPlateformeWillOpen = false;

	}
	
}

function refreshToolbarPlateformeTimer(delay) {
	if (toolbarPlateformeTimer) {
		clearTimeout(toolbarPlateformeTimer);
		
	}
	
	toolbarPlateformeTimer = setTimeout('executeToolbarPlateformeState()', delay);
	
}