function mb_truncate(str, num) {
	len = 0;
	estr = escape(str);
	ostr = '';
	for(i=0; i < estr.length; i++) {
		len++;
		ostr = ostr + estr.charAt(i);
		if(estr.charAt(i) == '%') {
			i++;
			ostr = ostr + estr.charAt(i);
			if(estr.charAt(i) == 'u') {
				ostr = ostr + estr.charAt(i + 1) + estr.charAt(i + 2) + estr.charAt(i + 3) + estr.charAt(i + 4);
				i += 4;
				len++;
			}
		}
		if(len >= num - 3) {
			return unescape(ostr) + '...';
		}
	}
	return unescape(ostr);
}

jQuery(function() {
	var site_url = null;
	var system_dir = null;
	var php_common_dir = null;
	var ranking = null;
	// ランキングデータ取得
	jQuery.ajax({
		type: 'POST',
		url: 'http://www.ibarakiguide.jp/db_kanko/get_ranking_data.php',
		dataType: 'json',
		success: function(res) {
			site_url = res.site_url;
			system_dir = res.system_dir;
			php_common_dir = res.php_common_dir;
			ranking = res.ranking;

			for(var i = 0; i < ranking.length; i++) {
				var outline = jQuery('<div>').addClass('ranking-item');
				if(i == (ranking.length - 1))
					outline.addClass('last-item');
				outline.append(jQuery('<img>').attr({'src' : site_url + 'images/top_rank' + (i + 1) + '.jpg', 'alt' : (i + 1) + '位', 'width' : 19, 'height' : 20}));
				var title_a = jQuery('<a>').attr({'href' : site_url + system_dir + '?detail&id=' + ranking[i].id}).append(ranking[i].name);
				outline.append(title_a);
				outline.append('<br />');

				// 画像
				if(i == 0) {
					var img_a = jQuery('<a>').attr({'href' : site_url + system_dir + '?detail&id=' + ranking[i].id});
					if(ranking[i].image1) {
						var img = jQuery('<img>').attr({'src' : site_url + php_common_dir + 'libs/thumb.php?path=../../' + system_dir + 'data/' + ranking[i].image1_file + '&maxwidth=80&maxheight=60'}).addClass('img-item');
					} else {
						var img = jQuery('<img>').attr({'src' : site_url + 'images/noimage.jpg', 'width' : 80, 'height' : 60}).addClass('img-item');
					}
					outline.append(img_a.append(img));
				}

				// 文章
				if(i == 0 || i == 1 || i == 2) {
					var content = jQuery('<span>').append(mb_truncate(ranking[i].content, 110)).addClass('content-item');
					outline.append(content);
				}

				jQuery('#ranking').append(outline);
			}
		}
	});
});