/*Controsl the Accordion Functions*/
var accordion;
window.addEvent('domready', function() {
		accordion = new Accordion($$('.toggler'),$$('.element'), {
		opacity: 0,
		onActive: function(toggler) { toggler.addClass('togglerActive') },
		onBackground: function(toggler) { toggler.removeClass('togglerActive'); }       
	});
}.bind(this));

/*Controls the Primarcy HealthCare Program Page Tabs*/
var addTabOn = function(clickedEl) {
	$$('li').each(function (el, i){
		el.removeClass('tab-on');
	})
	clickedEl.addClass('tab-on');
}

var showFunction = function(clickedEl, elIndex) {
	$$('.content-pane').each(function (el, i){
		if (elIndex == i) {
			el.removeClass('hidden')
		}else{
			el.addClass('hidden');
		}   
	})
	clickedEl.removeClass('hidden');
}

window.addEvent('domready', function() {  
	$$('#tabs li').each(function (el, i){
		 el.addEvent('click', function(event){
			showFunction(el, i)
			addTabOn(el)
		});
	})
});

/*Controls the Resource Alphabet nav and contents */

var alphaNav = new Class({
// Description
	Implements: Options,
	initialize: function(options){
		this.setOptions(options);
		this.nav = $(this.options.nav);
		this.content = $(this.options.content);	
		this.contentSections = this.content.getElements('.alphabet-cont');
		this.content.getElements('.alphabet-cont').setStyle('display','none');
		this.showSection('A');
		this.navElements = this.nav.getElements('li');
		this.navElements.each(function(letterAnchor){			
			letterAnchor.addEvents({
				'click': function(){
					this.navElements.removeClass('tabOn');
					letterAnchor.addClass('tabOn');
					this.showSection(letterAnchor.get('text'));
				}.bind(this)
			});
		}.bind(this));		
	},
	
	showSection: function(letter){
		target = '.section_'+letter;
		this.contentSections.setStyle('display','none');
		this.content.getElement(target).setStyle('display','block');
	}
});


window.addEvent('domready',function(){
	if($('resourceListings')){
		new alphaNav({
			nav: 'alphabet-nav',
			content: 'resourceListings'
		});		
	}	
});