//var quickLinksHTML = '<select onchange="navigateWithQuickLinks(this)">'
//                      + '<option>Quick Links</option>'
var quickLinksHTML = '<select onchange="navigateWithQuickLinks(this)">'
                      + '<option>Quick Links</option>'

/*					  
//BEGIN body of ADA
// ###############################################################################
quickLinksHTML=quickLinksHTML
+ '<div id="adacomp">'
+ '                  <SELECT NAME="browser" onChange="'
+ '			  switch (this.options[this.selectedIndex].value) { '
+ '			  case \'1\': sizeme(1); break;'
+ '			  case \'2\': sizeme(2); break;'
+ '			  case \'3\': sizeme(3); break;'
+ '			  case \'11\': colorme(1); break;'
+ '			  case \'12\': colorme(2); break;		'
+ '			  case \'13\': colorme(3); break;'
+ '			  case \'21\': bcolorme(1); break;'
+ '			  case \'22\': bcolorme(2); break;		'
+ '			  case \'23\': bcolorme(3); break;'
+ '			  case \'31\': html2text(); break;'
+ '			  case \'32\': radiolinks(); break;'
+ '			  case \'100\': window.location.reload(); break;'
+ '			  }">'
+ '                    <option  selected="selected">ADA MENU</option>'
+ '                    <OPTGROUP LABEL="Change font size">'
+ '                    <option value="1">Small (10pt)</option>'
+ '                    <option  value="2">Medium (13pt)</option>'
+ '                    <option value="3">Large (16pt)</option>'
+ '                    </OPTGROUP>'
+ '                    <OPTGROUP LABEL="Change Text color">'
+ '					 <option style="color:#FFf;background-color:#000000" value="13">White</option>'
+ '                    <option style="color:#E2DDB5;background-color:#000000" value="12">Cream</option>'
+ '                    <option style="color:#000000" value="11">Black</option>'
+ '                   '
+ '                    </OPTGROUP>'
+ '                    <OPTGROUP LABEL="Change Background color">'
+ '                    <option style="background-color:#FFF;color:#000000" value="21">White</option>'
+ '                    <option style="background-color:#E2DDB5;color:#000000" value="22">Cream</option>'
+ '                    <option style="background-color:#000000;color:#FFf;" value="23">Black</option>'
+ '                    </OPTGROUP>'
+ '                    <OPTGROUP id="content"  LABEL="Content">'
+ '                    <option  value="31">Plain Text</option>'
+ '                    <option  value="32">Highlight Links</option>'
+ '                    </OPTGROUP>'
+ '                    <option  value="100" style="color:#FF0000;font-weight:bold;">Reset settings</option>'
+ '                  </SELECT>'
+ '                </div>';
// ###############################################################################					  
//END body of ADA	
*/

					  + '<option value="../planning/bond_program.asp|_self">Bond Program</option>'

					  + '<option value="../planning/pluPlan.asp|_self">Land Use Plan</option>'

					  + '<option value="../planning/onlinemapping.asp|_self">Online Mapping</option>'

					  + '<option value="https://mail.SpringdaleAR.gov|_self">WebMail</option>'

					  + '<option value="../search_results.asp|_self">Search</option>'

                      + '</select>';
//----- Bottom Nav table
var bottomRowHTML = '<table cellspacing="0" cellpadding="0" border="0" width="100%" class="lowernavlinks"><tr>';



bottomRowHTML += '<td align="center" height="30" class="lowernavlinks"> <a class="lowernavlinks" style="font-size: 8pt"'
			   + ' href="http://www.springdalear.gov/information.asp"'
			   + ' target="_self">'
			   + 'Information</a></td>';

bottomRowHTML += '<td align="center" height="30" class="lowernavlinks"> <a class="lowernavlinks" style="font-size: 8pt"'
			   + ' href="online_action_center.asp"'
			   + ' target="_self">'
			   + 'Online Services</a></td>';

