// jQuery AccessRanking show list from json Google analytics data.

$(document).ready(function(){
var uri = 'http://www.medical-support.info/renewal/accessranking.json';
  var base_uri = 'http://www.medical-support.info/renewal';
     var list = '<h3><img src="./img/box-title-ranking.gif" alt="閲覧ページランキング" width="87" height="30" align="left"/><img src="./img/box-sub-ranking.gif" width="93" height="30" align="right" /></h3>';
    list += '<ul>';

        $.getJSON(uri, function(data){
         var a = data;
          var c = 1;
             for (i=0; i<a.length; i++) {
                   var title = a[i]['dxp:dimension']['ga:pageTitle'].value;
                           title = title.substr(0,10);
                    title += '...';
                    var url = a[i]['dxp:dimension']['ga:pagePath'].value;
                  list += '<li id="rank'+c+'"><a href="'+url+'\">'+title+'</a></li>';
                 c++;
           }
              list += '</ul>';
               $("div.accessranking").empty().html(list);
     });
    return false;
});

/*--
HTML: blow the code into widget
<div class="widget-ranking-entries widget-archives widget">
   <div class="widget-content accessranking">
   </div>
</div>


CSS: customize your favorite design
ul.rk_list {
list-style-image: none;
list-style-position: outside;
  list-style-type: none; }

li.rk_item {
   margin: 0;
     padding: 0; }

footerJS: below the code into after </body>
<script type="text/javascript" src="http://www.medical-support.info/js/accessranking.js"></script>

--*/