var quickLinksHTML = '<select onchange="navigateWithQuickLinks(this)">'
                      + '<option>Quick Links</option>'
 
					  + '<option value="http://www.transfinderi.com/address.asp?cid=AI04204738187">Bus Routes</option>'
 
					  + '<option value="https://www.parentonline.net/">Cafeteria Accounts</option>'
 
					  + '<option value="admin.html">Central Office Contacts</option>'
 
					  + '<option value="codes_policies.html">Codes & Policies</option>'
 
					  + '<option value="codes_policies.html">Public Notices</option>'
 
					  + '<option value="board_of_trustees.html">School Board</option>'
 
					  + '<option value="https://skyweb.angleton.isd.tenet.edu/scripts/cgiip.exe/WService=wsEAplus/seplog01.w">Skyward - Educator Access Plus</option>'
 
					  + '<option value="https://skyweb.angleton.isd.tenet.edu/scripts/cgiip.exe/WService=wsFin/rwestd01.w">Skyward - Employee Access</option>'
 
					  + '<option value="https://skyweb.angleton.isd.tenet.edu/scripts/cgiip.exe/WService=wsStu/fwemnu01.w">Skyward - Family Access</option>'
 
					  + '<option value="https://skyweb.angletonisd.net/scripts/cgiip.exe/WService=wsFin/rwamai01.w">Skyward - Fast Track</option>'
 
					  + '<option value="https://skyweb.angletonisd.net/scripts/cgiip.exe/WService=wsFin/rwamai01.w">Skyward - Job Postings</option>'
 
					  + '<option value="https://skyweb.angletonisd.net/scripts/cgiip.exe/WService=wsFin/rwetru09.w">Skyward - True Time</option>'
 
					  + '<option value="http://www.bcbstx.com/">TRS Active Care (BCBSTX)</option>'

                      + '</select>';

var bottomRowHTML = '<table cellspacing="0" cellpadding="0" border="0" width="100%" ><tr>';

 
bottomRowHTML += '<td align="center"> <a style="font-size: 8pt" href="educatorresources.html">Browse '
				+ 'Educator Resources</a></td>';
 
bottomRowHTML += '<td align="center"> <a style="font-size: 8pt" href="http://www.angletonisd.net/district_information/departments/human_resources/">Browse '
				+ 'Human Resources</a></td>';
 
bottomRowHTML += '<td align="center"> <a style="font-size: 8pt" href="http://zeus.angleton.isd.tenet.edu/cgi-bin/ithelpdesk/wonderdesk.cgi">Browse '
				+ 'HelpDesk</a></td>';

 
bottomRowHTML += '<td align="center"> <a style="font-size: 8pt" href="http://www.angletonisd.net/cms/One.aspx?portalId=229938&pageId=262314">Browse '
				+ 'Admin</a></td>';
 
bottomRowHTML += '<td align="center"> <a style="font-size: 8pt" href="schools.html">Browse '
				+ 'Secondary</a></td>';
 
bottomRowHTML += '<td align="center"> <a style="font-size: 8pt" href="schools.html">Browse '
				+ 'Elementary</a></td>';


bottomRowHTML += '</table>';


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


var label = "Educator Resources";

browseAsHTML 	+= ''
                      + '<td class="browse" onmouseover="onLabel=true; dropChange('
					  + '\'' + label + '\''
					  + ', 1);" onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
					  + '<a class="browse" href="'
					  + 'educatorresources.html'
					  + '">'
					  + 'Educator&nbsp;Resources</a>' 
					  + '</td>'



var label = "Human Resources";

browseAsHTML 	+= ''
                      + '<td class="browse" onmouseover="onLabel=true; dropChange('
					  + '\'' + label + '\''
					  + ', 1);" onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
					  + '<a class="browse" href="'
					  + 'http://www.angletonisd.net/district_information/departments/human_resources/'
					  + '">'
					  + 'Human&nbsp;Resources</a>' 
					  + '</td>'



var label = "HelpDesk";

browseAsHTML 	+= ''
                      + '<td class="browse" onmouseover="onLabel=true; dropChange('
					  + '\'' + label + '\''
					  + ', 1);" onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
					  + '<a class="browse" href="'
					  + 'http://zeus.angleton.isd.tenet.edu/cgi-bin/ithelpdesk/wonderdesk.cgi'
					  + '">'
					  + 'HelpDesk</a>' 
					  + '</td>'



                    + '</tr>'
                  + '</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('
					  + '\'Admin\', 2);" onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
					  + '<a href="http://www.angletonisd.net/cms/One.aspx?portalId=229938&pageId=262314" class="tabs">'
					  + 'Admin'
					  + '</a>'
					  + '</td>'

                      + '<td width="2" class="tabs" onmouseover="onLabel=true; dropChange('
					  + '\'Secondary\', 2);" onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
					  + '<a href="schools.html" class="tabs">'
					  + 'Secondary'
					  + '</a>'
					  + '</td>'

                      + '<td width="2" class="tabs" onmouseover="onLabel=true; dropChange('
					  + '\'Elementary\', 2);" onmouseout="onLabel=false; setTimeout(\'revertDrop()\', 2000);"> '
					  + '<a href="schools.html" class="tabs">'
					  + 'Elementary'
					  + '</a>'
					  + '</td>'


                    + '</tr>'
                 + ' </table>';