bottomRowHTML += '<td align="center" height="30" class="lowernavlinks"> <a class="lowernavlinks" style="font-size: 8pt"'
			   + ' href="http://www.springdalear.gov/video.asp"'
			   + ' target="_self">'
			   + 'Online Meetings</a></td>';


bottomRowHTML += '<td align="center" height="30" class="lowernavlinks"> <a class="lowernavlinks" style="font-size: 8pt"'
			   + ' href="contact.asp"'
			   + ' target="_self">'
			   + 'City Offices</a></td>';

bottomRowHTML += '<td align="center" height="30" class="lowernavlinks"> <a class="lowernavlinks" style="font-size: 8pt"'
			   + ' href=""'
			   + ' target="_self">'
			   + 'Quick Links</a></td>';


bottomRowHTML += '</table>';

//----- Left Tabs Table
var browseAsHTML =
				'<table id="browseastable" class="topleftlinks" width="100%" cellspacing="0" cellpadding="4" border="0">'
              + '<tr>'
              + '<td class="browseitalic"></td>';


var label = "4";

browseAsHTML += ''
			 + '<td valign="middle" class="browse" onmouseover="onLabel=true; dropChange('
			 + '\'' + label + '\''
			 + ', 1);" onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
			 + '<a class="browse" href="'
			 + 'http://www.springdalear.gov/information.asp'	//remove ../
			 + '" target="'
			 + '_self'
			 + '">'
			 + 'Information</a>'
			 + '</td>'


var label = "8033";

browseAsHTML += ''
			 + '<td valign="middle" class="browse" onmouseover="onLabel=true; dropChange('
			 + '\'' + label + '\''
			 + ', 1);" onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
			 + '<a class="browse" href="'
			 + 'online_action_center.asp'	//remove ../
			 + '" target="'
			 + '_self'
			 + '">'
			 + 'Online Services</a>'
			 + '</td>'


var label = "7860";

browseAsHTML += ''
			 + '<td valign="middle" class="browse" onmouseover="onLabel=true; dropChange('
			 + '\'' + label + '\''
			 + ', 1);" onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
			 + '<a class="browse" href="'
			 + 'http://www.springdalear.gov/video.asp'	//remove ../
			 + '" target="'
			 + '_self'
			 + '">'
			 + 'Online Meetings</a>'
			 + '</td>'

             + '</tr>'
             + '</table>';
//----- Right Tabs Table
var mainTabsHTML = '<table id="maintabstable"  align="center" width="100%" cellspacing="0" cellpadding="0" border="0">'
                 + '<tr>'

                    + '<td width="2" class="tabs" onmouseover="onLabel=true; dropChange('
					+ '\'5\', 2);"'
					+ ' onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
					+ '<a href="contact.asp"'
					+ ' target="_self"'
					+ ' class="toprightlabels">'
					+ 'City Offices'
					+ '</a>'
					+ '</td>'

                    + '<td width="2" class="tabs" onmouseover="onLabel=true; dropChange('
					+ '\'9\', 2);"'
					+ ' onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
					+ '<a href=""'
					+ ' target="_self"'
					+ ' class="toprightlabels">'
					+ 'Quick Links'
					+ '</a>'
					+ '</td>'

                    + '</tr>'
                 + ' </table>';
