function StateInfoRender(containerId, state) 
{
    var container = document.getElementById(containerId);
    var str = "";
    str +="<input type=\"hidden\" id=\"ReportedStateHF\" value=\""+state+"\" />";
    str +="<table width=\"100%\">";
    str +="<tr>";
    str +="<td valign=\"top\">";
    str +="<table>";
    str +="<tr>";
    str +="<td id=\"ReportsTopicContainer\" align=\"center\">";
    str += GetReportsTopicHTML();
    str +="</td>";
    str +="</tr>";
    str +="<tr>";
    str +="<td id=\"ReportsTableContainer\">";
    str += GetReportsTableHTML();
    str +="</td>";
    str +="</tr>";
    str +="<tr>";
    str +="<td>";
    str +="</td>";
    str +="</tr>";
    str +="</table>";
    str +="</td>";
    str +="<td valign=\"top\" align=\"left\">";
    str +="<a style=\"color:#0000FF; font-family:Verdana; font-size:8pt; cursor:pointer; text-decoration:underline;\" onclick=\"toMap();\">Back to overview map</a>";
    str +="</td>";
    str +="</tr>";
    str +="</table>";
    container.innerHTML = str;
    LoadTopic();
}

function LoadTopic() 
{
    var hf = document.getElementById('ReportedStateHF');
    LoadScript("reporting/RenderStateInfoScripts.ashx?params=" + hf.value); 
}

function GetReportsTopicHTML() 
{
    var str = "";

    return (str);
}

function GetReportsTableHTML() 
{
    var str = "";

    return (str);
}