var Dom = YAHOO.util.Dom;

var TopBox = {
	boxID: "topbox",
	
	isVisible: function() {
		return Dom.getStyle(this.boxID,"height") != "0px";
	},
	
	show: function(){
		new YAHOO.util.Anim(this.boxID, {
	  		height: {to: 220}
		}, 0.7, YAHOO.util.Easing.easeBoth).animate();
	},
	
	hide: function(){
		new YAHOO.util.Anim(this.boxID, {
	  		height: {to: 0} 
		}, 0.7, YAHOO.util.Easing.easeBoth).animate();
	},
	
	toggle: function() {
		if(this.isVisible())
			this.hide();
		else
			this.show();
	}
};