var topTabsHTML =
//----- Search and top links table
				  '<span style="vertical-align: bottom;">'
                  + '<table id="toprighttable" class="toprighttable" border="0" cellspacing="0" cellpadding="0" align="right">'

					+ '<tr>'
					+ '<td class="toprightlabels">'
					+ '<span class="toprightsearch">'
					+ '<form name="searchForm" action="search_results.asp" method="get" style="margin-bottom:0px; text-align:right;">'
					+ '<input type="hidden" name="mode" value="anywords" />'
					+ '<input type="hidden" name="RZscope" value="FILE" />'
					+ '<input type="hidden" name="RZpath_option" value="URL" />'
					+ '<input type="hidden" name="RZlocation" value="" />'
					+ '<input type="hidden" name="RZfilenames" value="*.html" />'
					+ '<input type="hidden" name="RZsubfolders" value="true" /> '
					+ '<input type="hidden" name="RZexclude_dirs" value="revize,revizelogin,setup,pdm" />'
					+ '<input name="search" type="text" class="searchinput" value="search" onfocus="clearSearch(this)"/>'
					+ '<input type="button" class="searchbutton" value=" Go " '
					+ 'onclick="document.searchForm.submit()"/>'
					+ '</form>'
					+ '</span>'
					+ '</td>'
				+ '</tr>'
			+ '</table>'
			+ '</span>';

var onTable = false;
var onLabel = false;
//----- Dropdown menu table
var tableHeader = '<table width="100%" height="100%" border="0" class="dropdown" cellpadding="0" cellspacing="0" onmouseover="onTable = true; " onmouseout="onTable = false; setTimeout(\'revertDrop()\', 2000);">';
var tableFooter = '</tr></table>';
var filteredList;
var dropdownList;
var color1; var bgNormal; //new, easier-to-understand names
var color2; var bgHover;
var color3; var textNormal;
var color4; var textHover;
var dropdownlist1 = new Array();
var dropdownlist2 = new Array();

function navigateWithQuickLinks(formElement)
{
	var url = formElement.value;
	if (url == '') return;
	var targer = "";
	var pos = url.indexOf("|");
	if (pos != -1)
	{
		target = url.substring(pos+1);
		url = url.substring(0,pos);
	}
	url = replacesubstring(url,"../","");
	RZgoto(url, target);
}

function RZsubstring(str, startpos, endpos)
{
	if (typeof endpos == 'undefined') endpos = str.length + 1

	//----- Validate input string
	if (str == null || str.length == 0)	//if null or empty string
		return "";						//...return empty string

	//----- Validate end position
	if (endpos > str.length )			//greater than string length
		endpos = str.length;			//...set to length

	else if( endpos <= 0 )				//if end position before 1st character
		return "";						//...return empty string

	//----- Validate start position
	if( startpos >= endpos )  			//if start position greater than ending position
		return "";						//...return empty string

	else if (startpos < 0) 				//if start position less than 0
		startpos = 0;					//...assume 0

	//----- Return the substring
	return str.substring(startpos,endpos);
}
function replacesubstring( inStr, fromString, toString )
{
	var pos = 0
	if (inStr == null
	|| typeof inStr.length == 'undefined' //true or false
	|| inStr.length == 0) return '';

	var fromLen = fromString.length
	if (fromLen == 0) return inStr

	while (true)
	{
		pos = inStr.indexOf(fromString,pos)
		if (pos == -1) break
		inStr = RZsubstring( inStr, 0, pos )
		      + toString
		      + RZsubstring( inStr, pos + fromLen )
		pos += toString.length
	}
	return inStr
}


function setUpDropDowns() {

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "4",
								"Budget",
								"http://www.springdalear.gov/budget.asp",
								"_self");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "4",
								"Careers",
								"http://www.springdalear.gov/careers.asp",
								"_self");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "4",
								"Council Agenda",
								"http://www.springdalear.gov/agenda.asp",
								"_self");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "4",
								"Council Members",
								"http://www.springdalear.gov/council_members.asp",
								"_self");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "4",
								"Ordinances",
								"http://www.springdalear.gov/coo",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "4",
								"Contact",
								"http://www.springdalear.gov/contact.asp",
								"_self");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "4",
								"Monthly Meetings",
								"http://www.springdalear.gov/monthly_meetings.asp",
								"_self");




		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Animal Services",
								"animal_services/index.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "9",
								"Bond Program",
								"http://www.springdalear.gov/planning/bond_program.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"City Clerk",
								"city_clerk/index.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Municipal Airport",
								"municipal_airport/index.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Fire Department",
								"http://www.springdalear.gov/fire/",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Building Inspection",
								"building/index.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Code Enforcement",
								"building/code_enforcement.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "9",
								"Land Plan",
								"http://www.springdalear.gov/planning/pluplan.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Attorney",
								"http://www.springdaleark.org/cosa",
								"_new");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "9",
								"Mapping",
								"http://www.springdalear.gov/planning/onlinemapping.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Museum",
								"http://www.springdaleark.org/shiloh",
								"_new");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Library",
								"http://www.springdalelibrary.org",
								"_new");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Parks",
								"parks_and_recreation/index.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "9",
								"Search",
								"http://www.springdalear.gov/search_results.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Planning",
								"planning/index.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Police",
								"police/index.asp",
								"_self");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "9",
								"Webmail",
								"https://mail.springdaleark.org",
								"_new");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "5",
								"Public Works",
								"public_works/index.asp",
								"_self");

}

