Event.observe(window, 'load', function(e){
	loadScript(BLOG_JSON_URL);
});

function loadScript(url, charset) {
	var script = document.createElement('script');
	script.setAttribute('type', 'text/javascript');
	script.setAttribute('src', url);
	if(charset) {
		script.setAttribute('charset', charset);
	}

	document.getElementsByTagName('head')[0].appendChild(script);
}

function newEntriesLoaded(entries)
{
	var tbody = $(CONTAINER_TABLE).tBodies[0];
	var template = $F(ENTRY_TEMPLATE_ID);
	
	entries.each(function(entry){
		var row = tbody.insertRow(tbody.rows.length);
		
		var imgCell= row.insertCell(row.cells.length);
		if(entry.pic_url) {
		    var link = document.createElement('a');
		    link.href = entry.link;
		    link.target = '_blank';

		    var image = document.createElement('img');
		    image.style.borderWidth = 0;
		    image.src = entry.pic_url;

		    link.appendChild(image);
		    imgCell.appendChild(link);
		} else {
		    $(imgCell).setStyle({ width: '80px', backgroundColor: '#EAEAEA', textAlign: 'center' });
		    imgCell.innerHTML = 'No Image'
		}

		var cell= row.insertCell(row.cells.length);
		cell.innerHTML = (new Template(template)).evaluate(entry);
	});
}