/**
 * uses prototype.js
 *
 * -> more information on http://www.prototypejs.org/api/
 */

// add the event for switching from open to closed to all sectionTitle elements
function sectionTitleInit(event) {
	sectionTitleElements = $$('div.sectionFrame6 h3');
	for(var i=0; i < sectionTitleElements.length; i++) {
		Event.observe(sectionTitleElements[i], 'click', sectionTitleSwitch);
	}
	
	sectionTitleElements = $$('div.sectionFrame8 h3');
	for(var i=0; i < sectionTitleElements.length; i++) {
		Event.observe(sectionTitleElements[i], 'click', sectionTitleSwitch);
	}
}

// switch the clicked element and close all others
function sectionTitleSwitch(event) {
	
	// if the user clicked on a closed element, close all and open this
	if(Element.hasClassName(this.parentNode, 'sectionFrame6')) {
		
		/*
		sectionTitleElements = $$('div.sectionFrame8 h3');
		
		for(var i=0; i < sectionTitleElements.length; i++) {
			Element.removeClassName(sectionTitleElements[i].parentNode, 'sectionFrame8');
			Element.addClassName(sectionTitleElements[i].parentNode, 'sectionFrame6');
		}
		*/
		
		Element.removeClassName(this.parentNode, 'sectionFrame6');
		Element.addClassName(this.parentNode, 'sectionFrame8');
		
	// if the user clicked on a open element, close this
	} else if(Element.hasClassName(this.parentNode, 'sectionFrame8'))  {
		Element.removeClassName(this.parentNode, 'sectionFrame8');
		Element.addClassName(this.parentNode, 'sectionFrame6');
	}
}

// run faqInit as soon as the page is ready
Event.observe(window, 'load', sectionTitleInit);