var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { 
preload: preload,
create: create,
render: render}
); 
var left; 
var right; 
var selected = null ; 
function preload(){ 
game.load.spritesheet('item', 'assets/buttons/number-buttons-90x90.png', 90, 90); 
} 
function create(){ 
left = game.add.group(); 
right = game.add.group(); 
var item; 
for (var i = 0; 
i < 3; i++ ){ 
item = left.create(290, 98 * (i + 1), 'item', i); 
item.input.start(0, false , true ); 
item.events.onInputUp.add(select); 
item = right.create(388, 98 * (i + 1), 'item', i + 3); 
item.input.start(0, true ); 
item.events.onInputUp.add(select); 
} 
} 
function select(item, pointer){ 
if (!selected) { 
selected = item; 
selected.alpha = 0.5; 
} 
 else { 
if (selected.group !== item.group) { 
item.x = selected.x; 
item.y = selected.y; 
_AN_Call_replace('replace', selected.group, selected, item); 
} 
 else { 
selected.alpha = 1; 
} 
selected = null ; 
} 
} 
function render(){ 
game.debug.renderText('Left Group', 300, 80); 
game.debug.renderText('Right Group', 400, 80); 
game.debug.renderText('Click an item and one from another group to replace it.', 240, 480); 
}