// 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 = {width: '0px', display:'none'};
				
			} else {
				
				var options = {height: '0px', display:'none'};
				
			}
			
//EDIT 06/2008 [delete] options.merge({display: 'none'}); //fixes for prototype 1.6 http://snipplr.com/view.php?codeview&id=5502
			
			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'
			
		});		
		
//EDIT 12/2008 [change from] this.currentAccordion.previous(0).addClassName(this.options.classNames.toggleActive); //new code replaces the css class entirely to prevent artifacts from "toggle" class
		this.currentAccordion.previous(0).className=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({
					
//EDIT 11/2008: [change from] height: 'auto', //fixes random "flashes" of full content when opening http://www.emvedesign.com

					height: '0px',
					display: 'none'
					
				});
				
				this.showAccordion = null;
				this.animating = false;
				
			}.bind(this)
		});
		    
//EDIT 06/2008: [delete] options.merge(this.scaling); //fixes for prototype 1.6 http://snipplr.com/view.php?codeview&id=5502

//EDIT 12/2008 [change from] this.showAccordion.previous(0).removeClassName(this.options.classNames.toggleActive); //new code replaces the css class entirely to prevent artifacts from "toggleActive" class    
	this.showAccordion.previous(0).className=this.options.classNames.toggle;
    	
		new Effect.Scale(this.showAccordion, 0, options.update(this.scaling).toObject());
		
	},

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

		if (this.showAccordion) {
			
//EDIT 12/2008 [change from] this.showAccordion.previous(0).removeClassName(this.options.classNames.toggleActive); //new code replaces the css class entirely to prevent artifacts from "toggleActive" class
			this.showAccordion.previous(0).className=this.options.classNames.toggle;
			
			options = $H({
				
				sync: true,
				scaleContent: false,
				transition: Effect.Transitions.sinoidal
				
			});
			
			options.merge(this.scaling);
			
			this.effects.push(
				
				new Effect.Scale(this.showAccordion, 0, options.update(this.scaling).toObject())
				
			);
							
		}
		
    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)
			
		});
		
	}
	
}