Ok, I am trying to just jump into eclipse to learn some coding. My problem lies in using multiple widgets I am trying to put 2 drawers on a page and what I have come up with so far from the UI widgets app is shown below and I have both buttons working but they only control one list. How would I seperate the lists so I can have 2 drawers with different content.

Code:
function TestAssistant() {

 }
    

TestAssistant.prototype.setup = function(){
	// Set up the attributes & model for the Drawer widget:
	
	this.controller.setupWidget('location', {
		property: 'myOpenProperty'
	}, this.drawerModel);
	this.drawerModel = {
		myOpenProperty: false
	};
	this.drawer = this.controller.get('location');
	this.toggleDrawer = this.toggleDrawer.bindAsEventListener(this);
	Mojo.Event.listen(this.controller.get('toggleDrawerButton'), Mojo.Event.tap, this.toggleDrawer);


	this.controller.setupWidget('info', {
		property: 'myOpenProperty'
	}, this.drawerModel);
	this.drawerModel = {
		myOpenProperty: false
	};
	this.drawer = this.controller.get('info');
		this.toggleDrawer = this.toggleDrawer.bindAsEventListener(this);
		Mojo.Event.listen(this.controller.get('toggleDrawerButton2'), Mojo.Event.tap, this.toggleDrawer);
}
	// Button tap event handler that opens/closes the drawer.
TestAssistant.prototype.toggleDrawer = function(e){		
	
		this.drawer.mojo.setOpenState(!this.drawer.mojo.getOpenState());       
}

TestAssistant.prototype.toggleDrawer2 = function(e){		
		
		this.drawer.mojo.setOpenState(!this.drawer.mojo.getOpenState());       
}

TestAssistant.prototype.activate = function(event) {

}


TestAssistant.prototype.deactivate = function(event) {

}

TestAssistant.prototype.cleanup = function(event) {

	  Mojo.Event.stopListening(this.controller.get('toggleDrawerButton'), Mojo.Event.tap, this.toggleDrawer);
	  Mojo.Event.stopListening(this.controller.get('toggleDrawerButton2'), Mojo.Event.tap, this.toggleDrawer);
}