<script>
function changeNavigation(id)
{document.getElementById('mainbox'). innerHTML=document.getElementById(id). innerHTML}
</script>
<img style="float:center:" src="http://imageshack.com/a/img537/5066/mDaMm2.png" usemap="#ImageMap1">
<map id="ImageMap1" name="ImageMap1">
<area shape="rect" coords="305,148,422,211" id="1b" onClick="changeNavigation('Home')">
<area shape="rect" coords="456,147,575,211" id="2b" onClick="changeNavigation('About')">
</map>
<div id="mainbox" style="position:absolute; left:332px; top:181px; width:407px; height:341px; overflow: auto; border:0px; background-color:transparent; color:#000000;"> <center> <font face="verdana" size="1" color="Black">
Doop [Home] [Main]
</font></center>
</div>
<div id="Home" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Home]
</font></center>
</div>
<div id="About" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [About]
</font></center>
</div>
<div id="other_box" style="width:000px; height:000px; position:absolute; left:000px; top: 000px; z-index:1">
</div>
<div id="avi_box" style="width:160px; height:220px; position:absolute; left:215px; top: 92px; z-index:1">
</div>
<style type="text/css"> #aboutme_panel, #contact_panel,
#dev_panel, #wishlist_panel, #visitors_panel,
#messages_panel, #tagcloud_panel, #stickers_panel,
#collect_panel, #room_panel, #rankings_panel,
#cool_panel, #gallery_panel, #friends_panel,
#streetteam_panel, #blog_panel, #video_panel_header,
#music_panel, #rss_panel, #url_panel,
#special_panel,#outfits_panel { width:900px !important; }
#rightColumn { display:none !important; }</style> <style
type="text/css">#url_panel_colRow, .imvucodes_net {
display:none !important; }</style>
Home 
