// JavaScript Document

onload = init;
var pickup;
var ind_pref;

function init() {
  ind_pref = $('ind_pref');
  pick_up = $('pick');
  set_pick_up();
}

function set_pick_up() {
  var url = "php/pick_data_kari.php";
  var paramList = "";
  new Ajax.Request(url,
	{
      method: 'get',
      onComplete: getData,
      onFailure: showErrMsg,
      parameters: paramList
  });

  function getData(data){

	var response = data.responseXML.getElementsByTagName('pickup');

	var item = response[0].getElementsByTagName('Gpoint');
    var tmpHtml="";
    for(i = 0; i < item.length; i++){
		var id = item[i].getAttribute("ID");
		var name = item[i].getAttribute("Name1");
		var cont = item[i].getAttribute("apeal");
		if(cont.length>20){
			cont=cont.substr(0,20)+"....";	
		}
		var photo =item[i].getAttribute("img_num");
		var p_count = item[i].getAttribute("img_count");
		if(p_count>1){
			photo=photo+"-1";
		}
//      var prefCd = item[i].getElementsByTagName('PREF_CD');
//      var prefCdValue = prefCd[0].firstChild.nodeValue;

	 alink = "<a href='map/data/pick_up.xml#"+id+"'>";

      tmpHtml += "<div class='item'><div class='photo'>"+alink+"<img src='map/photos/"+photo+".jpg' width='73'></a></div>"
	  tmpHtml += "<div class='r_box'>\n";
	  tmpHtml += "<div class='pick_name'>"+alink+name+"</a></div>\n";
      tmpHtml += "<div class='pick_cont'>"+cont+"</div>\n";
	  tmpHtml += "</div>\n";
	  tmpHtml += "</div>\n";
	  tmpHtml += "<div class='border'><img src='image/border.gif' width='200' height='1'></div>\n";
	  
    }
    pick_up.innerHTML = tmpHtml;
  }

  function showErrMsg(){
    confirm("error");
  }

}