/* Simple effect for dropdown menu */
window.addEvent('domready', function() {

//Vertical 
	$$('#main-nav li').each(function(el) {
		el.addEvents({
			mouseenter: function(e) {
				this.addClass('hover');
				if (Browser.Engine.trident4) {
					if (this.hasClass('first')) this.addClass('first-hover');
					if (this.hasClass('last')) this.addClass('last-hover');
				}
			},
			mouseleave: function(e) {
				this.removeClass('hover');
				if (Browser.Engine.trident4) {
					this.removeClass('first-hover');
					this.removeClass('last-hover');
				}
			}
		});

		if (el.getElement('ul')) {
			// Sets up delayed reveal/hide animation for top navigation
			new HoverGroup({
				elements: el,
				delay: 250,
				onEnter: function() {
					el.addClass('sub-displayed');
					el.getElement('ul').reveal({
						duration: 250,
            transition: 'circ:in',
						styles: [],
						onHide: function() {
							el.removeClass('sub-displayed');
						}
					});
				},
				onLeave: function() {
					el.getElement('ul').dissolve();
				}
			});

			el.getElement('ul').hide();
		}
	});
	
//Horizontal
	$$('#left-nav li').each(function(el) {
		el.addEvents({
			mouseenter: function(e) {
				this.addClass('hover');
				if (Browser.Engine.trident4) {
					if (this.hasClass('first')) this.addClass('first-hover');
					if (this.hasClass('last')) this.addClass('last-hover');
				}
			},
			mouseleave: function(e) {
				this.removeClass('hover');
				if (Browser.Engine.trident4) {
					this.removeClass('first-hover');
					this.removeClass('last-hover');
				}
			}
		});

		if (el.getElement('ul')) {
			// Sets up delayed reveal/hide animation for top navigation
			new HoverGroup({
				elements: el,
				delay: 250,
				onEnter: function() {
					el.addClass('sub-displayed');

					el.getElement('ul').reveal({
						duration: 400,
            transition: 'quad:in',
						styles: [],
						onHide: function() {
							el.removeClass('sub-displayed');
						}
					});
				},
				onLeave: function() {

          			el.getElement('ul').hide();
				}
			});

			el.getElement('ul').hide();
		}
	});
});