var FAQ = FAQ || {};
FAQ.Highlight = new Class({
	Implements: [Options, Events],
	options: {
	
	},
	initialize: function(faq, options){
		this.faqList = $$(faq + ' dt');
		this.createHighlight();
		return this;
	},
	
	hideAll : function() {
		this.faqList.each(function(faq,index){
			//just after first class, for case of closing active dt/dd pair
			var classid = faq.get('class').split(" ", 1);			
			var currentPair = $$('.' + classid);
			currentPair.each(function(item,index){
				item.erase('class');
				item.addClass(classid);
			}.bind(this));
			
		}.bind(this));
	},
	
	
	createHighlight: function () {
		this.faqList.each(function(faq,index){
			faq.addEvent('click', function(event){ 
				this.hideAll();
				//get class so dt and dd can be grouped
				//console.log('1');
				var classid = faq.get('class');
				//select dt/dd pait based on class id 
				//console.log('2');
				var currentPair = $$('.' + classid);
				currentPair.each(function(item,index){
					item.addClass('active');
						//var scroller = new Fx.Scroll(window, {
						//        onComplete: function() {
						//          
						//        }
					    //}).toElement(item.id);
				}.bind(this));				
			}.bind(this));
		}.bind(this));
	}
	

});