app.js -- navgroup inside tabgroup

app.js

var tabGroup = Titanium.UI.createTabGroup();
 
// First tab, main window
 
var mainWinTab1 = Titanium.UI.createWindow({
    title: 'Window 1'
});
var data = [{title: 'item one'}, {title: 'item two'}, {title: 'item three'}];
var table = Titanium.UI.createTableView({
    data: data
}); 
mainWinTab1.add(table);
 
// First tab, navigator
 
var navTab1 = Titanium.UI.iPhone.createNavigationGroup({
    window: mainWinTab1
});
var baseWinTab1 = Titanium.UI.createWindow({
    navBarHidden: true
});
baseWinTab1.add(navTab1);
 
// First tab, subwindow
 
table.addEventListener('click', function(e){
    tabGroup.animate({bottom: -50, duration: 500});
 
    var subWinTab1 = Titanium.UI.createWindow({
        title: e.row.title
    });
    navTab1.open(subWinTab1);
 
    subWinTab1.addEventListener('close', function(e){
        tabGroup.animate({bottom: 0, duration: 500});
    });
});
 
// Second tab, main window
 
var mainWinTab2 = Titanium.UI.createWindow({
    title: 'Window 2'
});
var data = [{title: 'item a'}, {title: 'item b'}, {title: 'item c'}];
var table = Titanium.UI.createTableView({
    data: data
}); 
mainWinTab2.add(table);
 
// Second tab, navigator
 
var navTab2 = Titanium.UI.iPhone.createNavigationGroup({
    window: mainWinTab2
});
 
var baseWinTab2 = Titanium.UI.createWindow({
    navBarHidden: true
});
baseWinTab2.add(navTab2);
 
// Second tab, subwindow
 
table.addEventListener('click', function(e){
    var subWinTab2 = Titanium.UI.createWindow({
        title: e.row.title
    });
    navTab2.open(subWinTab2);
});
 
// Tab group
 
var tab1 = Titanium.UI.createTab({  
    icon: 'KS_nav_ui.png',
    title: 'Full nav',
    window: baseWinTab1
});
tabGroup.addTab(tab1);  
 
var tab2 = Titanium.UI.createTab({  
    icon: 'KS_nav_views.png',
    title: 'Embedded nav',
    window: baseWinTab2
});
tabGroup.addTab(tab2);  
 
tabGroup.open();