﻿var MenuRules = {
	"div.menu ul li" : function(el) {
		el.onmouseover = function(ev) { el = $(el);
			if (el.hasClassName('current') || el.hasClassName('divider') || el.hasClassName('submenu')) {
			} else {
				el.addClassName('selected');
			}
		},
		el.onmouseout = function(ev) { el = $(el);
			if (el.hasClassName('current') || el.hasClassName('divider') || el.hasClassName('submenu')) {
			} else {
				el.removeClassName('selected');
			}
		}
	},
	".sub-menu-show" : function(el) {  
		el.onclick = function(ev) { el = $(el); ev = ev || window.event;		
			var submenu = el.up('li').down('ul');
			var img = el.up('li').down('img');
			if (submenu.hasClassName('current')) {
				return;
			} else {
				if (submenu.getStyle('display') == 'none') {
					// Close other open submenu (unless they're the current one)
					var allSubmenus = el.up('ul.main').select('ul.submenu');
					for (i = 0; i < allSubmenus.length; i++) {
						if (!allSubmenus[i].hasClassName('current') && allSubmenus[i].getStyle('display') != 'none') {
							Effect.BlindUp(allSubmenus[i].id, { duration: 0.3 });
						}
					}					
					Effect.BlindDown(submenu.id, { duration: 0.3 });
					img.src = 'images/menu-up-arrow.gif';
				} else {
					Effect.BlindUp(submenu.id, { duration: 0.3 });
					img.src = 'images/menu-drop-arrow.gif';
				}								
			}			
		}
	}
}

Behaviour.register(MenuRules);


