text: 
  $(document).ready(function() {
  
      // set the googlemap width and height to match the img size
      $("#googlemap").css({"width":$("#googlemap img").width(),
                        "height":$("#googlemap img").height()
      })
  
      //tipbox direction
      var tipboxColor;
  
      for (i=0; i<$(".pin").length; i++) {
  
          // set tipbox direction type - up or down
          if ($(".pin").eq(i).hasClass("pin-down")) {
              tipboxColor = "migo";
          } else {
              tipboxColor = "miga";
            }
  
          // append the tipbox
          $("#googlemap").append("<div style='left:" + $(".pin").eq(i).data('xpos')+"px;top:" + $(".pin").eq(i).data('ypos') + "px' class='" + tipboxColor +"'>\
                                              <div class='tipbox'>" + $(".pin").eq(i).html() + "</div>\
                                              </div>");
          }
  
  
      // show/hide the tipbox
      $('.miga, .migo').mouseenter(function(){
                  $(this).children('.tipbox').fadeIn(100);
              }).mouseleave(function(){
                  $(this).children('.tipbox').fadeOut(100);
              })
  
  
  
  });
  
      function mOver(obj) {
        obj.innerHTML = "Thank You for visiting"
  
      }
  
      function mOut(obj) {
        obj.innerHTML = "ありがとうございます!"
      }
  