window.addEvent('domready', function() {

/* [SUBMENU] */
	
	if ($('subMenu')) {
		var subMenuLink = $$('#header ul#menu li');
		var subMenuContent = $$('.subMenuContent');
		
		subMenuLink.addEvent('mouseenter', function() {
			
			subMenuContent.setStyle('display','none');					// Reset any previous menus
			if ($('linkBottom')) $('linkBottom').destroy();
			subMenuLink.removeClass('activeHover');		
			
			index = subMenuLink.indexOf(this);
			this.addClass('activeHover');

			if (this.hasClass('hasSub')) {									// Regular menu
				$$('.menuBorder').setStyle('visibility','visible');
				subMenuContent[index].setStyle('display','block');
				
				var linkWidth = (this.getSize().x - 2);
				var bottomBar = new Element('div', {
					'id': 'linkBottom',
					'styles': {	
						'width': linkWidth,
						'z-index': '11'
					 }
				}).injectTop(this);
				
			} else {																	// Scrapbook
				$$('.menuBorder').setStyle('visibility','hidden');
				this.addClass('activeHover');
			}
			
		});

		$('subMenu').addEvent('mouseleave', function() {
			HideSubMenu();
		});

		$('logo').addEvent('mouseenter', function() {
			HideSubMenu();
		});
			
		function HideSubMenu(){
			if ($('linkBottom')) $('linkBottom').destroy();
			subMenuContent.setStyle('display','none');
			$$('.menuBorder').setStyle('visibility','hidden');
			subMenuLink.removeClass('activeHover');
		}
	}

});