// accordion.js v3.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.
//
// Copyright (c) 2009 bitHOUSEweb
// Author: Andrea Baron | http://www.bithouseweb.com/
//

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

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

var accordion = Class.create({

	//
	//  Setup the Variables
	//
	enlargingAnim: null,
	enlarging: null,
	opened: null,
	defaultOpened: null,
	defaultTimeout: null,
	scaling: null,
	
	//  
	//  Initialize the accordions
	//
	initialize: function(container, options) {
	  this.options = Object.extend({
			duration: .3,
			toggle: '.accordion_toggle',
			toggleActive: 'accordion_toggle_active',
			defaultOpen: null,
			defaultSize: {
				height: null,
				width: null
			},
			direction: 'vertical'
		}, options || {});
				
		if (this.options.direction == 'horizontal') {
			this.scaling = $H({
				scaleX: true,
				scaleY: false
			});
		} else {
			this.scaling = $H({
				scaleX: false,
				scaleY: true
			});			
		}
		
		if (this.options.direction == 'horizontal') {
			var options = {width: '0px'};
		} else {
			var options = {height: '0px'};
		}
		
		var container=$(container);
		
		container.select(this.options.toggle).each(function(link) {
			var accordion=link.next();
			if(accordion) {
				if(accordion.getStyle('marginTop')!=0 || accordion.getStyle('marginBottom')!=0 || accordion.getStyle('paddingTop')!=0 || accordion.getStyle('paddingBottom')!=0)
					accordion=Element.wrap(accordion, 'div').setStyle({overflow:'hidden'});
				link.observe('click', function(e){
					Event.stop(e);
					this.activate(accordion);
				}.bindAsEventListener(this));

				if(link.match(this.options.defaultOpen)) {
					link.addClassName(this.options.toggleAcitve);
					this.opened=accordion;
					this.defaultOpened=accordion;
				}
				else
					accordion.hide().setStyle(options);
			}
		}.bind(this));
		
		if(this.defaultOpened) {
			container.observe('mouseleave', function() {
				if(this.defaultTimeout)
					clearTimeout(this.defaultTimeout);
				this.defaultTimeout=(function(){
					this.activate(this.defaultOpened);
					this.defaultTimeout=null;
				}).bind(this).delay(2);
			}.bind(this));
			container.observe('mouseenter', function() {
				if(this.defaultTimeout)
					clearTimeout(this.defaultTimeout);
			}.bind(this));
		}
	},
	
	//
	//  Activate an accordion
	//
	activate: function(accordion) {
		if (accordion == this.enlarging || (this.opened !== null && accordion == this.opened))
			return;
		
		accordion.setStyle({height:'0px'}).show()
			.previous(0).addClassName(this.options.toggleActive);
			
		var options=$H({
			sync: true,
			scaleFrom: 0,
			scaleContent: false,
			transition: Effect.Transitions.sinoidal,
			scaleMode: { 
				originalHeight: this.options.defaultSize.height ? this.options.defaultSize.height : accordion.scrollHeight,
				originalWidth: this.options.defaultSize.width ? this.options.defaultSize.width : accordion.scrollWidth
			},
			afterFinish: function() {
				if(this.enlarging==accordion) {
					accordion.setStyle({height:'auto'});
					this.opened=accordion;
					this.enlarging=null;
					this.enlargingAnim=null;
				}
			}.bind(this)
		});
		options.update(this.scaling);
		
		if(this.enlarging) {
			this.enlargingAnim.cancel();
			this.opened=this.enlarging;
		}
		
		this.enlargingAnim=new Effect.Scale(accordion, 100, options.toObject());
		this.enlarging=accordion;
		
		var effects=[
			this.enlargingAnim
		];
		
		if(this.opened) {
			var closing=this.opened;
			closing.previous(0).removeClassName(this.options.toggleActive);
			
			options=$H({
				sync: true,
				scaleContent: false,
				transition: Effect.Transitions.sinoidal,
				afterFinish: function() {
					closing.hide();
				}
			});
			options.update(this.scaling);
			
			effects.push(
				new Effect.Scale(closing, 0, options.toObject())
			);				
		}

		new Effect.Parallel(effects, {
			duration: this.options.duration
		});
	},
	// 
	// Deactivate an active accordion
	//
	deactivate : function(accordion) {
		var options = $H({
		  duration: this.options.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() {
				accordion.hide().setStyle({height: 'auto'});				
				this.showAccordion = null;
				this.animating = false;
			}.bind(this)
		});    
    options.update(this.scaling);
	
	if(!accordion)
		accordion = this.showAccordion;
	
    accordion.previous(0).removeClassName(this.options.toggleActive);
    
		new Effect.Scale(accordion, 0, options.toObject());
	}
});