// accordion.js v1.0
//
// Copyright (c) 2007 stickmanlabs
// Author: Kevin P Miller | http://www.stickmanlabs.com
// 
// ListScroller is freely distributable under the terms of an MIT-style license.
//
// I don't care what you think about the file size...
//   Be a pro: 
//	    http://www.thinkvitamin.com/features/webapps/serving-javascript-fast
//      http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files
//

/*-----------------------------------------------------------------------------------------------*/

if (typeof Effect == 'undefined')
	throw("accordion.js requires including script.aculo.us' effects.js library!");

var accordion = Class.create();
accordion.prototype = {
	//
	//  Setup the Variables
	//
	showAccordion : null,
	currentAccordion : null,
	duration : null,
	delay : null,
	effects : [],
	animating : false,
	inter : [],
	ren : [],
	ban : 0,
	active: 0,
	acc_count : 0,
	//  
	//  Initialize the accordions
	//
	initialize: function(container, options) {
		this.options = Object.extend({
			resizeSpeed : 8,
			delaySpeed : 0,
			classNames : {
				toggle : 'accordion_toggle',
				toggleActive : 'accordion_toggle_active',
				content : 'accordion_content'
			},
			defaultSize : {
				height : null,
				width : null
			},
			direction : 'vertical',
			onEvent : 'click',
			outEvent : 'mouseout'
		}, options || {});
		
		this.duration = ((11-this.options.resizeSpeed)*0.15);
		this.delay = this.options.delaySpeed;
		this.inter = [];
		this.ren = [];
		this.ban = 0;
		this.acc_count = 0;

		var accordions = $$(container+' .'+this.options.classNames.toggle);
		accordions.each(function(accordion) {
			//Event.observe(accordion, this.options.onEvent, this.activate.bind(this, accordion), false);
			Event.observe(accordion, this.options.onEvent, this.before.bind(this, accordion), false);
//			accordion.onclick = function() {return false;};
			Event.observe(accordion, this.options.outEvent, this.acti.bind(this, accordion), false);
			
			if (this.options.direction == 'horizontal') {
				var options = $H({width: '0px'});
			} else {
				var options = $H({height: '0px'});			
			}			
			this.currentAccordion = $(accordion.next(0)).setStyle(options);
			
		}.bind(this));
	},
	before : function(accordion) {
		this.inter[this.acc_count] = window.setInterval(this.activate.bind(this, accordion), 380);
		this.ren[this.acc_count] = this.inter[this.acc_count];
		this.acc_count++;
		this.active++;
	},
	acti : function(accordion) {
		//alert("active++");
		this.active--;
	},
	//
	//  Activate an accordion
	//
	activate : function(accordion) {
		clearInterval(this.ren[this.ban]);
		this.ban++;
		//alert("acc_count="+this.acc_count+" ban="+this.ban);
		if ( this.acc_count != this.ban ) {
			return false;
		}
		if (this.animating) {
			return false;
		}
		if ( this.active <= 0 ) {
			this.active = 0;
			return false;
		}
		
		this.effects = [];
	
		this.currentAccordion = $(accordion.next(0));	
		if (this.currentAccordion == this.showAccordion) {
			return false;
		}
		
		this.currentAccordion.previous(0).addClassName(this.options.classNames.toggleActive);

		if (this.options.direction == 'horizontal') {
			var adjustments = $H({
				scaleX: true,
				scaleY: false
			});
		} else {
			var adjustments = $H({
				scaleX: false,
				scaleY: true
			});			
		}
			
		var options = $H({
			sync: true,
			scaleFrom: 0,
			scaleContent: false,
			transition: Effect.Transitions.sinoidal,
			scaleMode: { 
				originalHeight: this.options.defaultSize.height ? this.options.defaultSize.height : this.currentAccordion.scrollHeight,
				originalWidth: this.options.defaultSize.width ? this.options.defaultSize.width : this.currentAccordion.scrollWidth
			}
		});
		options.merge(adjustments);
		
		this.effects.push(
			new Effect.Scale(this.currentAccordion, 100, options)
		);

		if (this.showAccordion) {
			this.showAccordion.previous(0).removeClassName(this.options.classNames.toggleActive);
			
			options = $H({
				sync: true,
				scaleContent: false,
				transition: Effect.Transitions.sinoidal
			});
			options.merge(adjustments);
			
			this.effects.push(
				new Effect.Scale(this.showAccordion, 0, options)
			);				
		}
		
		new Effect.Parallel(this.effects, {
			duration: this.duration, 
			delay: this.delay,
			queue: {
				position: 'end', 
				scope: 'accordionAnimation'
			},
			beforeStart: function() {
				this.animating = true;
			}.bind(this),
			afterFinish: function() {
				this.showAccordion = this.currentAccordion;
				this.animating = false;
			}.bind(this)
		});
	}
}