//Javascript
var Tabswitch = Class.create();
Tabswitch.prototype = {
	
	initialize: function() {
		$$('div#panelSwitch .icons h1 a').each(this.setup.bind(this));
	},
	setup: function(k, v) {	
		Event.observe(k, 'click', this.switchOn.bindAsEventListener(this));
		if ( v == 0 ) {
			$(k).up('h1').addClassName('select');
		}
	},

	switchOn: function(k, v) {
		$$('div#panelSwitch .icons h1').each(this.switchOff.bind(this));
		Event.element(k).up('h1').addClassName('select');
		this.switchTabs(Event.element(k).up('h1'));
		this.seperate(Event.element(k).up('h1'));
		Event.stop(k);
	},
	
	switchOff: function(k, v) {
		if(k.hasClassName('select')) {
			k.removeClassName('select');
		}
		if(k.hasClassName('seperator')) {
			k.removeClassName('seperator');	
		}
	},
	
	seperate: function(k, v) {
		if(k.hasClassName('first')) {
			if(k.next(1)) {
				k.next(1).addClassName('seperator');	
			}
		}
		if(k.hasClassName('last')) {
			if(k.previous(1)) {
				k.previous(1).addClassName('seperator');	
			}
		}
//		console.log(k.classNames());
	},
	
	switchTabs: function(k, v) {
		$$('div#panelSwitch .content dd').each(function(el) {
			el.hide();
			if(el.identify() == k.identify()) {
				el.show();
			}
		});
	}
};