var linkClass = "\"tableNavLink\"";
var divLinkClass = "divNavLink";
var mouseBehavior = "onmouseover=\"";
var mouseFunction = "visiDIV";
var linkDeco = "&nbsp\; | &nbsp\;";



var fileLink = "file:///C|/thaa/";
var baseLink = "/";


var currentDIV = 'none';
var docFin = false;

<!-- Array Variables -->
var iMain = 0;
var subMain = 0;
<!-- Variables for different style sheets -->
var styleArr = new Array( );
    styleArr[0] = baseLink  + "fileincludes/thaaCSSLowRes.css";
    styleArr[1] = baseLink  + "fileincludes/thaaCSSMedRes.css";
    styleArr[2] = baseLink  + "fileincludes/thaaCSSHighRes.css";
<!-- |||||||||||||| -->


<!-- id name of div layers to be written to webpage -->
var topLinksDIV = new Array();


<!-- top table Navigation Links -->
var topLinksText = new Array( );               var topLinks = new Array( );
    topLinksText[0] = new Array(  ) ;               topLinks[0] = new Array( ) ;   // Publications
    topLinksText[1] = new Array(  ) ;               topLinks[1] = new Array( ) ;   // Services
    topLinksText[2] = new Array(  ) ;               topLinks[2] = new Array( ) ;   // Pre-1944 Alumni
    topLinksText[3] = new Array(  ) ;               topLinks[3] = new Array( ) ;   // Post-1988 Alumni
    topLinksText[4] = new Array(  ) ;               topLinks[4] = new Array( ) ;   // Guests
    topLinksText[5] = new Array(  ) ;               topLinks[5] = new Array( ) ;   // About THAA
    topLinksText[6] = new Array(  ) ;               topLinks[6] = new Array( ) ;   // Customize Site

iMain = 0;
topLinksDIV[iMain] = "productsDIV";
    topLinksText[iMain][0] = "PUBLICATIONS";             topLinks[iMain][0] = baseLink + "members/publications/";
     topLinksText[iMain][1] = "Alumni Magazine (THAM)";        topLinks[iMain][1] = baseLink + "members/publications/";
     topLinksText[iMain][2] = "Newsletter";                    topLinks[iMain][2] = baseLink + "members/publications/";
     topLinksText[iMain][3] = "Books";                         topLinks[iMain][3] = baseLink + "members/publications/";
     topLinksText[iMain][4] = "Diversions";                    topLinks[iMain][4] = "/members/publications/diversions/";


++iMain;
 subMain = 0;
    topLinksDIV[iMain] = "membersDIV";
    topLinksText[iMain][subMain] = "Members SERVICES";     topLinks[iMain][subMain] = baseLink + "members/index.htm";
     topLinksText[iMain][++subMain] = "Update your Profile";       topLinks[iMain][subMain] = "/members/directory/profile/index.htm";
     topLinksText[iMain][++subMain] = "Obituary Directory";        topLinks[iMain][subMain] = "/members/directory/obituary";
     topLinksText[iMain][++subMain] = "Directory";                 topLinks[iMain][subMain] = "/members/directory/index.htm";
     topLinksText[iMain][++subMain] = "Dues";                      topLinks[iMain][subMain] = "/members/dues/";
     topLinksText[iMain][++subMain] = "Missing Alumni";            topLinks[iMain][subMain] = "/members/directory/thaaMissing.asp";
     topLinksText[iMain][++subMain] = "Class Reunions";            topLinks[iMain][subMain] = "/members/reunions/index.htm";
     topLinksText[iMain][++subMain] = "Regional Chapters";         topLinks[iMain][subMain] = "/members/chapters/index.htm";
     topLinksText[iMain][++subMain] = "HR";                        topLinks[iMain][subMain] = "150";
     topLinksText[iMain][++subMain] = "Hall of Fame";              topLinks[iMain][subMain] = "/members/fame/index.htm";
	 topLinksText[iMain][++subMain] = "Class Notes";               topLinks[iMain][subMain] = "/members/classnotes/";
	 topLinksText[iMain][++subMain] = "Parents Pages";               topLinks[iMain][subMain] = "/members/directory/parents/";
     topLinksText[iMain][++subMain] = "Jobs and Internships";                topLinks[iMain][subMain] = "/members/networking/jobs/";


