window.addEvent('domready', function(){
						 
		// SLEUR EN PLEUR
		var drop = $('verlanglijstje');
		var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect,
		
		$$('.draggable').each(function(item){
		
			item.addEvent('mousedown', function(e) {
				e = new Event(e).stop();
		
				var clone = this.clone()
					.setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
					.setStyles({'opacity': 0.7, 'position': 'absolute', 'z-index': 1000000, 'cursor' : 'pointer'})
					.addEvent('emptydrop', function() {
						this.remove();
						drop.removeEvents();
					}).inject(document.body);
		
				drop.addEvents({
					'drop': function() {
						drop.removeEvents();
						clone.remove();
						//item.clone().inject(drop);
						//window.alert('lala');
						addToBasket(item.id);
						//window.alert('loeloe');
						dropFx.start('f1f1f3').chain(dropFx.start.pass('f1f1f3', dropFx));
					},
					'over': function() {
						dropFx.start('E20030');
					},
					'leave': function() {
						dropFx.start('f1f1f3');
					}
				});
		
				var drag = clone.makeDraggable({
					droppables: [drop]
				}); // this returns the dragged element
		
				drag.start(e); // start the event manual
			});
		
		});	
		
	});