﻿// Top Level
accordion.init({
	headerclass: "expandGroup1", //Shared CSS class name of headers group
	contentclass: "contentGroup1", //Shared CSS class name of contents group
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='https://www.ci.hillsboro.or.us/include/icons/iconPlus.gif' class='statusicon' />", "<img src='https://www.ci.hillsboro.or.us/include/icons/iconMinus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "normal" //speed of animation: "fast", "normal", or "slow"
})

// Second Level
accordion.init({
	headerclass: "expandGroup2", //Shared CSS class name of headers group
	contentclass: "contentGroup2", //Shared CSS class name of contents group
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='https://www.ci.hillsboro.or.us/include/icons/iconPlus.gif' class='statusicon' />", "<img src='https://www.ci.hillsboro.or.us/include/icons/iconMinus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "normal" //speed of animation: "fast", "normal", or "slow"
})

// Second Level
accordion.init({
	headerclass: "expandHorizMenu1", //Shared CSS class name of headers group
	contentclass: "contentHorizMenu1", //Shared CSS class name of contents group
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: false, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix",,], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast" //speed of animation: "fast", "normal", or "slow"
})

//// Third Level
//accordion.init({
//	headerclass: "expandGroup3", //Shared CSS class name of headers group
//	contentclass: "contentGroup3", //Shared CSS class name of contents group
//	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
//	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
//	animatedefault: false, //Should contents open by default be animated into view?
//	persiststate: true, //persist state of opened contents within browser session?
//	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
//	togglehtml: ["suffix", "<img src='https://www.ci.hillsboro.or.us/include/icons/iconPlus.gif' class='statusicon' />", "<img src='https://www.ci.hillsboro.or.us/include/icons/iconMinus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
//	animatespeed: "normal" //speed of animation: "fast", "normal", or "slow"
//})

//---------------------------------------------------------------------------------------//
// My function to set the search box in focus when the user expands the search accorion. //
//---------------------------------------------------------------------------------------//
function setSearchBoxFocus() {
    //setTimeout("document.getElementById('txtSearch').focus();", 500);
}


