var InfoBox = new Class({
	initialize: function() {
		var div = $('info');
		var container = $(document.body).getElement('div.info-box');
		container.getElement('a').addEvent('click', function(e) { e.stop(); info.toggle(this); });
		
		var pref = div.getStyle('display');
		
		div.setStyles({'display': 'block', 'overflow': 'hidden'});
		this.height = div.getStyle('height');
		div.setStyles({'display': pref});
	},
	
	toggle: function(anchor) {
		var div = $('info');
		var open = new Fx.Tween(div, {duration: 750});
		var close = new Fx.Tween(div, {duration: 750, onComplete: function() { div.setStyle('display', 'none'); }});

		if (div.getStyle('display')=='none') {
			div.setStyles({'height': '1px', 'display': 'block'});
			open.start('height', this.height);
		} else {
			close.start('height', '1px');
		}
	}
});

var info;

window.addEvent('domready', function() {
	info = new InfoBox;
});