Android Action Bar Event Listeners

I want to have a different action bar for each window in my tab group. I have one file thats is ApplicationTabGroup.js and other file HomeWindow.js that is the first tab(window). This window is a web view. I want to create back reload and forward button in action bar for the web view to goBack(); reload(); and goForward();

ApplicationTabGroup.js

Titanium.UI.setBackgroundColor('#E6F0FF');
function ApplicationTabGroup() {
 
    var self = Ti.UI.createTabGroup({
                tabsBackgroundColor: '#E6F0FF',
                barColor:'#E6F0FF',
    });
 
 
 
 
        HomeWindow = require('HomeWindow'),
        StandingsWindow = require('StandingsWindow'),
        ContactWindow = require('ContactWindow');
 
    var homeWin = new HomeWindow(L('Teach Assist')),
        standingsWin = new StandingsWindow(L('Moodle')),
        contactWin = new ContactWindow(L('More'));
 
    var homeTab = Ti.UI.createTab({
        title:'Teach Assist',
        icon:'images/KS_nav_ui.png',
        activeIcon:'images/KS_nav_uiselected.png',
        activeIconIsMask: false,
        window: homeWin
    });
    homeWin.containingTab = homeTab;
    self.addTab(homeTab);
 
    var standingsTab = Ti.UI.createTab({
        title:'Moodle',
    icon:'images/140-gradhat.png',
    activeIcon:'images/140-gradhatselected.png',
        activeIconIsMask: false,
        window: standingsWin
    });
    standingsWin.containingTab = standingsTab;
    self.addTab(standingsTab);
 
 
    var contactTab = Ti.UI.createTab({
        title:'More',
    icon:'images/157-wrench.png',
    activeIcon:'images/157-wrenchs.png',
        activeIconIsMask: false,
        window:contactWin
    });
    contactWin.containingTab = contactTab;
    self.addTab(contactTab);
 
 
 
if (android) {
 
 
    self.addEventListener("open", function(evt) {
        var activity = self.getActivity();
        var theAction = Ti.Android.SHOW_AS_ACTION_ALWAYS;
        activity.onCreateOptionsMenu = function(e) {
            var item, menu;
            menu = e.menu;
            menu.clear();
 
 
 
            if (self.activeTab == homeTab) {
                            var menuItem1 = menu.add({ 
                    icon : 'images/back1.png', 
                    showAsAction : theAction,
                    subtitle:'Back'
                }); 
 
                menuItem1.addEventListener("click", function(e) { 
 
 
 
                webview1.goBack();
 
 
 
                }); 
 
                var menuItem2 = menu.add({ 
                    icon : 'images/refresh1.png', 
                    showAsAction : theAction
                }); 
 
                menuItem2.addEventListener("click", function(e) { 
                webview1.reload();
                }); 
 
                var menuItem3 = menu.add({ 
                    icon : 'images/forward1.png', 
                    showAsAction : theAction
                }); 
 
                menuItem3.addEventListener("click", function(e) { 
                webview1.goForward();
                }); 
 
        };
    });
 
 
   self.addEventListener("focus", function(e) {
        self.getActivity().invalidateOptionsMenu();
    });
}
 
 
 
    self.setActiveTab(0);
 
 
    return self;
};
 
module.exports = ApplicationTabGroup;

function HomeWindow(title) {
 
var self = Ti.UI.createWindow({
    title:title,
    backgroundColor:'white',
});
 
var webview1 = Ti.UI.createWebView({
    url:'https://ta.yrdsb.ca/yrdsb/',
    loading:true,
});
 
self.add(webview1);
 
 
    return self;
};
 
module.exports = HomeWindow;

How do I make web view goBack(); reload(); and goForward with buttons in action bar?