<html>
<head>
<title>Abakada HTML Demo: Image Map Sample</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<script language="JavaScript">
<!--
function poppic ( pic, h, w ) {
var size = "height=" + h + ", width = " + w;
var show = open ( pic, "show", size + ",top=100,left=100" );
}
//-->
</script>
</head>
<body>
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada HTML Demo: Image Map Sample</h2></div>
<hr size=1 width=92%>
<center>
<p id="msg">Click on a planet to link to a larger image of that planet. </p>
<img src="../shared/images/solarsys.gif" width=504 height=126 border=0 alt="Solar System" usemap="#solar">
</center>
<map name="solar">
<area shape="rect" coords="0,0,76,122" href="javascript: poppic ( '../shared/images/sun.gif', 120, 120 )" alt="Sun">
<area shape="circle" coords="90,61,15" href="javascript: poppic ( '../shared/images/mercury.gif', 120, 120 )" alt="Mercury">
<area shape="circle" coords="124,61,18" href="javascript: poppic ( '../shared/images/venus.gif', 120, 120 )" alt="Venus">
<area shape="circle" coords="163,61,23" href="javascript: poppic ( '../shared/images/earth.gif', 120, 120 )" alt="Earth">
<area shape="circle" coords="201,61,14" href="javascript: poppic ( '../shared/images/mars.gif', 120, 120 )" alt="Mars">
<area shape="circle" coords="256,61,40" href="javascript: poppic ( '../shared/images/jupiter.gif', 120, 120 )" alt="Jupiter">
<area shape="circle" coords="328,61,35" href="javascript: poppic ( '../shared/images/saturn.gif', 120, 100 )" alt="Saturn">
<area shape="circle" coords="392,61,30" href="javascript: poppic ( '../shared/images/uranus.gif', 120, 120 )" alt="Uranus">
<area shape="circle" coords="443,61,24" href="javascript: poppic ( '../shared/images/neptune.gif', 120, 120 )" alt="Neptune">
<area shape="circle" coords="480,61,13" href="javascript: poppic ( '../shared/images/pluto.gif', 120, 210 )" alt="Pluto">
</map>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>