var MainMenu_V = new Class({
	
	Implements: [Options],
	options: {
		showDelay: 300,
		subMenuLoader: 'subMenuLoader',
		linkHoverColor: '#1e1e1e'
	},
	
	initialize: function(options){
		this.setOptions(options);
		
		var myRequest = new Request.HTML({
			url: '/lib/inc/subMainMenuV1.inc.php',
			method: 'get',
			update: this.options.subMenuLoader,
			encoding: 'iso-8859-1',
			onComplete: function() {
				this.loadOnDomReady();
			}.bind(this)
		},this).send();
		
	},
	
	loadOnDomReady: function() {
		
		window.addEvent('domready',function() {
			this.activateSubMenu();
		}.bind(this));
		
	},
	
	activateSubMenu: function() {
		
		var showDelay = this.options.showDelay;
		var currMenuEl=null;
		var delayID=null;
		var mainNavUl_li = $$('ul#mainNavUl li');
		var mainNavUl_a  = $$('ul#mainNavUl li a');
		var linkHoverColor = this.options.linkHoverColor;
		var linkColor = $('mainNavUl').getElement('a').getStyle('color');
		var backHover = $('backMainMenuHover');
		var subMainMenu = $('subMainMenu');
		var subMenuContent = $$('#subMainMenu .subMenuContent');
		var bottomBg = $$('#mainNav .bottomBg');
		var subMainMenuLoader = $('subMainMenuLoader');
		var bigBox001 = ($('bigBox001')?$('bigBox001').getElements('div'):null);
		var player_V_BB = ($('player_V_BB')?$('player_V_BB').getElements('div'):null);
		
		backHover.set('morph', {
			duration: 'short',
			onComplete: function() {
				mainNavUl_a.each(function(el) {
					el.morph({color:linkColor});
				});
				currMenuEl.getElement('a').morph({color:linkHoverColor});
			}
		});
		
		mainNavUl_a.set('morph', {duration: 50});
		mainNavUl_li.each(function(el,index) {
			
			if(!el.hasClass('backMainMenuHover')) {
				
				if(el.hasClass('selectedMainMenu')) {
					currMenuEl = el;
					el.getElement('a').setStyle('color',linkColor);
					backHover.set('styles',{opacity:'visible', left: (el.offsetLeft-2), width: (el.offsetWidth+4)});
					backHover.getElement('span').morph({opacity:'visible'});
				}
				
				el.addEvents({
					'mouseenter': function() {
						if(this.hasClass('dropDown')) {
							
							var currentContent = $(this.getProperty('id')+"_content");
							delayID = $clear(delayID);
							delayID = (function() {
								subMainMenu.setStyle('display','block');
								currentContent.getElements('.col').each(function(el) {
									//el.getElements('.colInner').setStyle('height',currentContent.offsetHeight);
								},this);
							}).delay(showDelay);
							
							subMenuContent.setStyle('display','none');
							currentContent.setStyle('display','block');
							(bigBox001!=null?bigBox001.setStyle('display','none'):null);
							(player_V_BB!=null?player_V_BB.setStyle('display','none'):null);
							
						}
						backHover.morph({opacity:'visible',left: (this.offsetLeft-2), width: (this.offsetWidth+4)});
						backHover.getElement('span').morph({opacity:'visible'});
						currMenuEl = this;
					},
					'mouseleave': function() {
						delayID = (function() {
							subMainMenu.setStyle('display','none');
							(bigBox001!=null?bigBox001.setStyle('display','block'):null);
							(player_V_BB!=null?player_V_BB.setStyle('display','block'):null);
						}).delay(showDelay);
					}
				});
				
			}
			
		});
		
		subMainMenu.addEvents({
			'mouseover': function() {
				delayID = $clear(delayID);
				this.setStyle('display','block');
			},
			'mouseout': function() {
				delayID = (function() {
					subMainMenu.setStyle('display','none');
					(bigBox001!=null?bigBox001.setStyle('display','block'):null);
					(player_V_BB!=null?player_V_BB.setStyle('display','block'):null);
				}).delay(showDelay);
			}
		});
		
		bottomBg.addEvent('mouseover', function() {
			delayID = (function() {
				subMainMenu.setStyle('display','none');
				(bigBox001!=null?bigBox001.setStyle('display','block'):null);
				(player_V_BB!=null?player_V_BB.setStyle('display','block'):null);
			}).delay(showDelay);
		});
		
	}
	
});