function RankingPageRender(containerId) 
{
    var container = document.getElementById(containerId);
    var str = "";
    str += "<table width=\"100%\" height=\"100%\">";
    str += "<tr height=\"50px\">";
    str += "<td id=\"CheckerContainer\" style=\"text-align:left; vertical-align:middle;\">";
    str += "Time period: " + RPGetCheckerHTML();            
    str += "</td>";
    str += "</tr>";
    str += "<tr>";
    str += "<td id=\"RankingTableContainer\" valign=\"Top\" align=\"center\">";
    
    str += "</td>";
    str += "</tr>";
    str += "</table>";
    container.innerHTML = str;
    LoadRankingTable();
}

function RPCheckModeItem(item) 
{
    var hf = document.getElementById('ModeCheckerHF');
    if (hf != null) {
        if (hf.value == item) { return; }
        hf.value = item;
    }
    RPOnCheckerChanged();
}

function RPOnCheckerChanged() 
{
    LoadRankingTable();
}

function LoadRankingTable() 
{
    var hf = document.getElementById('ModeCheckerHF'); 
    LoadScript("reporting/RenderRankingTableScript.ashx?params="+hf.value);
}

function YearChangedRT(combo) {
    var ModeCheckerHF = document.getElementById("ModeCheckerHF");
    var mode = 4;
    switch (combo.value) {
        case "y2010": mode = 8; break;
        case "y2009": mode = 6; break;
        case "y2008": mode = 4; break;
        case "y2007": mode = 1; break;
        case "y2006": mode = 2; break;
        case "c2010": mode = 9; break;
        case "c2009": mode = 7; break;
        case "c2008": mode = 5; break;
        case "c2007": mode = 3; break;
    }
    RPCheckModeItem(mode);

}

function RPGetCheckerHTML() {

    var res = "";
    var js = "";

    res += "<input id=\"ModeCheckerHF\" type=\"hidden\" value=\"8\"/>";

    res += getYearCheckerHTML("yearCheckerRT", "YearChangedRT(this);", "width:200px;");

    return (res);    
}