/*↓楽天商品ランキングAPI↓*/
var pagenam = 1;

function itemDisp() {
  var kuhakulot ="                  ";
  state.innerHTML = kuhakulot + kuhakulot + kuhakulot + "<img src= '../media/ajax-loader.gif' alt=''/>";


  var url = "../lib/Itemranking.php";

  
var paramList = "&genreId=206075";//pspその他のランキング
  


/*prototype.jsではこう描いてた。
あと下の、var response = data.responseXML.getElementsByTagName('Response');
もこう書く。

  new Ajax.Request(url,
    {
      method: 'get',
      onSuccess: getData,
      onFailure: showErrMsg,
      parameters: "&imageFlag=1"
  });

*/


/*↓ajaxでのphp経由のURIのxmlの呼び出し↓*/
 $.get(url, paramList, function(date) {

getData(date);


});



  function getData(data){
    var response = data.getElementsByTagName('Response');
    
    var status = getValue(response[0], 'Status');
    

    if(!(status == "Success")){
      state.innerHTML = "データが見つかりませんでした。";
      return;
    }
    
    var item = response[0].getElementsByTagName('Item');
    
    var tmpHtml = "";

    for(i = 0; i < item.length; i++){
      //値を取得
      var rankValue = getValue(item[i], 'rank');
      var itemNameValue = getValue(item[i], 'itemName');
      var itemPriceValue = getValue(item[i], 'itemPrice');
      var affiliateUrlValue = getValue(item[i], 'affiliateUrl');
      var mediumImageUrlValue = getValue(item[i], 'mediumImageUrl');
      var itemCaptionValue = getValue(item[i], 'itemCaption');
      var reviewCountValue = getValue(item[i], 'reviewCount');

      //HTML作成
      tmpHtml += "<p>";

      tmpHtml += "<span id='rankno'>" + "No" + rankValue + "<br />" + "<br />" + "</span>";

      tmpHtml += "<a href='" + affiliateUrlValue + "'>";
      tmpHtml += itemNameValue + "</a>";
      tmpHtml += "<br />";

      tmpHtml += "<b>" + itemPriceValue + "円</b>";
      tmpHtml += "<br />";

      tmpHtml += "<a href='" + affiliateUrlValue + "'>";
      tmpHtml += "<img src='"+ mediumImageUrlValue + "'>";
      tmpHtml += "</a>";
      tmpHtml += "<br />";

      if(itemCaptionValue.length >= 200){
        tmpHtml += itemCaptionValue.substring(0, 200);
        tmpHtml += "<br />";
      }else{
        tmpHtml += itemCaptionValue;
        tmpHtml += "<br />";
      }


      tmpHtml += "<br />" + "レビュー数" + reviewCountValue;
      tmpHtml += "</p>";
      tmpHtml += "<hr />";

    }


      var Body = response[0].getElementsByTagName('Body');
      var titleValue = getValue(Body[0], 'title');
      var lastBuildDateValue = getValue(Body[0], 'lastBuildDate');
//小さい画像のロード
   var tmpurl = "../media/simasima.gif";
    var tmpmoji = "<img src= '" + tmpurl + "'alt=''/>";
      
      
      

    //王冠画像のロード
var oukan ="<img src='../media/oukan.gif' alt=''/>";

    //結果を表示
    result.innerHTML = "最終更新時間" + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + lastBuildDateValue + "<br />" + oukan + tmpHtml;
    //最新ニュースの周りの枠のcss
//二重カッコ'" + + "'の中は変数じゃないとダメなので気をつける、が、''にしたら文字列でok
    var titlecss = "<div id= 'titlecss'>";
    var kuhaku = "&nbsp;&nbsp;";

state.innerHTML = titlecss + tmpmoji + kuhaku + " PSP関連売れ筋ランキング&nbsp;&nbsp;&nbsp;PSPその他 ランキング<br />" + "</div>";




}

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

}


function test(){
pagenam += 1;
itemDisp() ;

}

function test2(){
pagenam -= 1;
itemDisp() ;

}

function test3(){
pagenam = 1;
itemDisp() ;

}