var divid = "popupfield";
var NNX;
var NNY;
var d_div;

function init()
{
  dl_init();
}

function dl_init()
{
  dl_popup_init();
  dl_res_init();
}

function dl_popup_init(){
  var b_color="black";           //枠の色
  var g_color="#ffffee";          //背景の色
  var f_size="9";             //文字サイズ
  var f_color="black";           //文字色

  document.write("<div id=\"" + divid + "\" style=\"position:absolute;border:1px solid;padding:5px;");
  document.write("border-color:"+b_color+";font-size:"+f_size+"pt;background-color:"+g_color+";");
  document.write("color:"+f_color+";");
  document.write("display:none\" onClick=\"hide_dl_popup()\"></div>");
}

function dl_res_init(){
  var zipname;
  
  for(zipname in dl_res){
    element = document.getElementById("dl_res_" + zipname);
    element.innerHTML = dl_res[zipname].length;
  }
}

function show_dl_res(str){
  var data = dl_res[str];
  var i;
  var result = new Array();

  for(i in data){
    res_data = data[i].split("<>");
    result[result.length] = "<p>" +
                            "<span class=\"res_num\">"   + res_data[0] + "</span>: " +
                            "<span class=\"res_name\">"  + (res_data[1].match("◆") ? "<b>" + res_data[1]  + "</b>" : res_data[1]) + "</span>" +
                            "<span class=\"res_mail\">[" + res_data[2] + "]</span>"  +
                            "<span class=\"res_date\">"  + res_data[3] + "</span>"   + "<br />" +
                            "<span class=\"res_msg\">"   + res_data[4] + "</span>" +
                            "</p>";
  }
  if(typeof(show_popup) == "function"){
    show_popup(result.join("\n<hr />\n"), -50, -50);
  }else{
    show_dl_popup(result.join("\n<hr />\n"), -50, -50);
  }
}

function show_dl_popup(popup, dx, dy){
  d_div = document.getElementById(divid);

  // IE
  if(document.all){
    rx = event.clientX + document.body.scrollLeft + dx;
    ry = event.clientY + document.body.scrollTop  + dy;
  // その他
  }else{
    rx = NNX + dx;
    ry = NNY + dy;
  }

  if(popup){
    d_div.style.display = "block";
    d_div.style.left = rx + "px";
    d_div.style.top  = ry + "px";
    d_div.innerHTML  = popup;
  }
}

function hide_dl_popup(){
  d_div.style.display="none"; 
  d_div.innerHTML = ""; 
}

function MouseXY(NNevent){
  NNX = NNevent.pageX;
  NNY = NNevent.pageY;
}
window.onmousemove = MouseXY;