//Tabbed
var tab = {
    id: null,
    length: -1,
    items: null,
    selected: null,
    previous: null
};
var panel = {
    id: null,
    length: -1,
    items: null,
    selected: null,
    previous: null
};
function TabMenu(tabElementDomId, panelElementDomId) {
    tab.id = $(tabElementDomId);
    tab.items = $(tab.id).find("> li");
    tab.length = $(tab.items).length;

    tab.selected = $(tab.items).eq(0);

    $(tab.selected).addClass("selected");

    tab.previous = $(tab.selected);

    panel.id = $(panelElementDomId);
    panel.items = $(panel.id).find("> li");
    panel.length = $(panel.items).length;

    panel.selected = $(panel.items).eq(0);
    $(panel.selected).addClass("selected");
    panel.previous = $(panel.selected);

    $(tab.items).click(function() {
        var index = $(tab.items).index(this);
        tab.selected = $(tab.items).eq(index);
        panel.selected = $(panel.items).eq(index);

        if (tab.previous) {
            $(tab.previous).removeClass("selected");
            $(panel.previous).removeClass("selected");
        }

        if (index != 0) { $(tab.selected).addClass("selected"); }
        $(tab.selected).addClass("selected");
        $(panel.selected).addClass("selected");

        tab.previous = $(tab.selected);
        panel.previous = $(panel.selected);
    }, function() { });
}