window.addEvent('domready', function() {
	
	//create our Accordion instance
	
	if($('toggleAccordion')) {
		var accords = [];
		$$('.accordion').each(function(accordionEl) {
			var togglers = accordionEl.getElements('h3.toggler');
			var els = accordionEl.getElements('div.element');
			var myAccordion = new Accordion(togglers, els, {
				opacity: false,
				onActive: function(toggler, element){
					toggler.addClass('toggleActive');
					element.addClass('active');
				},
				onBackground: function(toggler, element){
					toggler.removeClass('toggleActive');
					element.removeClass('active');
				}
			});
			accords.push(myAccordion);
		});
		
		$$('ul#toggleAccordion li a').each(function(el){
			el.addEvent('click', function(){
				activeToggle(el);
				return false;
			});
		});
		
		$$('h3.toggler').each(function(el){
			el.addEvent('mouseover', function(){
				el.addClass('over');
			});
			el.addEvent('mouseout', function(){
				el.removeClass('over');
			});
		});
		
							activeToggle($('toggleAccordion').getFirst().getFirst());
			} else {
		//create our Accordion instance
		var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
			start: 'all-closed',
			opacity: false,
			alwaysHide: true,
			onActive: function(toggler, element){
				toggler.addClass('toggleActive');
			},
			onBackground: function(toggler, element){
				toggler.removeClass('toggleActive');
			}
		});
		
		$$('h3.toggler').each(function(el){
			el.addEvent('mouseover', function(){
				el.addClass('over');
			});
			el.addEvent('mouseout', function(){
				el.removeClass('over');
			});
		});
	}
});


function activeToggle(el) {
	$$('div.accordion').each(function(el){
		el.setStyle('display', 'none');
	});
	$$('ul#toggleAccordion li a').each(function(el){
		el.removeClass('tabActive');
	});
	el.addClass('tabActive');
	toggle($(el.getProperty('href').substring(1)));
}

function toggle(el) {
	if(el.getStyle('display') == 'block') {
		el.setStyle('display', 'none');
	} else {
		el.setStyle('display', 'block');
	}
}