window.addEvent('domready', function() {	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
		// THIS IS THE MAIN BRANCHES NAVIGATION ACCORDION
		//Options:
		//display - (integer: defaults to 0) The index of the element to show at start (with a transition). 
		//show - (integer: defaults to 0) The index of the element to be shown initially. 
		//height - (boolean: defaults to true) If set to true, a height transition effect will take place when switching between displayed elements. 
		//width - (boolean: defaults to false) If set to true, a width transition will take place when switching between displayed elements. 
		//opacity - (boolean: defaults to true) If set to true, an opacity transition effect will take place when switching between displayed elements. 
		//fixedHeight - (boolean: defaults to false) If set to false, displayed elements will have a fixed height. 
		//fixedWidth - (boolean: defaults to false) If set to true, displayed elements will have a fixed width. 
		//alwaysHide - (boolean: defaults to false) If set to true, it will be possible to close all displayable elements. Otherwise, one will remain open at all time. 
		//width - (boolean: defaults to false) If set to true, it will add a width transition to the accordion. Warning: css mastery is required to make this work! 
		display: 100,
		show: 100,
		opacity: false,
    	alwaysHide: true,
		onActive: function(toggler, element){
		},
		onBackground: function(toggler, element){
		}
	});
	//create our Accordion instance
	var myTechStuffAccordion = new Accordion($('techStuffAccordion'), 'div.techStuffToggler', 'div.techStuffElement', { 
		display: 1,
		opacity: true,
    	alwaysHide: true,
		onActive: function(techStuffToggler, techStuffElement){
		},
		onBackground: function(techStuffToggler, techStuffElement){
		}
	});
	//create our Accordion instance
	var myfranchise_accordion = new Accordion($('franchise_accordion'), 'div.franchise_toggler', 'div.franchise_element', { 
		display: -1,
		opacity: true,
    	alwaysHide: true,
		onActive: function(franchise_toggler, franchise_element){
		},
		onBackground: function(franchise_toggler, franchise_element){
		}
	});
	//create our Accordion instance
	var mybranches_accordion = new Accordion($('branches_accordion'), 'div.branches_toggler', 'div.branches_element', { 
		display: 0,
		show: 0,
		opacity: true,
    	alwaysHide: true,
		onActive: function(branches_toggler, branches_element){
		},
		onBackground: function(branches_toggler, branches_element){
		}
	});
});