var HEADER_IMG_URI=getContextUri()+"/img/ranking/access-ranking.gif";
var RANK_IMG_URI_PREFIX=getContextUri()+"/img/ranking/ranking-";
var RANK_IMG_URI_SUFFIX=".gif";
//var LINK_URI = getContextUri()+"/bn/Browse.do?m=";

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(cat1name, ranking, limit) {
	document.writeln('<h3><img src="' + HEADER_IMG_URI + '" width="202" height="35" alt="デイリーアクセスランキング" title="デイリーアクセスランキング" /></h3>');
	document.writeln('<div id="ranking">');
	document.writeln('<div class="for-style">');
	document.writeln('<h4>' + cat1name + 'カテゴリ</h4>');
	document.writeln('</div>');
	document.writeln('<div class="judy-mary">');
	document.writeln('<span class="judy">&nbsp;</span>');
	document.writeln('<span class="mary">&nbsp;</span>');
	document.writeln('<ul class="stripe">');
	for (var i = 0; i < limit; i += 1) {
		var data = ranking[i];
		if (!data) { break; }
		var rank = i + 1;
		//		var link = LINK_URI + data.magid;
		var link = data.bnUri;
		if (rank %2) {
			document.writeln('<li class="evenline"><img src="' + RANK_IMG_URI_PREFIX + rank + RANK_IMG_URI_SUFFIX + '" width="25" height="25" alt="' + rank + '" title="' + rank + '" /><a href="' + link + '">' + escapeHtml(data.title) + '</a></li>');
		}
		else {
			document.writeln('<li class="oddline"><img src="' + RANK_IMG_URI_PREFIX + rank + RANK_IMG_URI_SUFFIX + '" width="25" height="25" alt="' + rank + '" title="' + rank + '" /><a href="' + link + '">' + escapeHtml(data.title) + '</a></li>');
		}
	}
	document.writeln('</ul>');
	document.writeln('</div>');
	document.writeln('</div>');
};

if(mag_cat1_ranking){
	render(mag_cat1_name, mag_cat1_ranking, limit);
}