++iMain;
 subMain = 0;
	topLinksDIV[iMain] = "newsDIV";
    topLinksText[iMain][subMain] = "NEWS";                   topLinks[iMain][subMain] = baseLink + "news/";
      topLinksText[iMain][++subMain] = "News & Events Archive";         topLinks[iMain][subMain] = "/news/archive/";
      topLinksText[iMain][++subMain] = "News & Events for THHS";     topLinks[iMain][subMain] = "/news/thhs/";

     topLinksText[iMain][++subMain] = "Calendar";                   topLinks[iMain][subMain] = "/news/calendar/";
     topLinksText[iMain][++subMain] = "HR";                         topLinks[iMain][subMain] = "150";
     topLinksText[iMain][++subMain] = "Townsend Harris Forever!";   topLinks[iMain][subMain] = "/news/THForever.htm";
     topLinksText[iMain][++subMain] = "HR";                         topLinks[iMain][subMain] = "150";
     topLinksText[iMain][++subMain] = "Reunion Updates";            topLinks[iMain][subMain] = "/members/reunions/";
     topLinksText[iMain][++subMain] = "Regional Chapter Happenings";  topLinks[iMain][subMain] = "/members/chapters/index.htm";
     topLinksText[iMain][++subMain] = "THHS Happenings";              topLinks[iMain][subMain] = "http://www.thhs.qc.edu";


 ++iMain;
 subMain = 0;
    topLinksDIV[iMain] = "aboutDIV";
     topLinksText[iMain][++subMain]    = "About THAA";                 topLinks[iMain][subMain] = baseLink + "about/index.htm";
     topLinksText[iMain][++subMain]    = "About the High School";      topLinks[iMain][subMain] = baseLink + "about/THHS.htm";
     topLinksText[iMain][++subMain]    = "About the website";          topLinks[iMain][subMain] = baseLink + "about/thaaWeb.htm";
     topLinksText[iMain][++subMain]    = "Volunteer";          topLinks[iMain][subMain] = baseLink + "about/volunteer.htm";	 
     topLinksText[iMain][++subMain]    = "History of the THAA";        topLinks[iMain][subMain] = baseLink + "about/thaaHistory.htm";
     topLinksText[iMain][++subMain]    = "Contact THAA";               topLinks[iMain][subMain] = baseLink + "contact/index.htm";


 ++iMain;
 subMain = 0;
    topLinksDIV[iMain] = "thhsDIV";
     topLinksText[iMain][++subMain] = "THHS Homepage";        topLinks[iMain][subMain] = "http://www.thhs.qc.edu/";
     topLinksText[iMain][++subMain] = "News & Events";        topLinks[iMain][subMain] = baseLink + "news/thhs/";
     topLinksText[iMain][++subMain] = "College Mentoring";    topLinks[iMain][subMain] = baseLink + "students/thaaCollegeMentor.asp";
     topLinksText[iMain][++subMain] = "Shimode Kita H.S.";    topLinks[iMain][subMain] = "http://www.shizuoka-c.ed.jp/shimodakita-h/";


 ++iMain; // this pop-up menu is not used yet
 subMain = 0;
    topLinksDIV[iMain] = "cuDIV";
    topLinksText[iMain][0] = "Customize Text";           topLinks[iMain][0] = "about/thaaCustom.htm";
     topLinksText[iMain][1] = "Increase text size";         topLinks[iMain][1] = "javascript:increaseTextSize()";
     topLinksText[iMain][2] = "Normal text size";           topLinks[iMain][2] = "javascript:normalTextSize()";
     topLinksText[iMain][3] = "Decrease text size";         topLinks[iMain][3] = "javascript:decreaseTextSize()";



<!-- Variable to hold ID names of the menu DIVs -->
var bottomLinksDIV = new Array();

