/**
* Form Questions
* @requires:
* 	prototype.js
* 	prototype_ss.js
* 	behaviour.js
* 	behavious_extensions.js
* 	scriptaculous/scriptaculous.js
* @example:
* 	<span class="question">(<a href="javascript:void('some_id')">?</a>)</span>
* 	<div id="some_id" style="display:none">hidden content</div>
**/

var FormQuestionClass = Class.create();
FormQuestionClass.prototype = {
	//Properties
	el: null,
	hiddenID: null,
	hiddenEl: null,
	
	//Constructor
	initialize: function(el) {
		this.el = el;
		this.hiddenID = this.el.href.getUrlArgument();
		this.hiddenEl = $(this.hiddenID);
		if (this.hiddenEl != null) {
			Event.observe(this.el, 'click', this.clickQuestion.bind(this));
		}
	},
	
	//Methods
	clickQuestion: function (e) {
		if (this.hiddenEl && Element.visible(this.hiddenEl))
			new Effect.BlindUp(this.hiddenEl);
		else if (this.hiddenEl)
			new Effect.BlindDown(this.hiddenEl);
	}
};
EventSelectors.register({
	'span.question a' : function(el){
		new FormQuestionClass(el);
	}
});