Service = {
	
	start:function(){

		Service.menu = $$('td.link');
		Service.activateMenu(Service.menu);
		Service.activateMore('btn_more');

	},
	
	activateMenu:function(menu){
		menu.each(function(m){
			m.addEvent('mouseover',function(){
				var tid = m.getProperty('id').substr(1);
				Service.active = tid;
				if(Service.previous!=null){
					$(Service.previous).setStyle('visibility','hidden');
					var lp = $("l"+Service.previous);
					var defcolr = !(lp.hasClass('svc_alt'));
					lp.setStyle('background',(defcolr)?'#EAF3F8':'#F9FAFE');
					lp.setStyle('border','none');					
				}
				$(tid).setStyle('visibility','visible');
				m.setStyle('border','2px solid #FFD86F');
				m.setStyle('background','#fff');				

			});
			m.addEvent('mouseout',function(){
				Service.previous = Service.active;		
			});
		});

		
	},
	
	activateMore:function(morebtn){
		var els = $$('div#main','div#leftnav','div#svc6');
		var fx = new Fx.Elements(els,{wait: false, duration: 300,  
								 		transition: Fx.Transitions.sineInOut,
										onComplete:function(){
											Service.updateBtnY();	
										}});
		$(morebtn).addEvent('click',function(){
			//console.log(this);					
			if(!this.hasClass('up')){
				var obj = {};
				obj[0] = obj[1] = {'height':[550,670]};
				obj[2] = {'height':[500,625]};
				fx.start(obj);
				this.addClass('up');
			}else{
				var obj = {};
				obj[0] = obj[1] = {'height':[670,550]};
				obj[2] = {'height':[625,500]};
				fx.start(obj);
				this.removeClass('up');
			}
		});
	},
	
	updateBtnY:function(){
		//console.log($('btn_more').hasClass('up'));
		var morebtn = $('btn_more');
		if(morebtn.hasClass('up')){
			if(window.gecko)
				morebtn.setStyle('margin-top','580px');
			else
				morebtn.setStyle('top','600px');			
		}else{
			morebtn.setStyle((window.gecko)?'margin-top':'top','480px');		
		}
	}
}

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