window.addEvent('domready', function() { 	
	
    var myMenu = new MooMenu({ 
		id:'nav', 
		effect:'slide & fade', 
		initialSubMenuXoffset:-2, 
		initialSubMenuYoffset:-7, 
		subsequentSubMenuXoffset:-2, 
		duration:250, 
		transition:Fx.Transitions.Back.easeOut 
	});
	
	
	var legend = [];
	legend[7] = '<span style="color:#90959A">on</span> Target';
	legend[6] = '<span style="color:#90959A">on</span> Demand';
	legend[5] = '<span style="color:#90959A">on</span> Board';
	
	var overBtn =false;
	
	//var btnArray = $('nav').getElements('a');
	
	//only apply popBoxes to links in the legend
	var btnArray = $('nav').getElements('a').filter(function(item, index){ 
		var hrefArr = item.href.split('=');
		var node_id = hrefArr.getLast();
		return legend[node_id]; 
	}.bind(this));
	
	//none popBox btns
	var btnArray2 = $('nav').getElements('a').filter(function(item, index){ 
		var hrefArr = item.href.split('=');
		var node_id = hrefArr.getLast();
		return !legend[node_id]; 
	}.bind(this)).each(function(item,index){
		item.addEvents({
			'mouseenter': function(e){
				hideToolTips();			
			}.bind(this)
		});
	});
	
	
	$('nav').getElements('a').each(function(item, index){
		item.setProperty('title', "");
	});
	
	btnArray.each(function(item, index){
		//item.setProperty('title', item.innerHTML+'::'+item.title);
		var hrefArr = item.href.split('=');
		var node_id = hrefArr.getLast();
		item.setProperty('title', legend[node_id]+'::');
		
		item.addEvents({
			'mouseleave': function(e){
				hideToolTips();			
			}.bind(this)
		});
		
		
	});
	
	var Tips1 = new Tips(btnArray, {
		showDelay:0,
		hideDelay :0,
		offsets :{x:8,y:20},
		maxTitleChars:100,
		initialize:function(){
			
			this.fx = new Fx.Morph(this.toolTip, {duration: 800,transition:Fx.Transitions.Elastic.easeOut, link:'cancel'}).set({'height':0,'opacity':1,'margin-left':100,'margin-top':0});
		},
		onShow: function(toolTip) {
			$clear(this.hideToolTipTimeout);
			this.fx.set({'display':'block','height':0,'opacity':1,'margin-left':100,'margin-top':0});
			this.fx.start({'height':18,'margin-left':0,'margin-top':0});
		},
		onHide: function(toolTip) {
			this.fx.set({'display':'none','height':0,'margin-left':100,'margin-top':0,'visibility':'hidden'});
			this.hideToolTipTimeout = hideToolTips.delay(100);
		}
	});

var toolTipsArr =$(document.body).getElements('div.tool-tip');
	toolTipsArr.each(function(item,index){
		item.addEvents({
			'mouseenter': function(e){
				hideToolTips();			
			}.bind(this)
		});
	});

});

function hideToolTips(){
	
	var toolTipsArr = document.body.getElements('.tool-tip');
	toolTipsArr.each(function(item,index){
		
		item.setStyles({'visibility':'hidden'});
	});
}