Ft = {
	inTween:false,
	active:"",previous:"",
	start:function(){
		Ft.menu = $$('div.fourtrends');
		Ft.activateMenu(Ft.menu);
		var bt = Ft.bt = $('blacktxt');
		bt.setStyle('height','10px');
		bt.setStyle('top','549px');
		bt.setStyle('visibility','hidden');
		$$('div.blklabel').each(function(bl){
			bl.setStyle('visibility','hidden');
		});
	},
	
	activateMenu:function(menu){
		var fx = new Fx.Styles('blacktxt',{duration:300,
			transition:Fx.Transitions.sineInOut,
			onStart:function(){
				$('blacktxt').setStyle('visibility','visible');
				Ft.inTween = true;
				if(Ft.previous != "")
					$('desc_'+Ft.previous).setStyle('visibility','hidden');
			},
			onComplete:function(){
				Ft.inTween = false;
				Ft.previous = Ft.active;
				$('desc_'+Ft.active).setStyle('visibility','visible');
				//pullup
			}});
		
		var fx2 = new Fx.Styles('blacktxt',{duration:100,
			transition:Fx.Transitions.sineInOut,
			onStart:function(){
				$('desc_'+Ft.previous).setStyle('visibility','hidden');
			}});
		
		menu.each(function(mitem,i){
			mitem.addEvent('mouseover',function(ev){
				Ft.active = this.id;
				//console.log(this.id);
				if(Ft.inTween) return;
				ev = new Event(ev).stop();
				var h = $('blacktxt').getStyle('height').toInt();
				if(h <=10){
					//console.log('appear');
					var t = $('blacktxt').getStyle('top').toInt();
					var obj = {};
					obj = {'height':[h,232],'top':[t,330]};
					fx.start(obj);
				}else if(Ft.previous != Ft.active) {
					//console.log('disappear')
					var obj1 = {'height':[232,70],'top':[330,495]};
					obj2 = {'height':[70,232],'top':[495,330]};
					fx.start(obj1).chain(function(){
						fx.start(obj2);
					});
				}
			});
		});
	
	}


}

window.addEvent('domready',Ft.start);