var bottomLinksText = new Array( );    var bottomLinks = new Array( );
    bottomLinksText[0] = new Array() ;              bottomLinks[0] = new Array();  // Operations
    bottomLinksText[1] = new Array() ;              bottomLinks[1] = new Array();  // THHS
    bottomLinksText[2] = new Array() ;              bottomLinks[2] = new Array();  // CONTACT THAA
    bottomLinksText[3] = new Array() ;              bottomLinks[3] = new Array();  // ABOUT THAA

    bottomLinksDIV[0] = 'operationsDIV';
    bottomLinksText[0][0] = "DIRECTORS";           bottomLinks[0][0] = "operations/index.htm";
     bottomLinksText[0][1] = "Directors";                  bottomLinks[0][1] = baseLink + "operations/thaaDirectors.htm";
     bottomLinksText[0][2] = "Meetings";                   bottomLinks[0][2] = baseLink + "news/#boardMeeting";
     bottomLinksText[0][3] = "20th Annual Alumni Meeting"; bottomLinks[0][3] = baseLink + "operations/meetings/20thAnnualMeetingPage1.htm";
     bottomLinksText[0][4] = "Minutes of Meetings";        bottomLinks[0][4] = baseLink + "operations/meetings/minutes/index.htm";

    bottomLinksDIV[1] = 'THHSDIV';
    bottomLinksText[1][0] = "THHS at QC";           bottomLinks[1][0] = "http://www.thhs.qc.edu";
      bottomLinksText[1][1] = "Queens College";      bottomLinks[1][1] = "http://www.qc.edu";
      bottomLinksText[1][2] = "Townsend Harris HS";  bottomLinks[1][2] = "http://www.thhs.qc.edu";

    bottomLinksDIV[2] = 'contactDIV';
    bottomLinksText[2][0] = "CONTACT THAA";         bottomLinks[2][0] = baseLink + "contact/index.htm";
     bottomLinksText[2][1] = "E-mail/Webmaster/Comments";  bottomLinks[2][1] = baseLink + "contact/index.htm#e-mail";
     bottomLinksText[2][2] = "Postal Address";             bottomLinks[2][2] = baseLink + "contact/index.htm#postal";
     bottomLinksText[2][3] = "Telephone";                  bottomLinks[2][3] = baseLink + "contact/index.htm#telephone";
     bottomLinksText[2][4] = "Fax";                        bottomLinks[2][4] = baseLink + "contact/index.htm#fax";

<!-- end -->


function writeTopDIVs(){

if(!document.getElementById)
     return;

         for( var i=0; i < topLinksDIV.length; i++ ){
            document.write(" <div class=\"navDiv\" id=" +  topLinksDIV[i] + " > <table border='0' cellpadding='0'>");

         for( var j=1; j < topLinksText[i].length; j++ ){
		    document.write("<tr>");

		if(topLinksText[i][j] == 'HR' ){

		     document.write("<td class=\"navDivTableCell\" >");
		     document.write("<HR WIDTH=150 HEIGHT=1 NOSHADE>");


		}else{
		     document.write("<td onclick=\"window.location.href='" +  topLinks[i][j]  + "'\" class=\"navDivTableCell\" onmouseover=\"this.style.backgroundColor='#FFFFFF'; this.style.borderColor='#999999';this.style.cursor='hand'\" onmouseout=\"this.style.backgroundColor='#FFD700'; this.style.borderColor='#FFD700'\">");
		     document.write("<a class=" + divLinkClass + " href=\"" + topLinks[i][j] + "\">" + topLinksText[i][j] + "</a>");
 		}

		document.write("</td></tr>");
		}
            document.write("</table></div>");
	  }

}


function writeBottomDIVs(){

     if(!document.getElementById )
         return;


         for( var i=0; i < bottomLinksDIV.length; i++ ){
            document.write(" <div class=\"navDiv\" id=" +  bottomLinksDIV[i] + " > <table border='0' cellpadding='0'>");

            for( var j=1; j < bottomLinksText[i].length; j++ ){
		        document.write("<tr><td onclick=\"window.location.href='" +  bottomLinks[i][j]  + "'\" class=\"navDivTableCell\" onmouseover=\"this.style.backgroundColor='#FFFFFF'; this.style.borderColor='#999999';this.style.cursor='hand'\" onmouseout=\"this.style.backgroundColor='#FFD700'; this.style.borderColor='#FFD700'\">");
                document.write(" <a class=" + divLinkClass + " href=\"" + bottomLinks[i][j] + "\">" + bottomLinksText[i][j] + "</a><br>");
	      	    document.write("</td></tr>");
	        }
             document.write("</table></div>");
	   }

} // end of writeBottomDIVs()


function insertHR(hrWidth){
		document.write("<HR WIDTH="+ hrWidth + " NOSHADE>");
}


