TabPane = Behavior.create({
			initialize : function() {
				this.tabs = $A(this.element.getElementsByTagName('h3'));
				this.contents = $A(this.element.getElementsByTagName('ul'));
				this.pane = document.createElement('div');
				this.element.appendChild(this.pane);
				
				this.removeContents();
				this.assignTabEvents();
				
				this.open(0);
			},
			removeContents : function() {
				this.contents.each(function(el) {
					this.element.removeChild(el);
				}.bind(this));
			},
			assignTabEvents : function() {
				this.tabs.each(function (el, i) {
					el.addClassName('tab')
					el.observe('click', function() {
						this.open(i);
					}.bind(this));
				}.bind(this));
			},
			open : function(tab) {
				this.closeLast();
				this.tabs[tab].addClassName('selected');
				this.pane.appendChild(this.contents[tab]);
				this.lastTab = tab;
			},
			closeLast : function() {
				if (typeof this.lastTab != 'undefined') {
					this.tabs[this.lastTab].removeClassName('selected');
					this.pane.removeChild(this.contents[this.lastTab]);
				}
			}
		});
		
		Event.addBehavior({
			'.related-links' : TabPane,
                        'span.email' : function() {
                        var mail = this.innerHTML.replace(/\s?\[at\]\s?/g, "@").replace(/\s?\[dot\]\s?/g, '.');
                        this.replace("<a href='mailto:" + mail + "' class='email'>" + mail + "</a>");
                        }
		});