document.addEvent('domready', function() {
	document.getElements('.dropdown').each(function(element) {
		var timer;
		var mouseOver = false;
		var toggler = element.getElement('.toggler');
		var container = element.getElement('.container');
		var slide = new Fx.Slide(container.getElement('.slide'), {
			duration: 500,
			transition: Fx.Transitions.Bounce.easeOut
		});
		
		container.getElements('a').each(function(element) {
			element.addEvent('mouseover', function() {
				element.addClass('hover');
			});
			element.addEvent('mouseout', function() {
				element.removeClass('hover');
			});
		});
		
		slide.hide();
		container.setStyle('display', 'block');
		
		element.addEvent('mouseenter', function() {
			mouseOver = true;
			$clear(timer);
		});
		toggler.addEvent('click', function(event) {
			event.stop();
			slide.slideIn();
		});
		element.addEvent('mouseleave', function() {
			mouseOver = false;
			timer = (function () {
				if(!mouseOver) {
					slide.slideOut();
				}
			}).delay(1000);
		});
	});
});