How To Add 1 More Tab
(To the Existing 2)

dark green = addition (copied from previous lines)
red = change (a difference compared to the place copied from)
black = lines before & after the additions (as it was before)

---

1. Addition:
...hidden; }
#divThree { position: absolute; top: 40px; left: 40px;
width: 430px; height: 250px; text-align: center; color: red;
visibility: hidden; }
</style>



2. Addition:
<script language="JavaScript">...
var intNumTabs = 3, intCurrentTab = 0



3. Addition:
functionb setTab(newTab)...
case (1):
	onLeaveMore();
	break;
case (2):
	onLeaveThree();
	break;
}
var tblTabControl...



4. Addition:
switch (newTab)...
case (1):
	onEnterMore();
	break;
case (2):
	onEnterThree();
	break;
   }
}
function onEnterInfo()...



5. Addition:
function onEnterMore()...
function onEnterThree()
{
	document.all.divThree.style.visibility = "visible"
}
function onLeaveInfo...



6. Addition:
function onLeaveMore()...
function onLeaveThree()
{
	document.all.divThree.style.visibility = "hidden"
}
</script>



7. Addition:
<td class="clsTabSelRight" style="width:70">More</td>
<td class="clsTabSelRight" style="width:70">Three</td>
<td onClick...



8. Addition:
<td class="clsTabContent">
<td id="tdRightSide" class="clsTabContent"></td>
<td id="tdRightSide" class="clsTabContent"></td>
</tr>
</table>



9. Addition:
<div id="divMore">...
<div id="divThree">
<p>Tab Three's content goes here.</p>
</div>
</body>
</html>



THE END