// 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)
	    });
	}
    }