window.addEvent('domready', function() {
	var tabs = $$('.tabs');
	var contents = $$('.contents');
	var AccordionObject = new Accordion(tabs, contents, {
		show: 0, 
		height : true,
		width : false,
		opacity: true,
		fixedHeight: false, 
		fixedWidth: false,
		alwaysHide: true,
		
		onComplete: function(tab, content){
		},

		onActive: function(tab, content) {
			var openTab = new Fx.Morph(tab, {link: 'chain', duration: 300});
			openTab.start({
				'width': 660,
				'background-color': '#E97BB8',
				'color': '#1E4DA5'
			});
			openTab.start({
				'width': 680
			});
			var openTabContent = new Fx.Morph(content, {link: 'chain', duration: 400});
			openTabContent.start({
				'width': 677,
				'margin-top': 0,
				'margin-bottom': 10,
				'padding': 8
			});
			openTabContent.start({
				'width': 677
			});
		},

		onBackground: function(tab, content) {
			var closeTab = new Fx.Morph(tab, {link: 'chain', duration: 300});
			closeTab.start({
				'color': '#FFFFFF',
				'background-color': '#1E4DA5'
			});
			var closeTabContent = new Fx.Morph(content, {link: 'chain', duration: 600});
			closeTabContent.start({
				'margin-top': 1,
				'margin-bottom': 1,
				'padding': 0
			});
		}
	});
});