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