Reg = {
	
	start:function(){
		Reg.setupUI();
		Reg.activateMore('btn_more');

	},
	
	setupUI:function(){
		$('main').setStyle('height','460px');
		$('leftnav').setStyle('height','460px');		
		$('xtra').setStyle('height','460px');		
		$('content').setStyle('height','460px');		
		$('content_body').setStyle('height','410px');	
		$('btn_more').setStyle('visibility','visible');
	},
	
	activateMore:function(morebtn){
		var els = $$('div#main','div#leftnav','div#content','div#xtra','div#content_body');
		var fx = new Fx.Elements(els,{wait: false, duration: 300,  
								 		transition: Fx.Transitions.sineInOut,
										onComplete:function(){
											Reg.updateBody();	
										}});

		
		$(morebtn).addEvent('click',function(){
			//console.log(this);					
			if(!this.hasClass('up')){
				var obj = {};
				obj[0] = obj[1] = obj[2] = obj[3] = {'height':[460,600]};
				obj[4] = {'height':[410,560]};
				fx.start(obj);
				this.addClass('up');
			}else{
				var obj = {};
				obj[0] = obj[1] = obj[2] = obj[3] = {'height':[600,460]};
				obj[4] = {'height':[560,410]};
				fx.start(obj);
				this.removeClass('up');
			}
		});
	},
	
	updateBody:function(){
		//console.log($('btn_more').hasClass('up'));
		//var fx2 = new Fx.Scroll(window,{wait: false, duration: 300,  
		//						 		transition: Fx.Transitions.sineInOut});		
		var morebtn = $('btn_more');
		if(morebtn.hasClass('up')){
			morebtn.setStyle('top','525px');
			//fx2.toBottom();
		}else{
			morebtn.setStyle('top','400px');		
			//fx2.toTop();
		}
	}
}

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