Event.observe(window, 'load', function() {
	var itemHandler = function(event) {
		var item = this.up('.dropdown-item');
		if (item.hasClassName('g-opened')) {
			if (!(item.next('.g-opened') || item.previous('.g-opened'))) {
				return;
			}
			item.removeClassName('g-opened');
			this.up('.dropdown-box').removeClassName('g-opened-box');
		} else {
			item.addClassName('g-opened');
			
			/* var box = this.up('.dropdown-box');
			if (box.getElementsByClassName('dropdown-item') ||
				box.getElementsByClassName('dropdown-item')) */
		}
		Event.stop(event);
	};
	
	var openAllHandler = function() {
		var box = this.up('.dropdown-box');
		$A(box.getElementsByClassName('dropdown-item')).each(function(element) {
			element.addClassName('g-opened');
		});
		box.addClassName('g-opened-box');
	};
	
	$$('.dropdown-box .dropdown-item-title').each(function(item) {
		Event.observe(item, 'click', itemHandler);
	});
	
	$$('.dropdown-box .dropdown-open-all').each(function(item) {
		Event.observe(item, 'click', openAllHandler);
	});
});