/*
* Load Post Data via JSON
*
*/

function writeJsonPostStyles() {
	var cssNode = document.createElement('link');
	cssNode.type = 'text/css';
	cssNode.rel = 'stylesheet';
	cssNode.href = 'http://news.harker.org/wp-content/themes/harkerschool/json-articles/json-articles.css';
	cssNode.media = 'screen';
	cssNode.title = 'dynamicLoadedSheet';
	document.getElementsByTagName("head")[0].appendChild(cssNode);
}

function writeJson(result) {
	writeJsonPostStyles();
	document.write('<div class=\"json-articles-container\">');
	for (var i = 0; i < result.item.length; i++) {
		document.write('<div class=\"json-article\" id=\"json-article-'+result.item[i].id+'\">');
		if(result.item[i].image.length > 0) {
			document.write('<a href=\"'+result.item[i].link+'\" title=\"permalink to '+result.item[i].title+'\" class=\"json-article-image-link\" id=\"json-article-image-link-'+result.item[i].id+'\">');
			document.write('<img class=\"json-article-image'+result.item[i].image_position+'\" id=\"json-article-image'+result.item[i].id+'\" src=\"'+result.item[i].image+'\" alt=\"'+result.item[i].title+'\" />');
			document.write('</a>');
		}
		document.write('<h2 class=\"json-article-title\" id=\"json-article-title-'+result.item[i].id+'\">');
		document.write('<a href=\"'+result.item[i].link+'\" title=\"permalink to '+result.item[i].title+'\" class=\"json-article-title-link\" id=\"json-article-title-link-'+result.item[i].id+'\">');
		document.write(result.item[i].title);
		document.write('</a>');
		document.write('</h2><!-- end #json-article-title-'+result.item[i].id+' -->');
		document.write('<h3 class=\"json-article-date\" id=\"json-article-date-'+result.item[i].id+'\">Posted: <span style=\"font-weight: normal;\">'+result.item[i].pubdate+' | <a href=\"http://news.harker.org/">Harker News Online</a></span></h3><!-- end #json-article-date-'+result.item[i].id+' -->');
		document.write('<p class=\"json-article-excerpt\" id=\"json-article-excerpt-'+result.item[i].id+'\">'+result.item[i].content);
		document.write('</p><!-- end #json-article-excerpt-'+result.item[i].id+' -->');
		document.write('<p class=\"json-article-permalink\" id=\"json-article-permalink-'+result.item[i].id+'\">');
		document.write('<a href=\"'+result.item[i].link+'\" title=\"permalink to '+result.item[i].title+'\" class=\"json-article-permalink\" id=\"json-article-permalink-'+result.item[i].id+'\"><b>');
		document.write(' Read the rest of the story <small>>></small>');
		document.write('</b></a>');
		document.write('</p><!-- end #json-article-permalink-'+result.item[i].id+' -->');
		document.write('</div><!-- end #json-article-'+result.item[i].id+' -->');
		document.write('<br class=\"clear\" />');
	}
	document.write('</div><!-- end .json-articles-container -->');
}