var currentStatut;

function applyEffect(e) {
	Event.stop(e);

		currentStatut = $('showring').statut;
		
			if(currentStatut=='disactivated' || currentStatut==undefined)
			{
					glisserBas('activated');
			}										
		else
			{
				glisserHaut('disactivated');
			}
		}

function glisserBas(currentStatut){
	new Effect.SlideDown('allsites', { duration: 0.2 });
	$('showring').statut = 'activated';
	$('ringoff').style.display = 'block';
}

function glisserHaut(currentStatut){	
	new Effect.SlideUp('allsites', { duration: 0.2 });
	$('showring').statut = 'disactivated';

}

function showAllSites() {
	Event.observe('showring', 'click', applyEffect);
} 

function hideAllSites() {
	$('ringoff').onmouseover = function(){
	if ($('showring').statut == 'activated'){	
	glisserHaut('disactivated')}
	$('showring').statut = 'disactivated';		
	};
	}

Event.observe(window, 'load', showAllSites, false);
Event.observe(window, 'load', hideAllSites, false);