function initRequest(_url) {
          var request = null;
          if (window.XMLHttpRequest) {
              request = new XMLHttpRequest();
          } else if (window.ActiveXObject) {
             request = new ActiveXObject("Microsoft.XMLHTTP");
          }else{
             request = new ActiveXObject("Msxml2.XMLHTTP");
          }
          if (request == null) {
            alert("Error creating request object!");
          } else {
            return request;
          }
    }
    function sendRequestTopMRanking(_url,_req){
         _req.open("GET", _url, true);
         _req.onreadystatechange = function(){
            if (_req.readyState == 4) {
                if (_req.status == 200) {

                    listXMLTopMRanking(_req);
                } else if (req.status == 204){
                    alert("204");
                }
            }
         }
         _req.send(null);
     }
    function sendRequestTopARanking(_url,_req){
         _req.open("GET", _url, true);
         _req.onreadystatechange = function(){
            if (_req.readyState == 4) {
                if (_req.status == 200) {

                    listXMLTopARanking(_req);
                } else if (req.status == 204){
                    alert("204");
                }
            }
         }
         _req.send(null);
     }
    function listXMLTopMRanking(req){
        var _xml = req.responseXML;
        var _no = _xml.getElementsByTagName("idx");
        var _subject = _xml.getElementsByTagName("subject");
        var _goodsid = _xml.getElementsByTagName("goodsid");
        var _artistname = _xml.getElementsByTagName("artistname");
        var _artistid = _xml.getElementsByTagName("artistid");
        var _amount = _xml.getElementsByTagName("amount");
        var _mfilepath = _xml.getElementsByTagName("mfilepath");
        var _date = _xml.getElementsByTagName("date");
        var _genreType = _xml.getElementsByTagName("genreType");
        var _mdlListenFlag= _xml.getElementsByTagName("listenflag");

        var _imggoodsid = _xml.getElementsByTagName("imggoodsid");
        var _imgpath = _xml.getElementsByTagName("imgpath");
        var _imgfilename = _xml.getElementsByTagName("imgfilename");


        var html = "";

        html = "<div class='mdl-rank_box'>"
        for(var i=0;i<_no.length;i++)
         {

            if(i==5){
                html += "</div>"
                html += "<div class='mdl-rank_box'>"
            }
             html += "<p><span class='mdl-rank_n'>"+_no[i].firstChild.nodeValue+"</span><a href='trackInfoView.do?mdlGoodsId="+_goodsid[i].firstChild.nodeValue+"'>"+_subject[i].firstChild.nodeValue+"</a></p>"
             html += "<ul class='mdl-clearfix'>"
                 html += "<li class='mdl-name'><a href='artistInfoView.do?mdlArtistId="+_artistid[i].firstChild.nodeValue+"'>"+_artistname[i].firstChild.nodeValue+"</a></li>"

                 if(_mdlListenFlag[i].firstChild.nodeValue  == "1"){
                     if (_mfilepath[i].firstChild.nodeValue != "" && _mfilepath[i].firstChild.nodeValue != null) {
                         html += "<li class='mdl-vol'>"
                         html += "<a href='"+_mfilepath[i].firstChild.nodeValue+"' target='_blank'></a>";
                         html += "</li>"
                     }
                 }else{
                      html += "<li class='mdl-price'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>"
                 }
                 html += "<li class='mdl-price'>&yen;"+_amount[i].firstChild.nodeValue+"</li>"
             html += "</ul>"

         }
         html += "</div>"

         if(_genreType.length>0){
             html += "<ul class='mdl-all clearfix'>";
             html += "<li class='mdl-view'><a href='trackRankingList.do?mdlGenreType="+_genreType[0].firstChild.nodeValue+"' >すべてを見る</a></li>";
             html += "</ul>";
         }


         html += "<div class='mdl-alubm_ph'><ul>";
         for(var i=0;i<_imggoodsid.length;i++){
            html += "<li><a href='trackInfoView.do?mdlGoodsId="+_imggoodsid[i].firstChild.nodeValue+"'>";
            html += "<img src='" + _imgpath[i].firstChild.nodeValue + "/" + _imgfilename[i].firstChild.nodeValue + "' width='96' height='96' border='0' /></a></li>";
         }
         html += "</ul></div>"


        mdlTopMRankBox.innerHTML = html;
    }
    function listXMLTopARanking(req){
        var _xml = req.responseXML;
        var _no = _xml.getElementsByTagName("idx");
        var _subject = _xml.getElementsByTagName("subject");
        var _goodsid = _xml.getElementsByTagName("goodsid");
        var _artistname = _xml.getElementsByTagName("artistname");
        var _artistid = _xml.getElementsByTagName("artistid");
        var _amount = _xml.getElementsByTagName("amount");
        var _date = _xml.getElementsByTagName("date");
        var _currentPage = _xml.getElementsByTagName("currentPage");
        var _genreType = _xml.getElementsByTagName("genreType");

        var _imggoodsid = _xml.getElementsByTagName("imggoodsid");
        var _imgpath = _xml.getElementsByTagName("imgpath");
        var _imgfilename = _xml.getElementsByTagName("imgfilename");



        var html = "";
        html = "<div class='mdl-rank_box'>"
        for(var i=0;i<_no.length;i++)
         {

            if(i==5){
                html += "</div>"
                html += "<div class='mdl-rank_box'>"
            }
             html += "<p><span class='mdl-rank_n'>"+_no[i].firstChild.nodeValue+"</span><a href='albumInfoView.do?mdlGoodsId="+_goodsid[i].firstChild.nodeValue+"'>"+_subject[i].firstChild.nodeValue+"</a></p>"
             html += "<ul class='mdl-clearfix'>"
                 html += "<li class='mdl-name'><a href='artistInfoView.do?mdlArtistId="+_artistid[i].firstChild.nodeValue+"'>"+_artistname[i].firstChild.nodeValue+"</a></li>"
                 html += "<li class='mdl-go'><a href='albumInfoView.do?mdlGoodsId="+_goodsid[i].firstChild.nodeValue+"'></a></li>"
             html += "</ul>"

         }
         html += "</div>"
         if(_genreType.length>0){
             html += "<ul class='mdl-all clearfix'>";
             html += "<li class='mdl-view'><a href='albumRankingList.do?mdlGenreType="+_genreType[0].firstChild.nodeValue+"'>すべてを見る</a></li>";
             html += "</ul>";
         }


         html += "<div class='mdl-alubm_ph'><ul>";
         for(var i=0;i<_imggoodsid.length;i++){
            html += "<li><a href='albumInfoView.do?mdlGoodsId="+_imggoodsid[i].firstChild.nodeValue+"'>";
            html += "<img src='" + _imgpath[i].firstChild.nodeValue + "/" + _imgfilename[i].firstChild.nodeValue + "' width='96' height='96' border='0' /></a></li>";
         }
         html += "</ul></div>"

        mdlTopARankBox.innerHTML = html;
    }
    function getTopMRanking(url,gtyp,typ){
        var tUrl=url+"?mGenreType="+gtyp+"&mType="+typ;
        var req = initRequest(tUrl);
        sendRequestTopMRanking(tUrl,req);
    }

    function getTopARanking(url,gtyp,typ){
        var tUrl=url+"?mGenreType="+gtyp+"&mType="+typ;
        var req = initRequest(tUrl);
        sendRequestTopARanking(tUrl,req);
    }

    function getTrackRanking(url, genreType){
        var tUrl=url+"?mdlGenreType=" + genreType;
        var req = initRequest(tUrl);
        sendRequestNaviTrack(tUrl,req);
    }

    function getAlbumRanking(url, genreType){
        var tUrl=url+"?mdlGenreType=" + genreType;
        var req = initRequest(tUrl);
        sendRequestNaviAlbum(tUrl,req);
    }


    function sendRequestNaviTrack(_url,_req){
         _req.open("GET", _url, true);
         _req.onreadystatechange = function(){
            if (_req.readyState == 4) {
                if (_req.status == 200) {

                    listXMLNaviTrack(_req);
                } else if (req.status == 204){
                    alert("204");
                }
            }
         }
         _req.send(null);
     }

     function listXMLNaviTrack(req){

        var _xml = req.responseXML;
        var _no = _xml.getElementsByTagName("idx");
        var _goods = _xml.getElementsByTagName("goods");
        var _goodsId = _xml.getElementsByTagName("goodsid");
        var _artist = _xml.getElementsByTagName("artist");
        var _artistId = _xml.getElementsByTagName("artistid");
        var _testFilePath = _xml.getElementsByTagName("testfilepath");
        var _genreType = _xml.getElementsByTagName("genreType");

        var html = "";
        for(var i=0;i<_no.length;i++)
         {

             html += "<p><span class='mdl-rank_n'>"+_no[i].firstChild.nodeValue+"</span><a href='trackInfoView.do?mdlGoodsId="
                     +_goodsId[i].firstChild.nodeValue+"'>"+_goods[i].firstChild.nodeValue+"</a></p>"
             html += "<ul class='mdl-clearfix'>"
                 html += "<li class='mdl-name'><a href='artistInfoView.do?mdlArtistId="+_artistId[i].firstChild.nodeValue+"'>"
                      +_artist[i].firstChild.nodeValue+"</a></li>"
                 if (_testFilePath[i].firstChild.nodeValue != "" && _testFilePath[i].firstChild.nodeValue != null) {
                   html += "<li class='mdl-vol'><a href='"+_testFilePath[i].firstChild.nodeValue+"' target='_blank'>試聴する</a></li>"
                 }
             html += "</ul>"

         }
         if(_genreType.length>0){
             html += "<ul class='mdl-all clearfix'>";
             html += "<li class='mdl-view'><a href='trackRankingList.do?mdlGenreType="+_genreType[0].firstChild.nodeValue+"' >すべてを見る</a></li>";
             html += "</ul>";
         }
        mdlNaviTrackRankBox.innerHTML = html;
    }

    function sendRequestNaviAlbum(_url,_req){
         _req.open("GET", _url, true);
         _req.onreadystatechange = function(){
            if (_req.readyState == 4) {
                if (_req.status == 200) {

                    listXMLNaviAlbum(_req);
                } else if (req.status == 204){
                    alert("204");
                }
            }
         }
         _req.send(null);
     }

     function listXMLNaviAlbum(req){

        var _xml = req.responseXML;
        var _no = _xml.getElementsByTagName("idx");
        var _goods = _xml.getElementsByTagName("goods");
        var _goodsId = _xml.getElementsByTagName("goodsid");
        var _artist = _xml.getElementsByTagName("artist");
        var _artistId = _xml.getElementsByTagName("artistid");
        var _genreType = _xml.getElementsByTagName("genreType");

        var html = "";
        for(var i=0;i<_no.length;i++)
         {

             html += "<p><span class='mdl-rank_n'>"+_no[i].firstChild.nodeValue+"</span><a href='albumInfoView.do?mdlGoodsId="
                     +_goodsId[i].firstChild.nodeValue+"'>"+_goods[i].firstChild.nodeValue+"</a></p>"
             html += "<ul class='mdl-clearfix'>"
                 html += "<li class='mdl-name'><a href='artistInfoView.do?mdlArtistId="+_artistId[i].firstChild.nodeValue+"'>"
                      +_artist[i].firstChild.nodeValue+"</a></li>"
                 html += "<li class='mdl-go'><a href='albumInfoView.do?mdlGoodsId="+_goodsId[i].firstChild.nodeValue+"'>試聴する</a></li>"
             html += "</ul>"

         }
         if(_genreType.length>0){
             html += "<ul class='mdl-all clearfix'>";
             html += "<li class='mdl-view'><a href='albumRankingList.do?mdlGenreType="+_genreType[0].firstChild.nodeValue+"'>すべてを見る</a></li>";
             html += "</ul>";
         }
        mdlNaviAlbumRankBox.innerHTML = html;
    }