JS 控制显示的图片

控制显示的图片是哪张。  其中遇到的问题是，如何设置图象的路径 ----document.images['MapImage'].src 

<script type="text/javascript">
       function CheckMonsterMap(obj)
       {
          if(obj.checked)
          { 
   document.images["MapImage"].src =  '$map[sitepic]';            
          }
          else
          {  
   document.images["MapImage"].src =  '$map[pic]';
          }
       }
   </script>
   <div class="Image512">
    <div style="margin:0 auto; color:Red; text-align:center;"><input type="checkbox" checked="checked" οnclick="CheckMonsterMap(this)" />显示怪物分布</div>
    <img id="MapImage" src="$map[pic]" border="0" alt="TOM卓越之剑数据库" />
   </div>