var baseUrl = 'http://msec.imatrix.co.jp/msecif';var baseImg = baseUrl + '/images';var ranking_json = null;var ranking_length= 0;function init(id){var url = baseUrl + '/ranking.json';var error = 0;ranking_json = load(url, ranking_json);wait('ranking.items', function(){start(id);}, error);}function start(id){ranking = ranking.items;ranking_length = ranking.length;createview(id);setTimeout('ondraw();', 100);}var graph_image;var graph_value;var graph_limit;var average;function createview(id){var view = document.getElementById(id);var table = document.createElement('table');table.style.width= '312px';table.bgColor= '#a8a8a8';table.cellSpacing= '1';table.cellPadding= '1';var row;var cell;graph_image = new Array(ranking_length);graph_cell  = new Array(ranking_length);graph_value = new Array(ranking_length);graph_limit = new Array(ranking_length);average     = new Array(ranking_length);for( var i = 0 ; i < ranking_length ; i++){row = table.insertRow(i);cell= row.insertCell(0);cell.bgColor= 'white';font= document.createElement('font');font.style.color= '#003063';font.style.fontSize= '7pt';font.appendChild(document.createTextNode(ranking[i].country));cell.appendChild(font);cell= row.insertCell(1);cell.width= '200px';cell.bgColor= 'white';var grid= document.createElement('table');grid.bgColor= 'white';grid.cellSpacing= '0';grid.cellPadding= '0';grid.style.width= '120px';cell.appendChild(grid);row  = grid.insertRow(0);cell = row.insertCell(0);graph_value[i]= 0;graph_limit[i]= ranking[i].average;graph_image[i]= document.createElement('img');graph_image[i].src= baseImg + '/graph.png';graph_image[i].style.border= '0px';graph_image[i].width= '0';graph_image[i].height= '11';graph_cell[i]= cell;graph_cell[i].style.width= '0';cell.appendChild(graph_image[i]);cell= row.insertCell(1);average[i]= document.createElement('div');average[i].align= 'left';average[i].style.fontSize= '7pt';average[i].style.color= '#003063';cell.appendChild(average[i]);}view.appendChild(table);}function ondraw(){var stopped = true;for( var i = 0 ; i < ranking_length ; i++){if(graph_value[i] < graph_limit[i]){graph_value[i]++;graph_image[i].width = (graph_value[i] * 2);graph_cell[i].style.width = (graph_value[i] * 2);average[i].innerHTML = '&nbsp;(' + graph_value[i] + '%)';stopped = false;}}if(!stopped){setTimeout('ondraw();', 100);}}