var Hideable = new Class({
	
	initialize: function(id, cat) {
		this.id = id;
		this.div = $(id);
		this.cat = cat;
		this.shortName = divAbbrev(id, cat);
		this.selected = this.div.hasClass('sel');
		this.origWidth = this.div.offsetWidth;
		this.origHeight = this.div.offsetHeight;
		this.div.setStyle('display', 'block');
		this.FX = new Fx.Tween (this.div);
		
		if (this.selected) {
			current[cat] = this.shortName;
			this.showImmed();
		} else {
			this.hideImmed();
		}
		
/*		if (isSet(aObjs['pageNavLink'][this.shortName])) {
			aObjs['pageNavLink'][this.shortName].regSub();
//			alert (this.shortName + ' now has a sub');
		}
*/	},
	
	show:    function() {
//		this.div.fade('show');
//		if (this.div.id == 'pageAbout_div') { $('aboutBio_div').setStyle('display', 'block'); }
		this.FX.start ('height', this.origHeight);
		this.selectDS();
	}, //this.div.setStyle('display', 'none'); },
	
	hide:    function() {
//		this.div.fade('hide');
//		if (this.div.id == 'pageAbout_div') $('aboutBio_div').setStyle('display', 'none');
		this.FX.start ('height', 0);
		this.deselectDS();
	}, //this.div.setStyle('display', 'block'); },
	
	fadeIn:  function() { this.div.fade('in'); },
	fadeOut: function() { this.div.fade('out'); },
	
	showImmed: function() {
		this.div.setStyle ('height', this.origHeight);
	},
	
	hideImmed: function() {
		this.div.setStyle ('height', 0);
	},
	
	resetHeight: function() {
		this.div.setStyle ('height', '');
		this.origHeight = this.div.offsetHeight;
		if (!this.selected) this.hideImmed();
	},
	
	selectDS: function() {
		this.selected = true;
		this.div.addClass('sel');
		current[this.cat] = this.shortName;
	},
	
	deselectDS: function() {
		this.selected = false;
		this.div.removeClass('sel');
		current[this.cat] = 'none';
	},
	
	resized: function (){ 
	} 
	
});