// 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
//
/*
2-2-2008	Trey Aughenbaugh
made a few updates based on the comments from here.
http://stickmanlabs.com/2007/07/12/accordion-v10-released/#comments

-Updated it to work with new version of Prototype 1.6 and scriptaculous 1.8
-Updated to remove flicker
Added ability to have a callback function.
Useful for making AJAX calls.
Also Added the ability to specifiy which call will get executed each time.
Use the ID sttribute of the DIV for reference.  REQUIRED for callback.

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

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,
	AlreadyActivated: [], //Added by Trey
	//
	//  Initialize the accordions
	//
	initialize: function(container, options, ajaxtype) {
	  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',
			onActivate: null, //Added by Trey:  CallBack Function called when Tab is activated, sends elemet.
			RepeatActivate: {} //Added by Trey
		}, options || {});

		this.duration = ((11-this.options.resizeSpeed)*0.15);
		this.AlreadyActivated =[]; //Added by Trey
		var accordions = $$('#'+container+' .'+this.options.classNames.toggle);
		accordions.each(function(accordion) {

			//... added by Marcel
			// Type of used AJAX
			if (ajaxtype == 'user')
			{
				var item_id     = $(accordion.next(0)).id; //Added Marcel: e.g.: accordion_content_top_12
				var broken      = item_id.split("_");
				var contenttype = broken[2]; //Added Marcel: e.g.: top
				item_id         = broken[3]; //Added Marcel: e.g.: 12
			}
			else if (ajaxtype == 'club')
			{
				var item_id     = $(accordion.next(0)).id;
				var broken      = item_id.split("_");
				var contenttype = broken[2];
				item_id         = broken[3];
			}
			else
			{
				var item_id = null;
			}
			//... updates by Marcel end here

			//Event.observe(accordion, this.options.onEvent, this.activate.bind(this, accordion), false);
			Event.observe(accordion, this.options.onEvent, this.activate.bind(this, accordion, item_id, contenttype, ajaxtype), false); //Added Marcel
			if (this.options.onEvent == 'click') {
			  accordion.onclick = function() {return false;};
			}

			if (this.options.direction == 'horizontal') {
				var options = {width: '0px'};
			} else {
				var options = {height: '0px'};
			}
			//options.merge({display: 'none'});
			Object.extend(options, {display: 'none'});

			this.currentAccordion = $(accordion.next(0)).setStyle(options);
		}.bind(this));
	},

	//
	//  Activate an accordion
	//
	activate : function(accordion, item_id, contenttype, ajaxtype) { //Added Marcel
		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 = {
				scaleX: true,
				scaleY: false
			};
		} else {
			this.scaling = {
				scaleX: false,
				scaleY: true
			};
		}

		if (this.currentAccordion == this.showAccordion) {
		  this.deactivate();
		} else {

			//This was added by Trey Aughenbaugh
			//Allows calling a function before activating a new Menu
			var bolCall = true;
			var elementid = $(this.currentAccordion).id
			var AA = this.AlreadyActivated.indexOf(elementid);
			var RA = this.options.RepeatActivate[elementid];
			if (RA != undefined)
			{
				if ( AA != -1 )
				{
					if ( RA != undefined )
					bolCall = RA;
				}
				else
				{
					this.AlreadyActivated.push(elementid);
				}
			}

			if (this.options.onActivate && bolCall)
				this.options.onActivate(this.currentAccordion) ;

			//My Code Updates End Here.......................Orig Call Below.

			//... added by Marcel
			if (ajaxtype == 'user')
			{
				// recall an user
				new Ajax.Updater({success:'accordion_content_'+contenttype+'_'+item_id ,failure:'accordion_content_'+contenttype+'_'+item_id}, '/user/ajaxGetUserdetails?id='+item_id, {asynchronous:true, evalScripts:false, method:'get', onComplete:function(request, json){}});
			}
			else if (ajaxtype == 'club')
			{
				// recall an club
				new Ajax.Updater({success:'accordion_content_'+contenttype+'_'+item_id ,failure:'accordion_content_'+contenttype+'_'+item_id}, '/club/ajaxGetNetworkdetails?id='+item_id, {asynchronous:true, evalScripts:false, method:'get', onComplete:function(request, json){}});
			}
			//... updates by Marcel end here

			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: '0px',
					display: 'none'
				});
				this.showAccordion = null;
				this.animating = false;
			}.bind(this)
		};
    //options.merge(this.scaling);
	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
			}
		};
		//options.merge(this.scaling);
		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
			};
			//options.merge(this.scaling);
			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)
		});
	}
}