function ddrop_on() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on0() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on1() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on2() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on3() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on4() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on5() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on6() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on7() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on8() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on9() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on10() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on11() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on12() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on13() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on14() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on15() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on16() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on17() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on18() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on19() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on20() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on21() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on22() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on23() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on24() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on25() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on26() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on27() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on28() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on29() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on30() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on31() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on32() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on33() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on34() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on35() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on36() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on37() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on38() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on39() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on40() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on41() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on42() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on43() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on44() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on45() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on46() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on47() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on48() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); } function ddrop_on49() { window.addEvent('domready', function() { var drop = $('cart'); var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect, $$('.item').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'}) .addEvent('emptydrop', function() { this.remove(); drop.removeEvents(); }).inject(document.body); drop.addEvents( { 'drop': function() { drop.removeEvents(); clone.remove(); var id_a = clone.id.replace("box",""); var kat_id = clone.name; var onoff = changeA(id_a, "true",kat_id); if(onoff == 1) { item.clone().inject(drop); order_cart(); } } }); var drag = clone.makeDraggable( { droppables: [drop] }); drag.start(e); // start the event manual }); }); }); }