var DropDownMenu = Class.create();

DropDownMenu.prototype = {
	initialize: function() {
		var menuButtons = $$('.lineMenu');
		var subMenus = $$('.subMenu');
		var menuItems = $$('.subMenuItem');

		menuItems.each(function (menuItem) {
			// isOpenItem merkt sich, ob es per start:opened auf die Mouseover-Farbe gesetzt wurde.
			var isOpenItem = false;
			menuItem.setStyle({color: 'black'});
			
			menuItem.observe('mouseover', function () {
				menuItem.setStyle({color: '#b8c600'});
			});
			
			menuItem.observe('mouseout', function () {
				if (!isOpenItem) {
					menuItem.setStyle({color: 'black'});
				}
			});
			
			menuItem.observe('start:opened', function () {
				isOpenItem = true;
				menuItem.setStyle({color: '#b8c600'});
			});
		});
		
		subMenus.each(function (subMenu) {
			subMenu.hide();
		});
		
		menuButtons.each(function (button, intIdx) {
			// isOpenMenu merkt sich, ob es per start:opened auf die Mouseover-Farbe gesetzt wurde.
			var isOpenMenu = false;
			button.setStyle({color: 'black'});
			
			button.observe('mouseover', function () {
				button.setStyle({color: 'white'});
			});
			
			button.observe('mouseout', function () {
				if (!isOpenMenu) {
					button.setStyle({color: 'black'});
				}
			});
			
			button.observe('click', function () {
				subMenus.each(function (subMenu, i) {
					if (i != intIdx) {
						subMenu.hide();
					}
				});
				subMenus[intIdx].toggle();
			});

			button.observe('start:opened', function () {
				isOpenMenu = true;
				subMenus[intIdx].toggle();
			});
		});
	}
};