Event.observe(window, 'load', jsonDisplay);

function jsonDisplay(){

	new Ajax.Request(
		'/json/top120.json',
		{
			'method' : 'get',
			onSuccess : function (httpObject){
				$('jsonResult').innerHTML = jsonToTableOsusume(httpObject.responseText);
			}
		}
	),
	new Ajax.Request(
		'/json/top234.json',
		{
			'method' : 'get',
			onSuccess : function (httpObject){
				$('jsonResultOsusume').innerHTML = jsonToTableTumoku(httpObject.responseText);
			}
		}
	);
}

function jsonToTableOsusume(jsonData){

	var json = eval("(" + jsonData + ")");
	var tbhtml = '<table class="affiOsusume" width="200px" ><tr><th>おすすめショップ</th></tr>';

	for(var i=0; i<json.partner.length; i++){
		tbhtml += "<tr>";
		tbhtml += "<td>" + json.partner[i].texturl + "<br />";
		tbhtml += json.partner[i].imgurl + "</td>";
		tbhtml += "</tr>"; 
	}
	tbhtml += "</table>";

	return tbhtml;

}

function jsonToTableTumoku(jsonData){
	var json = eval("(" + jsonData + ")");
	var tbhtml = '<table class="affiThumoku" width="280px" ><tr><th>注目ショップ</th></tr>';

	for(var i=0; i<json.partner.length; i++){
		tbhtml += "<tr>";
		tbhtml += "<td>" + json.partner[i].texturl + "<br />";
		tbhtml += json.partner[i].imgurl + "</td>";
		tbhtml += "</tr>"; 
	}
	tbhtml += "</table>";

	return tbhtml;

}