// ----------------------------------------------------------------------------------------- //
   //
   // 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 : 10,
   			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.25);
   
   		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)
   		});
   	}
   }
   
   // ----------------------------------------------------------------------------------------- //
   //  loadaccordions.js
   //	Loads all accordion menus
   // ----------------------------------------------------------------------------------------- //
   Event.observe(window, 'load', loadAccordions_Content, false);
   
   function loadAccordions_Content() {
  	var topAccordion = new accordion('vertical_container', {
   		classNames : {
  			toggle : 'vertical_accordion_toggle',
  			toggleActive : 'vertical_accordion_toggle_active',
  			content : 'vertical_accordion_content'
   		},
   		direction : 'vertical'
   	});
   	
  	var bottomAccordion = new accordion('vertical_container');
   	
   	
   	// Open first one
   	// --------------------------------------------
   	bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
   	/*
   	// Open second one
   	// --------------------------------------------
   	topAccordion.activate($$('#vertical_container .vertical_accordion_toggle')[0]);
   	*/
   }