// JavaScript Document
	
	
	window.onload = function() {
	// Make all the images draggables from draggables division.
	$A($('parent').getElementsByTagName('div')).each(
		
	  function(item) {
		if (item.hasClassName('drag') == true) {
		 new Draggable(
			item,
			{
			   revert: false,
			   ghosting: true,
			   zindex: 1000
			   
			}
		 );
		 }
		 
		 
	  }
	);
	
	Droppables.add(
	 'parent',
	 {
		hoverclass: 'hoverActive',
		onDrop: moveItem,
	 }
	);
	// Set drop area by default  non cleared.
	$('parent').cleared = false;
	}
	function moveItem( draggable,droparea){
	if (!droparea.cleared) {
	  //droparea.innerHTML = '';
	  //droparea.cleared = true;
	}
	draggable.parentNode.removeChild(draggable);
	droparea.appendChild(draggable);
	}