var LS;
Event.observe(window, 'load', function() {
    LS = NYT.News;
    render();
});

function render() {
    var res = LS.GetAllNews();
    var val = res.value;
    var html = ' '
    for (var j = val.length, i = 0; i < j; i++) {
		
		var n = (j - i)-1;
        html += '<div class="newsContainer">\
                        <p><img class="newsImage" src="NewsImages/%{NewsId}%.%{ImageExt}%" title="" style="width: 208px; height: 185px;" /><h3>%{Title}%</h3><br />%{Details}% </p>\
                        <p class="spacer" />\
                        <p><a target="_blank" href="NewsDocument/%{NewsId}%.pdf">PDF Download >></a><br />\
                        <a target="_blank" href="%{Link}%">Link >></a></p><br />\
                 </div><div class="newsspacer" >&nbsp;</div>'.format({
            NewsId: val[n].NewsId,
            Title: val[n].Title,
            Details: val[n].Details,
            DocumentPath: val[n].DocumentPath,
            Link: val[n].Link,
            ImageExt:val[n].Image
        });
    }
    if (val.length < 1) $('container').update('... did not found any news !');
    else $('container').update(html);
}