var topTabsHTML =
		  	'<table id="toprighttable" border="0" cellspacing="0" cellpadding="0" align="right" valign="bottom">'
				+ '<tr>'

					+ '<td class="toprightlabels">'
					+ '<a href="http://www.angletonisd.net" class="toprightlabels">'
					+ 'Home'
					+ '</a>'
					+ '</td>'

					+ '<td class="toprightlabels">'
					+ '<a href="https://owa.angleton.isd.tenet.edu/owa" class="toprightlabels">'
					+ 'WebMail'
					+ '</a>'
					+ '</td>'

					+ '<td class="toprightsearch">'
					+ 'Search '
					+ '<span>'
					+ '<input type="hidden" name="RZoption" value="OR"/>'
					+ '<input type="hidden" name="RZscope" value="FILE"/>'
					+ '<input type="hidden" name="RZpath_option" value="URL"/>'
					+ '<input type="hidden" name="RZbase_url" value="http://revize.idetix.com/revize"/>'
					+ '<input type="hidden" name="RZbase_dir" value="c:\\inetpub\\wwwroot\\revize"/>'
					+ '<input type="hidden" name="RZlocation" value="portal_generic_county"/>'
					+ '<input type="hidden" name="RZfilenames" value="*.html"/>'
					+ '<input type="hidden" name="RZsubfolders" value="true"/> '
					+ '<input name="RZkeywords" class="searchinput" type="text"/> '
					+ '<input type="button" class="searchbutton" value="Go" onclick="document.searchForm.submit()"/>'
					+ '</span>'
					+ '</td>'
				+ '</tr>'
			+ '</table>';

var onTable = false;
var onLabel = false;
var tableHeader = '<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" onmouseover="onTable = true; " onmouseout="onTable = false; setTimeout(\'revertDrop()\', 2000);">';
var tableFooter = '</tr></table>';
var filteredList;
var dropdownList;
var color1;
var color2;
var dropdownlist1 = new Array();
var dropdownlist2 = new Array();

function navigateWithQuickLinks(formElement) {
	location = formElement.value;
}

function setUpDropDowns() {
	//will be replaced with Revize enabling


		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "HelpDesk",
								"Support Services Help Desk",
								"http://zeus.angleton.isd.tenet.edu/cgi-bin/supportserviceshd/wonderdesk.cgi",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Human Resources",
								"Educator Job Bank",
								"http://www.tasanet.org/applications/CareerCenter/?snItemNumber=782",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Human Resources",
								"Vacancies",
								"http://www.angletonisd.net/cms/one.aspx?PortalId=229938&pageId=262288",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "HelpDesk",
								"Technology Help Desk",
								"http://odyssey.angleton.isd.tenet.edu/cgi-bin/ithelpdesk/wonderdesk.cgi",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"AESOP",
								"http://www.aesoponline.com",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Human Resources",
								"TRS Active Care (BCBSTX)",
								"http://www.bcbstx.com/",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "HelpDesk",
								"Purchasing/Central Receiving HelpDesk",
								"http://odyssey.angleton.isd.tenet.edu/cgi-bin/crhelpdesk/wonderdesk.cgi",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"Skyward Educator Access Plus",
								"https://skyweb.angleton.isd.tenet.edu/scripts/cgiip.exe/WService=wsEAplus/seplog01.w",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"Enchanted Learning",
								"http://members.enchantedLearning.com",
								"_self");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"TechKnowledge",
								"http://www2.sratechknowledge.com/login.action?eid=9a7960",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"TechConnect",
								"http://tx.techconnect.glencoe.com",
								"_self");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"Unitedstreaming",
								"http://streaming.discoveryeducation.com/",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"TPRI",
								"https://www.txreading.com/wgen/Login.do",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"Monthly Technology Staff Development Calendar",
								"educatorresources.html",
								"_self");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"Summer In-Service Staff Development",
								"http://www.angleton.isd.tenet.edu/staffdev/07-08_SSD_Bk/main.htm",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"Texas STaR Chart",
								"http://starchart.esc12.net/",
								"_new");

		dropdownlist1.length++;
		dropdownlist1[dropdownlist1.length - 1]
			= new DropdownItem( "Educator Resources",
								"2005 PDAS Teacher Manual",
								"http://www.esc13.net/statewide/pdas/PDASTeacherManual.pdf",
								"_new");



		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Admin",
								"Board of Trustees",
								"http://www.angletonisd.net/cms/one.aspx?PortalId=229938&pageId=262319",
								"on");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Admin",
								"Central Office",
								"http://www.angletonisd.net/cms/One.aspx?portalId=229938&pageId=262314",
								"on");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Admin",
								"Campus Principals",
								"http://www.angletonisd.net/cms/one.aspx?PortalId=229938&pageId=262326",
								"on");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Secondary",
								"Angleton High School",
								"angleton_high_school.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Admin",
								"Codes & Policies",
								"http://www.angletonisd.net/cms/One.aspx?portalId=229938&pageId=262331",
								"on");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Secondary",
								"Angleton Intermediate School",
								"angleton_intermediate_school.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Secondary",
								"BCJJAEP",
								"BCJJAEP.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Secondary",
								"Marshall Education Center",
								"marshall_education_center.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Elementary",
								"Angleton Middle School",
								"angleton_middle_school.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Elementary",
								"Early Childhood Campus",
								"early_childhood_campus.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Elementary",
								"Frontier Elementary",
								"frontier_elementary_school.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Elementary",
								"Northside Elementary",
								"northside_elementary.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Elementary",
								"Rancho Isabella Elementary",
								"rancho_isabella_elementary_school.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Elementary",
								"Southside Elementary",
								"southside_elementary.html",
								"");

		dropdownlist2.length++;
		dropdownlist2[dropdownlist2.length - 1]
			= new DropdownItem( "Elementary",
								"Westside Elementary",
								"westside_elementary_school.html",
								"");

}