function FixMenu(){



	//vertical align
	var ob =document.getElementById("browseas").getElementsByTagName("td");
	for(var i=0;i<ob.length;i++) ob[i].style.verticalAlign='top';
	
	var ob =document.getElementById("maintabs").getElementsByTagName("td");
	for(var i=0;iob.length;i++)  ob[i].style.verticalAlign='top';
	//end vertical align



	//select left side  menulinks
	var html_left=document.getElementById("browseas").getElementsByTagName("a");
	//select right side  menulinks
	var html_right=document.getElementById("maintabs").getElementsByTagName("a");
	
	
	
	// calculate number of characters allowed per line	
	var length_to_verify=50/(html_left.length+html_right.length);	
	
	var space=/&nb[s]p;/g;
	
	//left side menu
	for(var i=0;ihtml_left.length;i++) 
	{	
		html_left[i].innerHTML=html_left[i].innerHTML.replace( space, ' ' );
		var alink=html_left[i].innerHTML;
		html_left[i].style.textAlign='center';
		
		if(alink.length>length_to_verify){
		var asplit=alink.indexOf(" ",length_to_verify);
		if (asplit!=-1) html_left[i].innerHTML=alink.substr(0,asplit)+"<br>"+alink.substr(asplit,alink.length);
		}		
	}
	
	//right side menu
	for(var i=0;i<html_right.length;i++) 
	{	
		html_right[i].innerHTML=html_right[i].innerHTML.replace( space, ' ' );
		var alink=html_right[i].innerHTML;
		html_right[i].style.textAlign='center';
		
		if(alink.length>length_to_verify){
		var asplit=alink.indexOf(" ",length_to_verify);
		if (asplit!=-1) html_right[i].innerHTML=alink.substr(0,asplit)+"<br>"+alink.substr(asplit,alink.length);
		}		
	}



}
//END javascript WORD WRAP
// ###############################################################################
function addTabs() {
	setTimeout('FixMenu()', 100); // WORD WRAP FIX execution
	if (document.getElementById("browseas")) {
		var browseascell = document.getElementById("browseas");
		browseascell.innerHTML = browseAsHTML;
		var maintabscell = document.getElementById("maintabs");
		maintabscell.innerHTML = mainTabsHTML;
		var toptabscell = document.getElementById("toptabs");
		if(toptabscell != null)
			toptabscell.innerHTML = topTabsHTML;
		var bottomnavcell = document.getElementById("lowerNavRow");
		bottomnavcell.innerHTML = bottomRowHTML;
	} else {
		document.all.browseas.innerHTML = browseAsHTML;
		document.all.maintabs.innerHTML = mainTabsHTML;
		document.all.toptabs.innerHTML = topTabsHTML;
		if (document.all.lowerNavRow) {
			document.all.lowerNavRow.innerHTML = bottomRowHTML;
		}
	}

	if (document.all && document.all != undefined && document.all.quickLinksLayer != undefined) {
		document.all.quickLinksLayer.innerHTML = quickLinksHTML;
	} else if (document.getElementById("quickLinksLayer")) {
		var qL = document.getElementById("quickLinksLayer");
		qL.innerHTML = quickLinksHTML;
	}
	document.body.style.marginTop = "0px";
}

