window.addEvent('domready', function(){
	var element1 = $('bottom');
	var element2 = $('main');
	
	var showsliderL = $('showsliderL');
	var hidesliderL = $('hidesliderL');
	
	var showsliderR = $('showsliderR');
	var hidesliderR = $('hidesliderR');

	var height1 = element1.offsetHeight * (-1);

	var fx1 = new Fx.Styles(element1, {duration:700, transition: Fx.Transitions.linear});
	var fx2 = new Fx.Styles(element2, {duration:700, transition: Fx.Transitions.linear});
	var fx3 = new Fx.Styles(element1, {duration:0, transition: Fx.Transitions.linear});
	var fx4 = new Fx.Styles(element2, {duration:0, transition: Fx.Transitions.linear});
	
	showsliderL.setStyle('display','none');
	showsliderL.addEvent('click', function(){
		fx1.start({
			'bottom': '0'
		});
		
		temp = element2.offsetHeight - 136;
		
		fx2.start({
			'height': temp
		});
		showsliderL.setStyle('display','none');
		hidesliderL.setStyle('display','');
		showsliderR.setStyle('display','none');
		hidesliderR.setStyle('display','');
	});

	hidesliderL.addEvent('click', function(){
		fx1.start({
			'bottom': '-136'
		});
		
		temp = element2.offsetHeight + 136;
		
		fx2.start({
			'height': temp
		});
		showsliderL.setStyle('display','');
		hidesliderL.setStyle('display','none');
		showsliderR.setStyle('display','');
		hidesliderR.setStyle('display','none');
		
	});
	
	showsliderR.setStyle('display','none');
	showsliderR.addEvent('click', function(){
		fx1.start({
			'bottom': '0'
		});
		
		temp = element2.offsetHeight - 136;
		
		fx2.start({
			'height': temp
		});
		showsliderL.setStyle('display','none');
		hidesliderL.setStyle('display','');
		showsliderR.setStyle('display','none');
		hidesliderR.setStyle('display','');
	});

	hidesliderR.addEvent('click', function(){
		fx1.start({
			'bottom': '-136'
		});
		
		temp = element2.offsetHeight + 136;
		
		fx2.start({
			'height': temp
		});
		showsliderL.setStyle('display','');
		hidesliderL.setStyle('display','none');
		showsliderR.setStyle('display','');
		hidesliderR.setStyle('display','none');
		
	});
	
	if (bottomslider_on == 1){
	
		fx3.start({
			'bottom': '0'
		});
		
		temp = element2.offsetHeight - 136;
		
		fx4.start({
			'height': temp
		});
		showsliderL.setStyle('display','none');
		hidesliderL.setStyle('display','');
		showsliderR.setStyle('display','none');
		hidesliderR.setStyle('display','');
	}
	
	if (bottomslider_on != 1){
		showsliderL.setStyle('display','');
		hidesliderL.setStyle('display','none');
		showsliderR.setStyle('display','');
		hidesliderR.setStyle('display','none');
	}
});