<style type="text/css">
.aaa {
 width:990;
 height:200;
 background-image:url('http://testingv.org/map/resource/images/main_img.gif');
}
.button {
 font:normal 12px Arial;
 /*font-style: Arial;
 font-size: 12px;
 font-family: "Arial";*/
 color: white;

 width: 25;
 height: 18;
 border:1px solid white; /*#000000;*/
 background-color: #1e1e1e;
 filter:alpha(opacity=50); opacity:0.3; -moz-opacity:0.3;

 /*background-image:url("./resource/images/top_menu/bg01.gif");*/
 /*border-bottom-color: black;*/
 /*border-bottom-width: 1px solid #005289;*/
 /*line-height: 25 px;*/
 /*visibility: hidden;*/
}

</style>

 <div id='B_table' class="aaa" > <!-- 전체 -->
  <div style="height:170;"></div> <!-- 상단 -->
  <div style="width:10;  float:left">&nbsp;</div> <!-- 하단 좌측 -->
    <input class="button" type="button" onclick="change_bg(this.value)" value="1">
    <input class="button" type="button" onclick="change_bg(this.value)" value="2">
    
    <!--<input class="button" type="button" onclick="change_bg(this.value)" value="3">
    <input class="button" type="button" onclick="change_bg(this.value)" value="4"> -->
 </div>

<script LANGUAGE="Javascript">

 function change_bg(value){
  //alert("firefox");
  switch(value){
   case "1":
    B_table.innerHTML='<div style="width:100%;height:100%;background-image:url(\'http://testingv.org/map/resource/images/main_img.gif\');"><div style="height:170;"></div><div style="width:10;  float:left">&nbsp;</div> <input class="button" type="button" onclick="change_bg(this.value)" value=\"1\"> <input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"2\"> <!--<input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"3\"> <input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"4\"></div>-->';
   break;

   case "2":
    B_table.innerHTML='<div style="width:100%;height:100%;background-image:url(\'http://testingv.org/map/resource/images/main_img_event.gif\');"><div style="height:170;"></div><div style="width:10;  float:left">&nbsp;</div> <input class="button" type="button" onclick="change_bg(this.value)" value=\"1\"> <input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"2\"> <!--<input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"3\"> <input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"4\"></div>-->';
   break;

   case "3":
    B_table.innerHTML='<div style="width:100%;height:100%;background-image:url(\'http://i.photo.empas.com/ybs0826/ybs0826_44/sp/1035/(4).jpg\');"><div style="height:170;"></div><div style="width:10;  float:left">&nbsp;</div> <input class="button" type="button" onclick="change_bg(this.value)" value=\"1\"> <input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"2\"> <!--<input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"3\"> <input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"4\"></div>-->';
    //B_table.style.background-image = url('');
   break;

   case "4":
    B_table.innerHTML='<div style="width:100%;height:100%;background-image:url(\'http://i.photo.empas.com/ybs0826/ybs0826_44/sp/1032/(1).jpg\');"><div style="height:170;"></div><div style="width:10;  float:left">&nbsp;</div> <input class="button" type="button" onclick="change_bg(this.value)" value=\"1\"> <input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"2\"> <!--<input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"3\"> <input class=\"button\" type=\"button\" onclick=\"change_bg(this.value)\" value=\"4\"></div>-->';
    //B_table.style.background-image = url('');
   break;
  }
 }

</script>