Hairdresser = {
	
	start:function(){
		Hairdresser.setupUI();
		Hairdresser.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(){
											Hairdresser.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 morebtn = $('btn_more');
		if(morebtn.hasClass('up')){
			morebtn.setStyle('top','535px');

		}else{
			morebtn.setStyle('top','400px');		
		
		}
	}
}

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