My iPad app will have a couple of menu options at the top that all call separate popovers. I'm having trouble positioning the first one in the left navigation.

barLeft.addEventListener('click', function() {
    var close2 = Ti.UI.createButton({
        title:'Close'
    });

    close2.addEventListener('click', function() {
        popover2.hide({animated:true});
    });

    var popover2 = Ti.UI.iPad.createPopover({ 
        width:400, 
        height:250,
        rightNavButton:close2,
        barColor:'#313436',
        arrowDirection:Ti.UI.iPad.POPOVER_ARROW_DIRECTION_UP
    }); 


    popover2.show({
        view:barLeft,
        rect:{x:0,y:0,width:0,height:0},
        animated:true

    }); 
}); // end build popover on barLeft Click

Ends up looking like this:
http://rileyhamilton.com/z/nash/pop.png

I think it has to do with the RECT property, but changing those values as well as the VIEW property don't give me the results I'd like.

I'd like the arrow to come up right under the nav button.

Thanks for any help!