$(document).ready(function(){

    $.get("analysis.xml",{},function(xml){

        //for latest section
        var latestDivOutput = '';
        latestDivOutput += '<table width="98%" border="0" cellpadding="0" cellspacing="0">';
        latestDivOutput += "<tr> <td colspan='3' height='12px'/> </tr>";

        $('latest',xml).each(function(i) {
            var art = $(this).find("article");
            $(art).each(function(kk) {
                var title = $(this).find("title").text();
                var url = $(this).find("url").text();
                var date = $(this).find("date").text();
                var elid = $(this).find("id").text();
                // Build row HTML data and store in string
                var mydata = buildHTML(title, url, date, elid);
                latestDivOutput = latestDivOutput + mydata;
            });
        });
        latestDivOutput += '</table>';

        $("#latest_ref_div").append(latestDivOutput);


        //for archive section
        var archOutput = '';
        archOutput += '<table width="98%" border="0" cellpadding="0" cellspacing="0">';

        $('archive',xml).each(function(i) {
            var hdr = "<tr> <td colspan='3' height='8px'/> </tr><tr><td colspan='2' width='1px'></td><td>";
            hdr += "<span class='toc_hdr'>"+$(this).attr("title")+"</span>";
            hdr += "</td></tr>";
            archOutput = archOutput + hdr;
            var art = $(this).find("article");
            $(art).each(function(kk) {
                var title = $(this).find("title").text();
                var url = $(this).find("url").text();
                var date = $(this).find("date").text();
                var elid = $(this).find("id").text();
                // Build row HTML data and store in string
                var mydata = buildHTML(title, url, date, elid);
                archOutput = archOutput + mydata;
            });
        });
        archOutput += "<tr> <td colspan='3' height='12px'/> </tr></table>";

        $("#archive_ref_div").append(archOutput);

    });

});

function buildHTML(title, url, date, idd)
 {
    var html_url = url;
    //var onlickvar = " onclick='javascript:processLinkClick(" + idd + ")'";
    var onlickvar = "";
    var ahref = "<a id='" + idd + "' " +  "href='" + html_url + "'" +  onlickvar + ">"+ "<span class='link'>" + title+ "</span>" + "</a> ";
    if (date) {
        ahref += "- <span class='date'>" + date+ "</span>";
    }
    // Build HTML string and return
    var output = '';
    output += '<tr>';
    output += "<td colspan='2'></td><td>" +  ahref + "</td>";
    output += '</tr>';
    //alert(output);
    return output;
}
function restore()
{
    jQuery.unblockUI();
}
function showImgFull(id) {

    jQuery.blockUI({message: jQuery('#xat_2009_big_image'),css: {
       			 border: 'none',
				width:'100%',
     		   opacity: '.9',
     		   color: '#000'
    } });
}