function NavigationList_Stub(id, normal, disabled, hovered, selected, separator)
{
this.NormalClass = normal;
this.HoveredClass = hovered;
this.SelectedClass = selected;
this.DisabledClass = disabled;
this.SeparatorClass = separator;

this.AddItem = function(text, url, selected)
{
var NavTable = document.getElementById(id+"_table");
var NavRow = NavTable.insertRow(NavTable.rows.length);
var NavItem = NavRow.insertCell(0);

var NavDiv = "";
switch (text)
{
    case "Usage":
        NavDiv = "<div class='navusage'>";
        break;
    case "Authentication":
        NavDiv = "<div class='navauth'>";
        break;
    case "Prepaid ADSL":
        NavDiv = "<div class='navprepaid'>";
        break;
	case "Recharge":
        NavDiv = "<div class='navrecharge'>";
        break;
    case "E-mail":
        NavDiv = "<div class='navmail'>";
        break;
    case "Settings":
        NavDiv = "<div class='navsettings'>";
        break;
    case "Log Out":
        NavDiv = "<div class='navlogout'>";
        break;
    default:
        NavDiv = "";
}

NavItem.innerHTML = NavDiv + text + "</div>";

if (selected)
{
NavItem.className = this.NormalClass+" "+this.SelectedClass;
}
else
{
NavItem.className = this.NormalClass;

var HoverClass = this.NormalClass+" "+this.HoveredClass;
var NormalClass = this.NormalClass;

NavItem.onmouseover = function() { NavItem.className = HoverClass; }
NavItem.onmouseout = function() { NavItem.className = NormalClass; }
NavItem.onclick = function() { window.location = url; }
}
}

this.AddSeparator = function()
{
var NavTable = document.getElementById(id+"_table");
var NavRow = NavTable.insertRow(NavTable.rows.length);
var NavItem = NavRow.insertCell(0);

NavItem.innerHTML = "&nbsp;";
NavItem.className = this.SeparatorClass;
}
}