// function to make menu items visible or hidden
//    function needs links to be in a table cell because of the requirements of
//       the offsetTop and offsetHeight and offsetLeft properties in JScript
     function visiDIV(cellId,  linkId, divId, placementDir){
		if( document.getElementById ){
		   if( placementDir == 'top'){
			   if(currentDIV == 'none'){
			     document.getElementById(divId).style.top = document.getElementById( cellId ).offsetTop + document.getElementById( cellId ).offsetHeight;
			     document.getElementById(divId).style.left = document.getElementById( linkId ).offsetLeft;
			     document.getElementById(divId).style.visibility = "visible";
			     currentDIV = divId;
			   }else{
			    document.getElementById(currentDIV).style.visibility = "hidden";
			    currentDIV = divId;
			    document.getElementById(divId).style.top        = document.getElementById( cellId ).offsetTop + document.getElementById( cellId ).offsetHeight;
			    document.getElementById(divId).style.left       = document.getElementById( linkId ).offsetLeft;
			    document.getElementById(divId).style.visibility = "visible";
			  }
			} else {
		   	  if(currentDIV == 'none'){
			     document.getElementById(divId).style.top        = document.getElementById( cellId ).offsetTop - document.getElementById( divId ).offsetHeight;
			     document.getElementById(divId).style.left       = document.getElementById( linkId ).offsetLeft;
			     document.getElementById(divId).style.visibility = "visible";
			     currentDIV = divId;
			  }else{
			     document.getElementById(currentDIV).style.visibility = "hidden";
			     currentDIV = divId;
			     document.getElementById(divId).style.top        = document.getElementById( cellId ).offsetTop - document.getElementById( divId ).offsetHeight;
			     document.getElementById(divId).style.left       = document.getElementById( linkId ).offsetLeft;
			     document.getElementById(divId).style.visibility = "visible";
			   }
		   }
		}

	} // end of function visiDIV


function cancelClick(){
	if( document.getElementById && currentDIV != 'none' )
		document.getElementById(currentDIV).style.visibility = "hidden";


} // end of function cancelClick


	// Set Table main table width for Internet explorer
function setTableHeight(tableID, tableHeight){
	  if( document.all )
			document.all( tableID ).style.height = tableHeight;
}

function prepDOM(){

       if(document.getElementById)
           docFin = true;

       var medResWidth = 42;
       var lowResWidth = 42;
       var highResWidth = 49;

       // check to see if lineCell and linePointer are stated
       if(document.getElementById && (  document.getElementById( 'lineCell' ) &&  document.getElementById( 'linePointer' )) )
            document.getElementById( 'lineCell' ).style.width = document.getElementById( 'linePointer' ).offsetLeft + 2;


} // end of function prepDOM








// Delete the cookie with the specified name.
function DelCookie(sName)
{
  document.cookie = sName + "=" + escape(sValue) + "; ";
}

function increaseTextSize(){
   document.styleSheets.mainStyle.href = fileLink + "fileincludes/thaaCSSHighRes.css";
   alert(document.styleSheets.mainStyle.href);
}

function decreaseTextSize(){
   document.styleSheets.mainStyle.href = fileLink + "fileincludes/thaaCSSLowRes.css";
}
function normalTextSize(){
   document.styleSheets.mainStyle.href = fileLink + "fileincludes/thaaCSSMedRes.css";
}
// ////////////////////  End of cookie functions /////////////

function getNewStyle ( newStyleNum){
  var currentNum = 1;
  SetCookie("styleSheetUrl", 1+newStyleNum);
  if( newStyleNum > 2 || newStyleNum < 0) newStyleNum = 1;
  document.styleSheets.mainStyle.href = styleArr[newStyleNum];
  prepDOM();
}


	 
<!--  Diego Alban '99 says: -->
  <!-- Needed a quick cookie function so this was used with -->
  <!-- copyright inserted just in case -->
  
  <!-- Interested in helping out THAA.org ? -->
  //   Please e-mail webmaster@thaa.org if you have any professional experience with
  // the following:
  // ^ ASP
  // ^ MS Access or MS SQL
  // ^ web graphics
  // ^ Javascript, JScript, VBscript
  //-->
   
<!-- Original:  Bill Dortch, Idaho Design (bdortch@netw.com) -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin

function getCookieVal (offset) {
   var endstr = document.cookie.indexOf (";", offset);
   
   if (endstr == -1)
     endstr = document.cookie.length;
	 
   return unescape(document.cookie.substring(offset, endstr));
}