// 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
	//
	accordions : [],
	showAccordion : null,
	currentAccordion : null,
	duration : null,
	rotationTime: 5000,
	rotationTimer : null,
	rotationLastIndex : 0,
	effects : [],
	animating : false,

	//
	//  Initialize the accordions
	//
	initialize: function(container, options) {
		if (!$(container)) {
			throw(container+" doesn't exist!");
			return false;
		}

		this.options = Object.extend({
			resizeSpeed : 1,
			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 index=0;

		this.accordions = $$('#'+container+' .'+this.options.classNames.toggle);
		this.accordions.each(function(accordion) {

			accordion.setAttribute('index', index);
			index++;

			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));

		// Gestion du timer
		if (this.rotationTime!=0 && this.accordions.length>1) {
			// Ajout des fonctions pour couper le Timer sur container
			var blocContainer=$(container);
			Event.observe(blocContainer, 'mouseout', function() { this.enableTimer(); }.bind(this) );
			Event.observe(blocContainer, 'mouseover', function() { this.disableTimer(); }.bind(this) );

			// Lancement du timer initial
			this.enableTimer();
		}
	},

	//
	//  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() {
				if(this.showAccordion) {
					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)
		});
	},

	disableTimer : function() {
		if(this.rotationTimer!=null) {
			clearTimeout(this.rotationTimer);
			this.rotationTimer=null;
		}
	},

	enableTimer : function() {
		if(this.rotationTimer==null) {
			this.rotationTimer=setTimeout( this.rotate.bind(this), this.rotationTime );
		}
	},

	rotate : function() {

		var accordion;

		if(this.showAccordion) {
			var nextIndex=parseInt(this.showAccordion.previous(0).getAttribute('index'))+1;
		} else {
			nextIndex=this.rotationLastIndex+1;
		}

		if(nextIndex>=this.accordions.length) {
			nextIndex=0;
		}
		accordion=this.accordions[nextIndex];

		if(accordion) {
			this.rotationLastIndex=nextIndex;
			this.activate(accordion);
			this.disableTimer();
			this.enableTimer();
		}
	}
}


//	Défini les accordéons au démarrage.
function loadActuAccordion() {
	if($$("#encart-contextuel .actualite_title").length>0) {
		actuAccordion = new accordion("encart-contextuel", {
			classNames : {
				toggle : "actualite_title",
				toggleActive : "actualite_title_active",
				content : "actualite_content"
			},
			defaultSize : {
				width : 165
			},
			onEvent : 'mouseover'
		});

		var actu=actuAccordion.accordions;
		var index=Math.round(Math.random(0)*actu.length);

		actuAccordion.activate(actu[index]);
	}
}

addLoadHandler( function() { loadActuAccordion(); } );
