function swp() { 
  var p = arguments[0] || null;
  var d = document.getElementById("clickable");
  if(p){
    d.src = "/blog/images/"+p+".gif";
  } else {
    d.src = "/blog/images/japan.gif";
  }
} 


var str = "";
str +='<map name="areajapan">'+"\n";
str += '<area href="/blog/cat1/" onMouseOver="swp(\'a\');" onMouseOut="swp();" shape="rect" coords="150,2, 200,90">'+"\n"; //北海道
str += '<area href="/blog/cat2/"  onMouseOver="swp(\'b\');" onMouseOut="swp();" shape="poly" coords="150,95, 150,125, 165,125, 165,167, 190,167, 190,95">'+"\n"; // 関東甲信越
str += '<area href="/blog/cat3/"  onMouseOver="swp(\'c\');" onMouseOut="swp();" shape="poly" coords="113,100, 113,113, 135,113, 135,160, 160,160, 160,130, 143,130, 143,100">'+"\n"; // 静岡中部北陸
str += '<area href="/blog/cat4/"  onMouseOver="swp(\'d\');" onMouseOut="swp();" shape="poly" coords="102,120, 102,150, 112,150, 112,180, 130,180, 130,120">'+"\n"; // 近畿
str += '<area href="/blog/cat5/"  onMouseOver="swp(\'e\');" onMouseOut="swp();" shape="rect" coords="65,120, 92,150">'+"\n"; //中国四国
str += '<area href="/blog/cat5/"  onMouseOver="swp(\'e\');" onMouseOut="swp();" shape="rect" coords="65,160, 100,180">'+"\n"; //中国四国
str += '<area href="/blog/cat6/"  onMouseOver="swp(\'f\');" onMouseOut="swp();" shape="poly" coords="20,130, 20,160, 30,160, 30,180, 55,180, 55,130">'+"\n"; //九州沖縄
str += '<area href="/blog/cat6/"  onMouseOver="swp(\'f\');" onMouseOut="swp();" shape="rect" coords="20,173, 26,183">'+"\n"; //九州沖縄
str += '</map>'+"\n";

document.write(str);