var apoyan_tab;
var map_tab;

window.addEvent('domready',function(){
	apoyan_tab = new maskedTab('apoyan_panel','apoyan_mask',false,18,-18);
	
	if($('map_close')&&$('map_button')){
		map_tab = new maskedTab('map_panel','map_mask',false,0,0);
		$('map_button').addEvent('click', function(){
			map_tab.toggle();
		});
		$('map_close').addEvent('click', function(){
			map_tab.toggle();
		});
	}
	
	$('apoyan_button').addEvent('click', function(){
		apoyan_tab.toggle();
	});
	
});

var maskedTab = new Class({
	initialize: function(obj, relObj, status, minValue,posMask){
		this.target = $(obj);
		this.container = $(relObj);
		this.isOpen = status;
		this.minVal = minValue;
		this.posMask = posMask;
		this.myFx = new Fx.Morph(this.container,{
			duration:'short'
		});
	},
	toggle: function(){
		this.isOpen ? this.closeTab() : this.openTab();
	},
	openTab: function(){
		this.myFx.start({
			'height':this.target.offsetHeight,
			'top':this.target.offsetHeight * -1
		});
		this.isOpen = true;
	}, 
	closeTab: function(){
		this.myFx.start({
			'height':this.minVal,
			'top':this.posMask
		});
		this.isOpen = false;
	}
});