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>