<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript">

<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Original at: http://jdstiles.com -->

<!--

// Initiate a new array containing all the navigation hyperlinks that loads on startup

// The 'htm' extension for the link is added by the script



//initialize the variables for indexing data

x=1; //initialize the first variable

y=5; //initialize the variable used to reset the buttons on mouse out

linx = new Array()

linx[1] = new Array(); //First set of links for the top level category

linx[1][1] = "navigation/index";

linx[1][2] = "page/index";

linx[1][3] = "forms/index";

linx[1][4] = "miscellaneous/index";

linx[1][5] = "games/index";



linx[2] = new Array(); //Second set of Links for next top level category

linx[2][1] = "new/dec-04new/index";

linx[2][2] = "new/jan-05";

linx[2][3] = "new/feb-05";

linx[2][4] = "new/mar-05";

linx[2][5] = "new/index";



linx[3] = new Array(); //Third set of Links for the last top level category

linx[3][1] = "generators/index";

linx[3][2] = "scrolls/index";

linx[3][3] = "user-details/index";

linx[3][4] = "css/index";

linx[3][5] = "master-list/index";



//This is the function populates the first set of buttons ...

function rollover1() {

document.menu.nav1.value = "Navigation";

document.menu.nav2.value = "Page Details";

document.menu.nav3.value = "Forms";

document.menu.nav4.value = "Miscellaneous";

document.menu.nav5.value = "Games";

document.menu.dummy.value = 1;

x = document.menu.dummy.value;

return(x);

}

//Function populates the second set of buttons ...

function rollover2() {

document.menu.nav1.value = "Dec 2004";

document.menu.nav2.value = "Jan 2005";

document.menu.nav3.value = "Feb 2005";

document.menu.nav4.value = "Mar 2005";

document.menu.nav5.value = "Apr 2005";

document.menu.dummy.value = 2;

x = document.menu.dummy.value;

return(x);

}

//Function populates the third set of buttons ...

function rollover3() {

document.menu.nav1.value = "Generators";

document.menu.nav2.value = "Scrolls";

document.menu.nav3.value = "User Details";

document.menu.nav4.value = "CSS";

document.menu.nav5.value = "MasterList";

document.menu.dummy.value = 3;

x = document.menu.dummy.value;

return(x);

}



//This sends

function go2url(hlink) {

// set temporary variable temp1 to the value of the dummy hidden field

var temp1 = document.menu.dummy.value;

// set the temporary variable temp2 to link array

var temp2 = (linx[temp1][hlink]);

// Construct the url for the link to point to

window.location = "http://javascript.internet.com/"+temp2+".html";

}



//If there are no lower tier navigation buttons, this function closes the buttons as the mouse moves off the prevoius link to this.

function rollout() {

//

for (var j=0; j<y; j++) {

document.menu.elements[j].value = "            ";

   }

}



    -->

</script>
</head>

<BODY>



<div align="center">



<!--- Note first 2 links do not have dynamic buttons --->

<a href="../test1.htm" onmouseover="rollover1()">Scripts</a> |

<a href="../test2.htm" onmouseover="rollover2()">New Scripts</a> |

<a href="../test3.htm" onmouseover="rollover3()">Dev. Tools</a> |



<form name="menu">

<!--- the blanks used in the value cater for Netscape that otherwise truncates the labels --->

<input type="button" name="nav1" value="            " onclick="go2url(1)">

<input type="button" name="nav2" value="            " onclick="go2url(2)">

<input type="button" name="nav3" value="            " onclick="go2url(3)">

<input type="button" name="nav4" value="            " onclick="go2url(4)">

<input type="button" name="nav5" value="            " onclick="go2url(5)">

<!--- this dummy element stores the link structure --->

<input type="hidden" name="dummy" value=""size="3">

</form>



</div>



<p><center>

<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>

by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

</center><p>



<!-- Script Size:  4.32 KB -->
</body>
</html>
