<html>
<head>
<title>JavaScript Image Map</title>
<script type="text/javascript">
<!--
function showTutorial(name) {
document.myfrm.mytext.value = name
}
//-->
</script>
</head>
<body>
<form name="myfrm">
<input type="text" name="mytext" size="20" />
</form>
<!-- Create Mappings -->
<img src="file://///MCNSERVER2/UserProfiles/mgoel/My%20Documents/My%20Received%20Files/Varesh/cute_girl-normal.jpg"
height="30%" width="30%" alt="HTML Map" border="0" usemap="#tutorials" />
<map name="tutorials">
<area shape="poly" coords="74,0,113,29,98,72,52,72,38,27" href="http://www.google.co.in/"
alt="Google" target="_self" onmouseover="showTutorial('google')" onmouseout="showTutorial('')" />
<area shape="rect" coords="22,83,126,125" href="https://accounts.google.com/" alt="Gmail"
target="_self" onmouseover="showTutorial('Gmail')" onmouseout="showTutorial('')" />
<area shape="circle" coords="73,168,32" href="http://in.yahoo.com/?p=us" alt="Yahoo"
target="_self" onmouseover="showTutorial('Yahoo')" onmouseout="showTutorial('')" />
</map>
</body>
</html>