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 : 9,
			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.direction == 'horizontal') {
				var options = {width: '0px'};
			} else {
				var options = {height: '0px'};			
			}
			Object.extend( options, {display: 'none'});			
			this.currentAccordion = $(accordion.next(0)).setStyle(options);		
		}.bind(this));
	

	},

	//
	
/*
				content.observe( 'mouseout' , function(e)){
				if( e.relatedTarget == content || e.relatedTarget.up('#'+content.id))
					deactivate();
				}
				

				*/
	//  Activate an accordion
	//
	activate : function(accordion) {
		if (this.animating) {
			return false;
		}
		if (accordion == null) {
		    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 = {
				scaleX: true,
				scaleY: false
			};
		} else {
			this.scaling = {
				scaleX: false,
				scaleY: true
			};			
		}
			
		if (this.currentAccordion == this.showAccordion) {
		  this.deactivate();
		} else {
		  this._handleAccordion();
		}
	},
	// 
	// Deactivate an active accordion
	//
	deactivate : function() {
		var options = {
		  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)
		};    
    Object.extend( options, 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 = {
			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
			}
		};
		Object.extend( options, 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 = {
				sync: true,
				scaleContent: false,
				transition: Effect.Transitions.sinoidal
			};
			Object.extend( options, 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)
		});
	}
}
		
//to load them onload
Event.observe(window, 'load', loadAccordions, false);

function expand_link(e) {    
    e.stop();
    var a = e.element();
    var div = this.up(0).next('div');

    if (!div)
        return;

    if (a.hasClassName('expand')) {
        a.removeClassName('expand');
        Effect.SlideUp(div, { duration: 0.5 });
    }
    else {
        a.addClassName('expand');
        Effect.SlideDown(div, { duration: 0.5 });        
    }
}

//	Set up all accordions
function loadAccordions() {

    if ($('rtf')) {
        $$('#rtf div.item a').invoke('observe', 'click', expand_link);        
    }

    if( $('vertical_container') )	
    {
        var bottomAccordion = new accordion('vertical_container')	;
	
	    var nestedVerticalAccordion = new accordion('vertical_nested_container', {
	        classNames : {
			toggle : 'vertical_accordion_toggle',
			toggleActive : 'vertical_accordion_toggle_active',
			content : 'vertical_accordion_content'
		    }
        });
        // Open first one
         if( $$('#vertical_container .start_open').length > 0 )
         {            
            $('browse').setStyle({height: 'auto', display: 'block'});
            //bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
         }
         
         if( $$('.vertical_accordion_toggle_active').length > 0 )
         {            
            $$('#vertical_container .vertical_accordion_toggle_active')[0].next(0).setStyle({height: 'auto', display: 'block'});
            //nestedVerticalAccordion.activate($$('#vertical_container .vertical_accordion_toggle_active')[0]);
         }
     }
     
     if( $('data_container') )	
    {
        var bottomAccordion = new accordion('data_container')	;
	
	    var nestedVerticalAccordion = new accordion('data_nested_container', {
	        classNames : {
			toggle : 'data_accordion_toggle',
			toggleActive : 'data_accordion_toggle_active',
			content : 'data_accordion_content'
		    }
        });
        // Open first one
         //if( $$('.start_open').length > 0 )
         //{
            bottomAccordion.activate($$('#data_container .accordion_toggle')[0]);
         //}
         
     }
    // alert($$('.accordion_toggle_active').length);
//    if( $$('.start_open').length > 0 )
//    {
//         $('browse').setStyle({height: 'auto', display: 'block'});
//     }
}