onload = init;
var state;
var result;

function init() {
if($("btnData11")){$("btnData11").onclick = function(){prefDisp(this.alt)};}
if($("btnData12")){$("btnData12").onclick = function(){prefDisp(this.alt)};}
if($("btnData13")){$("btnData13").onclick = function(){prefDisp(this.alt)};}
if($("btnData14")){$("btnData14").onclick = function(){prefDisp(this.alt)};}
if($("btnData15")){$("btnData15").onclick = function(){prefDisp(this.alt)};}
if($("btnData16")){$("btnData16").onclick = function(){prefDisp(this.alt)};}
if($("btnData21")){$("btnData21").onclick = function(){prefDisp(this.alt)};}
if($("btnData22")){$("btnData22").onclick = function(){prefDisp(this.alt)};}
if($("btnData23")){$("btnData23").onclick = function(){prefDisp(this.alt)};}
if($("btnData24")){$("btnData24").onclick = function(){prefDisp(this.alt)};}
if($("btnData25")){$("btnData25").onclick = function(){prefDisp(this.alt)};}
if($("btnData26")){$("btnData26").onclick = function(){prefDisp(this.alt)};}
if($("btnData31")){$("btnData31").onclick = function(){prefDisp(this.alt)};}
if($("btnData32")){$("btnData32").onclick = function(){prefDisp(this.alt)};}
if($("btnData33")){$("btnData33").onclick = function(){prefDisp(this.alt)};}
if($("btnData34")){$("btnData34").onclick = function(){prefDisp(this.alt)};}
if($("btnData35")){$("btnData35").onclick = function(){prefDisp(this.alt)};}
if($("btnData36")){$("btnData36").onclick = function(){prefDisp(this.alt)};}
if($("btnData41")){$("btnData41").onclick = function(){prefDisp(this.alt)};}
if($("btnData42")){$("btnData42").onclick = function(){prefDisp(this.alt)};}
if($("btnData43")){$("btnData43").onclick = function(){prefDisp(this.alt)};}
if($("btnData44")){$("btnData44").onclick = function(){prefDisp(this.alt)};}
if($("btnData45")){$("btnData45").onclick = function(){prefDisp(this.alt)};}
if($("btnData46")){$("btnData46").onclick = function(){prefDisp(this.alt)};}
if($("btnData51")){$("btnData51").onclick = function(){prefDisp(this.alt)};}
if($("btnData52")){$("btnData52").onclick = function(){prefDisp(this.alt)};}
if($("btnData53")){$("btnData53").onclick = function(){prefDisp(this.alt)};}
if($("btnData54")){$("btnData54").onclick = function(){prefDisp(this.alt)};}
if($("btnData55")){$("btnData55").onclick = function(){prefDisp(this.alt)};}
if($("btnData56")){$("btnData56").onclick = function(){prefDisp(this.alt)};}
if($("btnData61")){$("btnData61").onclick = function(){prefDisp(this.alt)};}
if($("btnData62")){$("btnData62").onclick = function(){prefDisp(this.alt)};}
if($("btnData63")){$("btnData63").onclick = function(){prefDisp(this.alt)};}
if($("btnData64")){$("btnData64").onclick = function(){prefDisp(this.alt)};}
if($("btnData65")){$("btnData65").onclick = function(){prefDisp(this.alt)};}
if($("btnData66")){$("btnData66").onclick = function(){prefDisp(this.alt)};}
$("btnClear").onclick = clearDisp;

  state = $('state');
  result = $('result');
}

function prefDisp(id) {
  state.innerHTML = "処理中です・・・<br />\n";
  var url = "newgoods.xml?category_article_porn=" + id ;
  var paramList = "";

  new Ajax.Request(url,
   {
      method: 'get',
      onSuccess: getData,
      onFailure: showErrMsg,
      parameters: paramList
  }
);

  function getData(data){
    var response = data.responseXML.getElementsByTagName('Response');

    var item = response[0].getElementsByTagName('Item');
    var tmpHtml="";

      var prefCd = item[0].getElementsByTagName('PREF_CD');
      var prefCdValue = prefCd[0].firstChild.nodeValue;

      var prefName = item[0].getElementsByTagName('PREF_title');
      var prefNameValue = prefName[0].firstChild.nodeValue;

      var prefName2 = item[0].getElementsByTagName('PREF_summary');
      var prefNameValue2 = prefName2[0].firstChild.nodeValue;

      var prefName3 = item[0].getElementsByTagName('PREF_thumbs_nail');
      var prefNameValue3 = prefName3[0].firstChild.nodeValue;

      var prefName4 = item[0].getElementsByTagName('PREF_url');
      var prefNameValue4 = prefName4[0].firstChild.nodeValue;

      var prefName5 = item[0].getElementsByTagName('PREF_category');
      var prefNameValue5 = prefName5[0].firstChild.nodeValue;


tmpHtml += "<div id=\"newgoods04\"><!-- newgoods04ここから -->";
tmpHtml += "<div class=\"newgoods04\"><!-- IＴ関連ここから -->";

tmpHtml += "<h3 class=\"newgoods_title01\">" + prefNameValue5 +"<\/h3>";

tmpHtml += "<div class=\"newgoods04_sub\">";



tmpHtml += " <dl>";


tmpHtml += "<dt class=\"newgoods_pic04\"><img src=\"\/files\/general\/" + prefNameValue3 + "\"" + "width=\"94\" height=\"71\"  \/><\/dt>";

tmpHtml += "<dd class=\"newgoods_txt04_1\">" +  prefNameValue +  "<\/dd>";


tmpHtml += "<dd class=\"newgoods_txt04_2\">"+ prefNameValue2  + "<a href= \"" + prefNameValue4 + " \">【この商品を詳しく見る】<\/a><\/dd>";


tmpHtml += "<\/dl>";


tmpHtml += "<\/div>";
tmpHtml += "<!-- \/段落-->"
tmpHtml += "<\/div><!-- \/IＴ関連ここまで -->";
tmpHtml += "<\/div>";
tmpHtml += "<\/div>";

    result.innerHTML = tmpHtml;
    state.innerHTML = "データを取得しました。<br />\n";

  }

  function showErrMsg(){
    clearDisp();
    state.innerHTML = "データを取得できませんでした。<br />\n";
  }

}

function clearDisp() {
  state.innerHTML = "";
  result.innerHTML = "";
}