var HowTo = Class.create();

HowTo.prototype = {

initialize : function() {
}, // End initialize().

initAccordion : function() {

	// Initialize the accordions.
	var mainAccordion = new accordion( 'my_mainAccordion' );
	var interiorAccordion = new accordion( 'my_interiorAccordion', {
			classNames : {
				toggle : 'interior_accordion_toggle',
				toggleActive : 'interior_accordion_toggle_active',
				content : 'interior_accordion_content'
			}
		}
	);
	var exteriorAccordion = new accordion( 'my_exteriorAccordion', {
			classNames : {
				toggle : 'exterior_accordion_toggle',
				toggleActive : 'exterior_accordion_toggle_active',
				content : 'exterior_accordion_content'
			}
		}
	);
	var my_faqAccordion = new accordion( 'my_faqAccordion', {
			classNames : {
				toggle : 'faq_accordion_toggle',
				toggleActive : 'faq_accordion_toggle_active',
				content : 'faq_accordion_content'
			}
		}
	);
	
	// Open the starting tab.
	var toggleIndex = -1;
	var page = window.location.href.toQueryParams().s;

	if ( page == 'interior-guides' ) {
		toggleIndex = 0;
	} else if ( page == 'exterior-guides' ) {
		toggleIndex = 1;
	} else if ( page == 'painting-faqs' ) {
		toggleIndex = 2;
	}

	if ( toggleIndex >= 0 ) {
		mainAccordion.activate( $$( '#my_mainAccordion .accordion_toggle' )[ toggleIndex ] );
	}

	
	// Open the exterior tab.
	var projIndex = -1;
	var proj = window.location.href.toQueryParams().project;

	if ( proj == 'door' ) {
		projIndex = 0;
	} else if ( proj == 'planter' ) {
		projIndex = 1;
	} else if ( proj == 'dog' ) {
		projIndex = 2;
	} else if ( proj == 'window' ) {
		projIndex = 3;
	} else if ( proj == 'fence' ) {
		projIndex = 4;
	}

	if ( projIndex >= 0 ) {		
		exteriorAccordion.activate( $$( '#my_exteriorAccordion .exterior_accordion_toggle' )[ projIndex ] );
	}

} // End initAccordion().

} // End class HowTo.

var howTo = new HowTo();