Animate view changes sencha touch 2

[dpiearcy]

Not sure if this should be in other or here since Sencha Touch is basically a javascript program.  

 

Can someone tell me why this doesn't animate?  And possibly what I need to do in order for this to work?  (#events is an image I'm using for nav along with a bunch of other ones).  

Thanks,

var el = panel.element,
events = el.down('#events');
events.on('tap', function (e, t) {
Ext.Viewport.setActiveItem(Ext.create('OrchardApp.view.Events'));}, 
panel.animateActiveItem(1, {type:'slide', direction:'left'}));