Event.observe(window, 'load', function() {
	//banner 1
	var title = $$('banner1').first();
	new Draggable('banner1', { handle: $('banner1').down('img'),
	onStart: function() {
		console.log("Moving banner 1");
	},
	});
	//banner 2
	new Draggable('banner2', { handle: $('banner2').down('img'),
	onStart: function() {
		console.log("Moving banner 2");
	},
	});
	//banner 3
	new Draggable('banner3', { handle: $('banner3').down('img'),
	onStart: function() {
		console.log("Moving banner 3");
	},
	});
	
	Droppables.add('main', {
		accept: 'banner',
		onDrop: function(e) {
			e.setStyle({ left: '1em', top: '1em' }, true);
			$('main').appendChild(e);
		}
	});
});