Customized Navigation Toolbar not getting added to the table.

hi,

i'm trying to add a navigation bar to my table. but its not getting
displayed. I have a customized data table and i'm trying to add my
customized navigation bar to it. Here's my code. Please note this
NavigationToolbar class is not the one in API.

in Customized tabel.

addBottomToolbar(new NavigationToolbar(this));

customized navigation bar.

public class NavigationToolbar extends AbstractToolbar {
private static final long serialVersionUID = 6646820801010951840L;

public NavigationToolbar(final DataTable<?,Object> table) {
super(table);
add(new NavigatorLabel("navigatorLabel", table));
add(new Navigator("navigator", (DataTable<?,Object>) table) {
private static final long serialVersionUID = 1541054336938996456L;

@Override
protected void onAjaxEvent(AjaxRequestTarget target) {
target.add(table);

<wicket:panel xmlns:wicket="http://wicket.apache.org/">
<div class="fan-nav">
1-3 of 3

</div>
</wicket:panel>

what am i doing wrong here.

Thanks in advance.