// 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',
	    section: 'top'
	}, 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;
	}
	// cg: gestion d'un autre clic dans la zone de titre
	if (linkclicked == 1) {
		linkclicked = 0;
		window.open("http://"+linkopen);
		return false;
	}
	// fin cg
	switchlogos(document.headlogobox, document.pic);
	this.effects = [];
	
	this.currentAccordion = $(accordion.next(0));
	this.currentAccordion.setStyle({
	    display: 'block'
	});
	
	this.currentAccordion.previous(0).addClassName(this.options.classNames.toggleActive);
	/* cg: changer la couleur des niveaux par section */
	hacc = this.currentAccordion.previous(0);
	if(this.options.section == "informations" ||
	   hacc.id == "h_informations") {
	    hacc.addClassName("informations_active");
	}
	else if(this.options.section == "projets" ||
		hacc.id == "h_projets") {
	    hacc.addClassName("projets_active");
	}
	else if(this.options.section == "contact" ||
		hacc.id == "h_contact") {
	    hacc.addClassName("contact_active");
	}
        /* fin cg */
	/* cg: afficher le lien quand c'est ouvert seulement */
	var linkid;
	if(hacc.id && hacc.id.substr(0,6) == "title_") {
		linkid=document.getElementById("link_"+hacc.id.substr(6, hacc.id.length)); /* 6=strlen('title_') */
	}
	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) {
		if(linkid) { linkid.className="linkopenhidden"; }
		this.deactivate();
	} else {
		if(linkid) { linkid.className="linkopenvisible"; }
		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);
	/* cg: changer la couleur des niveaux par section*/
	hacc = this.currentAccordion.previous(0);
	if(this.options.section == "informations" ||
	    hacc.id == "h_informations") {
	    hacc.removeClassName("informations_active");
	}
	else if(this.options.section == "projets" ||
		hacc.id == "h_projets") {
	    hacc.removeClassName("projets_active");
	}
	else if(this.options.section == "contact" ||
		hacc.id == "h_contact") {
	    hacc.removeClassName("contact_active");
	}
	if(hacc.id && hacc.id.substr(0,6) == "title_") {
		linkid=document.getElementById("link_"+hacc.id.substr(6, hacc.id.length)); /* 6=strlen('title_') */
		if(linkid) {linkid.className="linkopenhidden" };
	}
        /* fin cg */
	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) {
	    /* cg: changer la couleur des niveaux par section*/
	    hacc = this.showAccordion.previous(0);
	    if(this.options.section == "informations" ||
	       hacc.id == "h_informations") {
		hacc.removeClassName("informations_active");
	    }
	    else if(this.options.section == "projets" ||
		hacc.id == "h_projets") {
		hacc.removeClassName("projets_active");
	    }
	    else if(this.options.section == "contact" ||
		hacc.id == "h_contact") {
		hacc.removeClassName("contact_active");
	    }
	    if(hacc.id && hacc.id.substr(0,6) == "title_") {
		linkid=document.getElementById("link_"+hacc.id.substr(6, hacc.id.length)); /* 6=strlen('title_') */
		if(linkid) { linkid.className="linkopenhidden" };
	    }
	    /* fin cg */
	    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)
	});
    }
}