function addTabs() {
	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");
		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.images.logoImage) {

		document.images.logoImage.src='angletonisd/asd_logos/angleton_banner4.jpg';
		document.images.logoImage.alt='angleton_banner4';
	}
	if (document.all && document.all != undefined) {
		document.all.quickLinksLayer.innerHTML = quickLinksHTML;
	} else if (document.getElementById("quickLinksLayer")) {
		var qL = document.getElementById("quickLinksLayer");
		qL.style.width = "350px";
		qL.style.textAlign = "right";
		qL.style.right = "27px";
		qL.style.top = "15px";
		qL.innerHTML = quickLinksHTML;
	}
	document.body.style.marginTop = "15px";
}

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);
	color1 = (listNumber == 1 ? "5D3A83" : "5D3A83");
	color2 = (listNumber == 1 ? "DDDDDD" : "DDDDDD");
	var dropdownText = "";
	var cellWidth = 100 / (filteredList.length > 0 ? filteredList.length : 1) + 1;
	var dropdownrow = '<tr class="dropdownrow" style="color:' + color1 + '; background-color:' + color2 + ';">';
	for (i = 0; i < filteredList.length; i++) {
		if (i != 0) {
			//This is the border bar for the dropdowns.
			dropdownText += '<td width="1" bgcolor=' + color1 + '><img style="visibility:hidden; width:1" /></td>';
		}
		dropdownText += '<td align="center" width="' + cellWidth + '%"'
		        	  + ' onclick="RZgoto('
		        	  + 	"'"
		        	  + 	filteredList[i].link
					  + 	"','"
					  + 	filteredList[i].target
		        	  + 	"'"
					  + 	')"'
					  + ' style="color:' + color1 + '"'
					  + ' onmouseover="dropdownColorSwap(this, true);"'
					  + ' onmouseout="dropdownColorSwap(this, false);">'
					  + filteredList[i].label
					  + '</td>';
		/*
		dropdownText += "<td align=\"center\" width=\"" + cellWidth + "%\" onclick=\"location='" + filteredList[i].link + "'\""
				+ " style=\"color:" + color1 + "\" 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 = tableHeader + "<td></td>" + tableFooter;
		} else {
			var horizdrop = document.getElementById("horizdrop");
			horizdrop.innerHTML = tableHeader + "<td></td>" + tableFooter;
		}
	}
}

function dropdownColorSwap(cell, over) {
	if (over) {
		cell.style.backgroundColor = color1;
		cell.style.color = "FFFFFF";
	} else {
		cell.style.backgroundColor = color2;
		cell.style.color = color1;
	}
}

function leftNavColorSwap(cell, over, lower) {
	var overColor = "0C347C";
	var overBackground = "C1C1C1";
	var overBorder = "5D3A83";
	var offColor = "0C347C";
	var offBorder = (lower ? "FFFFFF" : "EEEEEE");
	var offBackground = (lower ? "FFFFFF" : "EEEEEE");
	if (over) {
		cell.style.borderWidth = "1px";
		cell.style.borderColor = "5D3A83";
		cell.style.borderStyle = "solid";
		cell.style.backgroundColor = overBackground;
		cell.style.color = overColor;
	} else {
		cell.style.borderWidth = "1px";
		cell.style.backgroundColor = offBackground;
		cell.style.borderColor = offBorder;
		cell.style.color = offColor;

	}
}