var escapeHtml = function(str) {
	str = str.replace(/&/g, "&");
	str = str.replace(/</g, "&lt;");
	str = str.replace(/>/g, "&gt;");
	str = str.replace(/"/g, "&quot;");
	str = str.replace(/'/g, "&#39;");
	return str;
};

var render = function() {
	var outputHtml = "";

	/*ヘッダ*/
	outputHtml += '<dl id="pay-ranking">';
	outputHtml += '<dt><a href="' + mag_ranking_page + '"><img title="' + mag_ranking_title + '" alt="' + mag_ranking_title + '" src="' + mag_ranking_image + '" /></a></dt>';
	outputHtml += '<dd>';
	outputHtml += '<ol>';
	/*ループ*/
	for(var i = 0; i < limit; ++i){
		var data = mag_ranking_data[i];
		if(data == void(0))break;
		outputHtml += '<li class="no' + ("0" + data.rank).slice(-2) + '">';
		outputHtml += '<a href="' + data.url + '">' + escapeHtml(data.title) + '</a>';
		outputHtml += '</li>';
	}
	/*フッタ*/
	outputHtml += '</ol>';
	outputHtml += '</dd>';
	outputHtml += '<dd><a href="http://www.mag2.com/ranking/?charge"><img alt="その他、ランキングはこちら" src="http://www.mag2.com/img/payrank-other.png" /></a></dd>';
	outputHtml += '</dl>';

	/*出力*/
	document.write(outputHtml);
};

if(mag_ranking_data){
	render();
}