function getArrayForTabNumber(dropdownlist, tabNumber) {
	var resultArray = new Array();
	for (var i = 0; i < dropdownlist.length; i++) {
		if (dropdownlist[i].tabNumber == tabNumber) {
			resultArray.length++;
			resultArray[resultArray.length - 1] = dropdownlist[i];
		}
	}
	return resultArray;
}

function DropdownItem(tabNumber, label, link, target) {
	this.tabNumber = tabNumber;
	this.label = label;
	this.link = link;
	this.target = target;
}

function RZgoto(url, target)
{
	url = RZbaseurl(url)
	if (target != 'true' && target != '_new')
		location = url;
	else
		window.open(url)	//always new window, no features
//		RZpopupUrl( '', url )	//always new window, no features
}

function RZbaseurl(url)
{
	//----- Append baseurl to url (location does not honor html <link...> tag)
	//		TODO: validate all browsers ignore html <link...> tag
	//		(also may need to consider links starting with ../)
	if (url.substring(0,4) != "http" && url.substring(0,4) != "www.")
		url = RZ.baseurlprefix + url
	return url
}


function dropChange(tabLabel, listNumber) {
	dropdownlist = (listNumber == 1 ? dropdownlist1 : dropdownlist2);
	filteredList = getArrayForTabNumber(dropdownlist, tabLabel);
	
	bgNormal = "#CAEBFF";
	bgHover = "#8FCAF1";
	textNormal = "#000000";
	textHover = "#000000";
	var dropdownText = "";
	var cellWidth = 100 / (filteredList.length > 0 ? filteredList.length : 1) + 1;
	var dropdownrow = '<tr class="dropdownrow" style="color:' + bgHover + '; background-color:' + bgNormal + ';">';
	for (i = 0; i < filteredList.length; i++) {
		if (i != 0) {
			//This is the border bar for the dropdowns.
			dropdownText += '<td width="1" bgcolor=' + bgHover + '>'
			              + '<img style="visibility:hidden; width:1" /></td>';
		}
		dropdownText += '<td align="center" width="' + cellWidth + '%"'
		        	  + ' onclick="RZgoto('
		        	  + 	"'"
		        	  + 	filteredList[i].link
					  + 	"','"
					  + 	filteredList[i].target
		        	  + 	"'"
					  + 	')"'
					  + ' style="color:' + textNormal + '"'
					  + ' onmouseover="dropdownColorSwap(this, true);"'
					  + ' onmouseout="dropdownColorSwap(this, false);">'
					  + filteredList[i].label
					  + '</td>';
	}
	if (document.all && document.all != undefined) {
		document.all["horizdrop"].innerHTML = tableHeader + dropdownrow + dropdownText + tableFooter;
	} else if (document.getElementById("horizdrop")) {
		var horizdrop = document.getElementById("horizdrop");
		horizdrop.innerHTML = tableHeader + dropdownrow + dropdownText + tableFooter;
	}
}

function revertDrop(tabNumber) {
	if (!onTable && !onLabel) {
		if (document.all && document.all != undefined) {
			document.all["horizdrop"].innerHTML = "";
		} else {
			var horizdrop = document.getElementById("horizdrop");
			horizdrop.innerHTML = "";
		}
	}
}

function dropdownColorSwap(cell, over) {
	if (over) {
		cell.style.backgroundColor = bgHover; //previously color2
		cell.style.color = textHover; //previously undefined color4
	} else {
		cell.style.backgroundColor = bgNormal; //previously color1
		cell.style.color = textNormal; //previously color3;
	}
}

function clearSearch(theText) {
    if (theText.value == theText.defaultValue) {
        theText.value = ""
    }
}