//DRAG & DROPs  
        
draggable = new PlainDraggable(document.getElementById('atata'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolA'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolA'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Liquid'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolL'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Otherness'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
//draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolO'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Eco'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
//draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolE'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('M'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolM'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Tense'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolT'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Hope'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolH'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Practical'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolP'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Resurgence1'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolR'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Undecidability'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolU'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('pic'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('Resurgence'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('pic2'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('pic3'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('pic4'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};
//draggable = new PlainDraggable(document.getElementById('pic5'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};
//draggable = new PlainDraggable(document.getElementById('pic6'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'}
// draggable.snap = {step: 30};