// accordion.js v2.0

//

// Copyright (c) 2007 stickmanlabs

// Author: Kevin P Miller | http://www.stickmanlabs.com

// 

// Accordion 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,

	effects : [],

	animating : false,

	

	//  

	//  Initialize the accordions

	//

	initialize: function(container, options) {

	  if (!$(container)) {

	    throw(container+" doesn't exist!");

	    return false;

	  }

	  

		this.options = Object.extend({

			resizeSpeed : 8,

			classNames : {

				toggle : 'accordion_toggle',

				toggleActive : 'accordion_toggle_active',

				content : 'accordion_content'

			},

			defaultSize : {

				height : null,

				width : null

			},

			direction : 'vertical',

			onEvent : 'click'

		}, options || {});

		

		this.duration = ((11-this.options.resizeSpeed)*0.15);



		var accordions = $$('#'+container+' .'+this.options.classNames.toggle);

		accordions.each(function(accordion) {

			Event.observe(accordion, this.options.onEvent, this.activate.bind(this, accordion), false);

			if (this.options.onEvent == 'click') {

			  accordion.onclick = function() {return false;};

			}

			

			if (this.options.direction == 'horizontal') {

				var options = $H({width: '0px'});

			} else {

				var options = $H({height: '0px'});			

			}

			options.merge({display: 'none'});			

			

			this.currentAccordion = $(accordion.next(0)).setStyle(options);			

		}.bind(this));

	},

	

	//

	//  Activate an accordion

	//

	activate : function(accordion) {

		if (this.animating) {

			return false;

		}

		

		this.effects = [];

	

		this.currentAccordion = $(accordion.next(0));

		this.currentAccordion.setStyle({

			display: 'block'

		});		

		

		this.currentAccordion.previous(0).addClassName(this.options.classNames.toggleActive);



		if (this.options.direction == 'horizontal') {

			this.scaling = $H({

				scaleX: true,

				scaleY: false

			});

		} else {

			this.scaling = $H({

				scaleX: false,

				scaleY: true

			});			

		}

			

		if (this.currentAccordion == this.showAccordion) {

		  this.deactivate();

		} else {

		  this._handleAccordion();

		}

	},

	// 

	// Deactivate an active accordion

	//

	deactivate : function() {

		var options = $H({

		  duration: this.duration,

			scaleContent: false,

			transition: Effect.Transitions.sinoidal,

			queue: {

				position: 'end', 

				scope: 'accordionAnimation'

			},

			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

			},

			afterFinish: function() {

				this.showAccordion.setStyle({

          height: 'auto',

					display: 'none'

				});				

				this.showAccordion = null;

				this.animating = false;

			}.bind(this)

		});    

    options.merge(this.scaling);



    this.showAccordion.previous(0).removeClassName(this.options.classNames.toggleActive);

    

		new Effect.Scale(this.showAccordion, 0, options);

	},



  //

  // Handle the open/close actions of the accordion

  //

	_handleAccordion : function() {

		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(this.scaling);

		

		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(this.scaling);

			

			this.effects.push(

				new Effect.Scale(this.showAccordion, 0, options)

			);				

		}

		

    new Effect.Parallel(this.effects, {

			duration: this.duration, 

			queue: {

				position: 'end', 

				scope: 'accordionAnimation'

			},

			beforeStart: function() {

				this.animating = true;

			}.bind(this),

			afterFinish: function() {

				if (this.showAccordion) {

					this.showAccordion.setStyle({

						display: 'none'

					});				

				}

				$(this.currentAccordion).setStyle({

				  height: 'auto'

				});

				this.showAccordion = this.currentAccordion;

				this.animating = false;

			}.bind(this)

		});

	}

}