var lat_s = 35.65715368614914;
  var lng_s = 139.7324900520812;

  var map;
  var sc=4;

window.onload=function(){
//$('prn_addr').innerHTML = '<font color=red>◇ 処理中です ◇</font>';
  $('prn_addr').innerHTML = '<img src="./gif/wait.gif" border="0">';
  $('prn_addr2').innerHTML = '･････';

  YAHOO.tato.treeIni();

  prn_working();


  $('prn_addr2').innerHTML = 'test1';
  $('prn_addr2').innerHTML = 'test12';
  map = new YahooMapsCtrl('map',lat_s + ', ' + lng_s, sc);
//map = new YahooMapsCtrl("map", "35.40.39.980,139.46.13.730", 2);
  $('prn_addr2').innerHTML = 'test2';
  map.addEvent(YEventType.MAP_MOVING, map_moving_event);
  map.addEvent(YEventType.MAP_MOVED, map_move_event);
  map.addEvent(YEventType.LAYER_CHANGED, layer_changed_event);
  map.setVisibleSliderbar(true);
  $('prn_addr2').innerHTML = 'test3';

  map.addCategory('I1', './gif/I1.gif', {width:18, height:18})
  map.addCategory('I2', './gif/I2.gif', {width:18, height:18})

  put_marker();
  layer_changed_event();
}


function move_right(){
  var   position_lat = Center.lat;
  var   position_lon = Center.lon + 0.01;
  map.moveTo(position_lat + ',' + position_lon);
}

function move_left(){
  var   position_lat = Center.lat;
  var   position_lon = Center.lon - 0.01;
  map.moveTo(position_lat + ',' + position_lon);
}

function move_up(){
  var   position_lat = Center.lat + 0.01;
  var   position_lon = Center.lon;
  map.moveTo(position_lat + ',' + position_lon);
}

function move_down(){
  var   position_lat = Center.lat - 0.01;
  var   position_lon = Center.lon;
  map.moveTo(position_lat + ',' + position_lon);
}

function move_map(lat, lon){
  map.moveTo(lat + ',' + lon);
}

function put_marker(){

  Center = map.getCenter();

  $('prn_center').innerHTML = Center.lat + ',' + Center.lon;
//$('prn_center2').innerHTML = '"' + Center.lon + '"' + ',' + '"' + Center.lat + '"],';

//
// Address取得
//
  var url = "./get_addr.cgi";
  var param = 'lat=' + Center.lat + '&lon=' + Center.lon;
  var req_addr = new Ajax.Request(url, { method: 'get', parameters : param,
                                         onComplete: req_addr_comp,
                                         onFailure: req_addr_failure,
                                         onException: req_addr_exception
                                       });

function req_addr_comp(req_addr){
  $('prn_addr').innerHTML = req_addr.responseText + ' 付近の地図とその周辺のホームページが表示されています。';
  $('prn_addr2').innerHTML = req_addr.responseText;
}

function req_addr_failure(req_addr){
  $('prn_addr').innerHTML = '';
  $('prn_addr2').innerHTML = '･････';
  alert('Addr読み込みに失敗しました');
}

function req_addr_exception(req_addr,err){
  $('prn_addr').innerHTML = '';
  $('prn_addr2').innerHTML = '･････';
  alert('Addr読み込み中にエラーが発生しました。\n'+ err.name + ' : ' + err.message);
}



//
// Websiteのデータ
//
  var url = "./data.cgi";
  var param = 'n=10&lat=' + Center.lat + '&lng=' + Center.lon;
  var req_dt = new Ajax.Request(url, { method: 'get', parameters: param,
                                       onComplete: req_dt_comp,
                                       onFailure: req_dt_failure,
                                       onException: req_dt_exception
                                     });


  function req_dt_comp(req_dt){
//    $('container').innerHTML = req_dt.responseText;   
      var lsts = eval('('+req_dt.responseText+')');

      html = '';
      var j=1;
      map.clearIcon(); // ないと表示が少ないときに残る
      for (var i=0; i<lsts.length; i++) {
        var lst = lsts[i];

        html += j + ' : ' + ' <a href="http://' + lst.url + '" target="_blank">' + lst.name + '</a> <img src="./gif/' + lst.cat + '.gif" width="18" height="18" onMouseOver="open_map_info(' + i + ');" onMouseOut="close_map_info(' + i + ');"></a><br><font color="#009966">http://' + lst.url + '</font><br>'
+ lst.desc + '<br>' + '<table width=100%><tr><td class=dot>&nbsp;</td></tr></table>';

        var popup =
          j + ' : ' + '<a href="http://' + lst.url + '" target="_blank">' + lst.name + '<br>' +
          '<img src="./gif/spacer.gif" height="5" border="0"><br>' +
          '<center><img src="http://img.simpleapi.net/small/http://' + lst.url + '" width="128" height="128" hspace="4" vspace="4" border="0"><br>' +
          lst.url + '<br></center>' +
          '<img src="./gif/spacer.gif" height="7" border="0"><br>' +
          lst.addr + '<br>' +
          '</a>';

        map.addIcon(i, lst.lat + ',' + lst.lng, popup, lst.cat);
        j++;
      }

      if(j == 1){
        html += '地図の中心から4キロメートルの範囲に登録されているウェブサイトはありません。';
      }

      $('prn_hp').innerHTML = html;
  }

  function req_dt_failure(req_dt){
    $('prn_hp').innerHTML = 'エラーのため表示できません。';
    alert('Data読み込みに失敗しました');   
  }

  function req_dt_exception(req_dt,err){
    $('prn_hp').innerHTML = 'エラーのため表示できません。';
    alert('Data読み込み中にエラーが発生しました。\n'+ err.name + ' : ' + err.message);
  }
}

function map_moving_event() {
  prn_working();
}

function map_move_event() {
  put_marker();
}

function layer_changed_event() {
  sc = map.getCurrentLayer();
  if(sc == 1){
    $('prn_layer').innerHTML = '1/1500';
  } else if (sc == 2){
    $('prn_layer').innerHTML = '1/3000';
  } else if (sc == 3){
    $('prn_layer').innerHTML = '1/8000';
  } else if (sc == 4){
    $('prn_layer').innerHTML = '1/21000';
  } else if (sc == 5){
    $('prn_layer').innerHTML = '1/75000';
  } else if (sc == 6){
    $('prn_layer').innerHTML = '1/15万';
  } else if (sc == 7){
    $('prn_layer').innerHTML = '1/30万';
  } else if (sc == 8){
    $('prn_layer').innerHTML = '1/90万';
  } else if (sc == 9){
    $('prn_layer').innerHTML = '1/150万';
  } else if (sc == 10){
    $('prn_layer').innerHTML = '1/780万';
  } else {
    $('prn_layer').innerHTML = '';
  }

}

function prn_working(){
//$('prn_addr').innerHTML = '<font color=red>◇ 処理中です ◇</font>';
  $('prn_addr').innerHTML = '<img src="./gif/wait.gif" border="0">';
  $('prn_addr2').innerHTML = '･････';
  $('prn_hp').innerHTML = '<center><br><br><br><br><img src="./gif/search.gif" border="0"></center>';
}

function open_map_info(id){
  map.openPopup(id);
}

function close_map_info(id){
  map.closePopup(id);
}