<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Switch case gallery</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<meta http-equiv="content-type" content="text/html; charset='iso-8859-1'">
<LINK REL="stylesheet" HREF="Switch case gallery_arquivos/menu1.css" TYPE="text/css">
<style type="text/css">
.contain { width:950px; height:700px; background:#dee; }
#navbar { width:250px; height:700px; background:#cdd; float:left; }
#Info { height:200px; margin-left:20px; }
#BigPic {height:600px; width:400px; background:#F00; }
.nails1 { height:150px; background:cFc; overflow:auto; }
</style>
<script type="text/javascript" src="Switch case gallery_arquivos/menu1a.js"></script>
<script type="text/javascript" src="Switch case gallery_arquivos/menu1b.js"></script>
<script type="text/javascript">
var kid = "FirstOn"
function ShowInfo(DivId) {
document.getElementById(kid).style.display = 'none';
document.getElementById(DivId).style.display = 'block';
if (DivId!="FirstOn") {
document.getElementById('image').style.display = '';
alert('passou');
}
kid = DivId;
}
function doSwitch(item) {
alert(item);
if (item=='planes') ShowInfo('planes1');
else if (item=='pl1') document.getElementById('main').src="planes/pic1.jpg";
else if (item=='pl2') document.getElementById('main').src="planes/pic2.jpg";
else if (item=='pl3') document.getElementById('main').src="planes/pic3.jpg";
else if (item=='pl4') document.getElementById('main').src="planes/pic4.jpg";
else if (item=='pl5') document.getElementById('main').src="planes/pic5.jpg";
else if (item=='pl6') document.getElementById('main').src="planes/pic6.jpg";
else if (item=='trains') ShowInfo('trains');
else if (item=='xx') ShowInfo('xx');
}
</script>
</HEAD>
<BODY>
<!-- XPanel header -->
<!-- INSERTED BY BATCAVE -->
<CENTER>
<script type="text/javascript"><!--
google_ad_client = "pub-3221927796862801";
google_alternate_ad_url = "http://www.batcave.net/ad.html";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_channel ="5453014617";
google_ad_type = "text";
google_color_border = "99CC67";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<BR>
<FONT FACE=VERDANA size=-1><A HREF="http://www.batcave.net/">Cpanel Domain Hosting - First 3 Months Free!</a></FONT>
<br>
<br>
</CENTER>
<!-- END BATCAVE INSERT -->
<!-- /XPanel header -->
<div class="contain">
<div id="navbar">
<div id="MDME">
<ul>
<li><div style="background:#0FF;" onclick="ShowInfo('FirstOn')">Menu List</div>
<ul>
<li><div>Vehicles</div>
<ul>
<li><div onclick="doSwitch('planes')"><a href="#">Planes </a></div></li>
<li><div onclick="doSwitch('trains')">Trains </div></li>
<li><div onclick="doSwitch('xx')">Automobiles </div></li>
<li><div>Trucks</div></li>
<li><div>Ships </div></li>
<li><div>Farming </div></li>
</ul>
</li>
<li><div>item 2</div>
<ul>
<li><div>item 2.1</div>
<ul>
<li><div>item 2.1.1. </div></li>
<li><div>item 2.1.2. </div></li>
<li><div>item 2.1.3. </div></li>
<li><div>item 2.1.4. </div></li>
<li><div>item 2.1.5. </div></li>
<li><div>item 2.1.6. </div></li>
</ul>
</li>
</ul>
</li>
<li><div>item 3</div>
<ul>
<li><div>item 3.1</div>
<ul>
<li><div>item 3.1.1. </div></li>
<li><div>item 3.1.2. </div></li>
<li><div>item 3.1.3. </div></li>
<li><div>item 3.1.4. </div></li>
<li><div>item 3.1.5. </div></li>
<li><div>item 3.1.6. </div></li>
</ul>
</li>
</ul>
</li>
<li><div>item 4</div>
<ul>
<li><div>item 4.1</div>
<ul>
<li><div>item 4.1.1. </div></li>
<li><div>item 4.1.2. </div></li>
<li><div>item 4.1.3. </div></li>
<li><div>item 4.1.4. </div></li>
<li><div>item 4.1.5. </div></li>
<li><div>item 4.1.6. </div></li>
</ul>
</li>
</ul>
</li>
<li><div>item 5</div>
<ul>
<li><div>item 5.1</div>
<ul>
<li><div>item 5.1.1. </div></li>
<li><div>item 5.1.2. </div></li>
<li><div>item 5.1.3. </div></li>
<li><div>item 5.1.4. </div></li>
<li><div>item 5.1.5. </div></li>
<li><div>item 5.1.6. </div></li>
</ul>
</li>
</ul>
</li>
<li><div>item 6</div>
<ul>
<li><div>item 6.1</div>
<ul>
<li><div>item 6.1.1. </div></li>
<li><div>item 6.1.2. </div></li>
<li><div>item 6.1.3. </div></li>
<li><div>item 6.1.4. </div></li>
<li><div>item 6.1.5. </div></li>
<li><div>item 6.1.6. </div></li>
</ul>
</li>
</ul>
</li>
<li><div>item 7</div>
<ul>
<li><div>item 7.1</div>
<ul>
<li><div>item 7.1.1. </div></li>
<li><div>item 7.1.2. </div></li>
<li><div>item 7.1.3. </div></li>
<li><div>item 7.1.4. </div></li>
<li><div>item 7.1.5. </div></li>
<li><div>item 7.1.6. </div></li>
</ul>
</li>
</ul>
</li>
<li><div>item 8</div>
<ul>
<li><div>item 8.1</div>
<ul>
<li><div>item 8.1.1. </div></li>
<li><div>item 8.1.2. </div></li>
<li><div>item 8.1.3. </div></li>
<li><div>item 8.1.4. </div></li>
<li><div>item 8.1.5. </div></li>
<li><div>item 8.1.6. </div></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div id="FirstOn" class="info" style="display:block;">
<h2 style="padding-left:20px;">experimental photo gallery</h2>
</div>
<div id="planes1" style="display:none;">
<img onclick="doSwitch('pl1')" src="Switch case gallery_arquivos/pic1.jpg">
<a href="#" onclick="doSwitch('pl2')"><img src="planes/pic2.jpg"></a>
<a href="#" onclick="doSwitch('pl3')"><img src="planes/pic3.jpg"></a>
<a href="#" onclick="doSwitch('pl4')"><img src="planes/pic4.jpg"></a>
<a href="#" onclick="doSwitch('pl5')"><img src="planes/pic5.jpg"></a>
<a href="#" onclick="doSwitch('pl6')"><img src="planes/pic6.jpg"></a>
</div>
<div id="trains" style="display:none;">
<a href="#" onclick="doSwitch('tr1')"><img src="trains/pic101t.jpg"></a>
<a href="#" onclick="doSwitch('tr2')"><img src="trains/pic102t.jpg"></a>
<a href="#" onclick="doSwitch('tr3')"><img src="trains/pic103t.jpg"></a>
<a href="#" onclick="doSwitch('tr4')"><img src="trains/pic104t.jpg"></a>
<a href="#" onclick="doSwitch('tr5')"><img src="trains/pic105t.jpg"></a>
<a href="#" onclick="doSwitch('tr6')"><img src="trains/pic106t.jpg"></a>
</div>
<div id="otto" style="display:none;">
</div>
<div id="image" style="display:none;">
<img src="Switch case gallery_arquivos/pic101.jpg" name="main">
</div>
</div>
</BODY>
</HTML>
<!-- Powered by XPanel -->