<html>
<head><title>GateWay</title>
<SCRIPT LANGUAGE=JAVASCRIPT
TYPE="TEXT/JAVASCRIPT">
<!-- Hide
/* Creating Variables and
Arrays For The Buttons And Their Collages. */
/* **********Initial Collage
Pictures
********** */
collageStart = new
Array(["/button0a.gif","/button0b.gif","/button0c.gif","/button0d.gif","/button0e.gif"])
/* **********
Below I created an Array for
each of the icons in the menu. Here is
the
array mapping:
Position 0 = Icon Picture.
Position 1 = Collage Picture
1.
Position 2 = Collage Picture
2.
Position 3 = Collage Picture
3.
Position 4 = Collage Picture
4.
Position 5 = Collage Picture
5.
Position 6 = Redirect Page
Upon click of Collage.
********** */
/* **********Button 1 Image
And Collage Images********** */
button1Collage = new
Array(["button1a.gif","button1b.gif","button1c.gif","button1d.gif","button1e.gif","button1f.gif","page1.html"])
/* **********Button 2 Image
And Collage Images********** */
button2Collage = new
Array(["button2a.gif","button2b.gif","button2c.gif","button2d.gif","button2e.gif","button2f.gif","page2.html"])
/* **********Button 3 Image
And Collage Images********** */
button3Collage = new
Array(["button3a.gif","button3b.gif","button3c.gif","button3d.gif","button3e.gif","button3f.gif,"page3.html"])
/* **********Button 4 Image
And Collage Images********** */
button4Collage = new
Array(["button4a.gif","button4b.gif","button4c.gif","button4d.gif","button4e.gif","button4f.gif,"page4.html"])
/* **********Button 5 Image
And Collage Images********** */
button5Collage = new
Array(["button5a.gif","button5b.gif","button5c.gif","button5d.gif","button5e.gif","button5f.gif,"page5.html"])
/* **********Button 6 Image
And Collage Images********** */
button6Collage = new
Array(["button6a.gif","button6b.gif","button6c.gif","button6d.gif","button6e.gif","button6f.gif,page6.html"])
/* **********Button 7 Image
And Collage Images********** */
button7Collage = new
Array(["button7a.gif","button7b.gif","button7c.gif","button7d.gif","button7e.gif","button7f.gif,page7.html"])
/* Ending Variables and
Arrays For The Buttons And Their Collages. */
/* depending on what button
is pressed, we populate the collage blinds
*/
function rotate(button) {
if (button == 1) {
document.blind1.src = button1Collage[1]
document.blind2.src =
button1Collage[2]
document.blind3.src = button1Collage[3]
document.blind4.src = button1Collage[4]
document.blind5.src = button1Collage[5]
}
else
if (button == 2) {
document.blind1.src = button2Collage[1]
document.blind2.src =
button2Collage[2]
document.blind3.src = button2Collage[3]
document.blind4.src = button2Collage[4]
document.blind5.src = button2Collage[5]
}
else if (button == 3) {
document.blind1.src = button3Collage[1]
document.blind2.src =
button3Collage[2]
document.blind3.src = button3Collage[3]
document.blind4.src = button3Collage[4]
document.blind5.src = button3Collage[5]
}
else if (button == 4) {
document.blind1.src = button4Collage[1]
document.blind2.src =
button4Collage[2]
document.blind3.src = button4Collage[3]
document.blind4.src = button4Collage[4]
document.blind5.src = button4Collage[5]
}
else if (button == 5) {
document.blind1.src = button5Collage[1]
document.blind2.src =
button5Collage[2]
document.blind3.src = button5Collage[3]
document.blind4.src = button5Collage[4]
document.blind5.src = button5Collage[5]
}
else if (button == 6) {
document.blind1.src = button6Collage[1]
document.blind2.src =
button6Collage[2]
document.blind3.src = button6Collage[3]
document.blind4.src = button6Collage[4]
document.blind5.src = button6Collage[5]
}
}
// End Script -->
</script>
</head>
<body
bgcolor="white">
<img
src="document.collageStart(0)" name="blind1" width =
"60" height ="200">
<img
src="document.collageStart(1)" name="blind2" width =
"60" height ="200">
<img
src="document.collageStart(2)" name="blind3" width =
"60" height ="200">
<img
src="document.collageStart(3)" name="blind4" width =
"60" height ="200">
<img
src="document.collageStart(4)" name="blind5" width =
"60" height ="200">
<br>
<br>
Buttons:
<a
href="document.rotate(1)">button1</a>
<a
href="document.rotate(2)">button2</a>
<a
href="document.rotate(3)">button3</a>
<a
href="document.rotate(4)">button4</a>
<a href="document.rotate(5)">button5</a>
<a
href="document.rotate(6)">button6</a>
</body>
</html>