/**********************************************************
 Adapted from the sortable lists example by Tim Taylor
 http://tool-man.org/examples/sorting.html
 Modified by Tom Westcott : http://www.cyberdummy.co.uk 
 Modified by Liferay: http://www.liferay.com
 **********************************************************/
var DropZone = {
layerArray : new Array(),
dropList : new Array(),
initialized : false,
checkInit : function() {
if (!DropZone.initialized) {
DropZone.init();
DropZone.initialized = true;
};
},
add : function(itemId, dropOptions) {
/* Optiions
 * accept: array of class names that are allowed
 * inheritParent: inherit dimensions of the parent element
 * onDrop: executes when dropped
 * onHoverOver: continuously executes as item drags over container.
 * onHoverOut: executes when drag item leaves container
 */
DropZone.checkInit();
var item = $(itemId);
if (item) {
item.dropOptions = dropOptions || new Object();
item.dropOptions.dropItem = item;
            if (typeof(dropOptions.accept) == "string") {
                dropOptions.accept = dropOptions.accept.split(" ");
            }
DropZone.dropList.push(item);
}
},
init : function() {
this.layerArray[0] = new Array(); // body layer
this.layerArray[1] = new Array(); // Light box layer
this.dropList = this.layerArray[0];
},
switchLayer : function(layer) {
DropZone.checkInit();
if (layer == 0 || layer == 1) {
this.dropList = this.layerArray[layer];
}
}
}
var DragDrop = {
clone : null,
currentContainer : null,
insertIndex : -1,
instance : 0,
lastContainer : null,
track : null,
lastOnDrop : null,
lastSelected : null,
accepts : function(item, dropItem) {
var dropOptions = dropItem.dropOptions;
var rt = false;
if (dropOptions.accept) {
var accepts = dropOptions.accept;
for (var i = 0; i < accepts.length; i++) {
var re = new RegExp("\\b" + accepts[i] + "\\b");
if (Element.hasClassName(item, accepts[i])) {
rt = true;
break;
}
}
}
else {
// if accept is not specified, accept everything
rt = true;
}
return rt;
},
create : function(itemId, dragOptions) {
/* Options
 * container: (Object) container which may have scroll bars. Needed to correct offset.
 * forceDrop: (Object) force onDrop of most recent dropZone, starting with this
 * ghost: (boolean) make the dragging element transparent?
 * handle: (Object) handle for drag obj
 * highlightDropzones: (boolean) highlight dropzones
 * keepClone: (boolean) keep clone after drop?
 * revert: (boolean) return to original position after drop?
 * showClone: (boolean) show a cloned element?
 */
var item;
if(typeof(itemId) == "string") { item = document.getElementById(itemId); }
else if(typeof(itemId) == "object") { item = itemId; }
else { return; }
item.dragOptions = dragOptions ? dragOptions : new Object();
item.dragOptions.scrollOffset = new Coordinate(0,0);
Drag.makeDraggable(item, item.dragOptions.handle);
item.onDragStart = DragDrop.onDragStart;
item.onDrag = DragDrop.onDrag;
item.onDragEnd = DragDrop.onDragEnd;
item.threshold = 3;
},
onDragStart : function(nwPosition, sePosition, nwOffset, seOffset) {
var item = this;
},
onDrag : function(nwPosition, sePosition, nwOffset, seOffset) {
var item = this;
var opts = item.dragOptions;
/*================================================================================*
 * Initialize on first drag
 *================================================================================*/
if (!item.initialized) {
/* Clone the media item so that a place holder appears */
var body = document.getElementsByTagName("body")[0];
var itemContainer = item.parentNode;
var clone = DragDrop.clone;
//var itemNw = Coordinates.northwestOffset(item, true);
if (is_ie) {
setSelectVisibility("hidden");
}
opts.origWidth = item.style.width;
opts.origHeight = item.style.height;
opts.origPosition = item.style.position;
opts.origRevert = opts.revert;
opts.scrollOffset = new Coordinate(0,0);
if (opts.container) {
var container = $(opts.container);
opts.scrollOffset.x = container.scrollLeft;
opts.scrollOffset.y = container.scrollTop;
}
clone = DragDrop.clone = item.cloneNode(opts.showClone ? true : false);
if (!opts.showClone) {
clone.style.backgroundColor = "transparent";
}
clone.dragOptions = new cloneObject(opts);
clone.style.left = "";
clone.style.top = "";
clone.style.zIndex = 0;
if (!opts.showClone) {
clone.style.height = item.offsetHeight + "px";
clone.style.width = item.offsetWidth + "px";
}
item.dragOptions.clone = clone;
item.style.width = item.offsetWidth + "px";
item.style.height = item.offsetHeight + "px";
itemContainer.insertBefore(clone, item);
itemContainer.removeChild(item);
if (opts.showClone || opts.ghosting) {
Element.changeOpacity(item, 75);
}
item.style.position = "absolute";
item.style.zIndex = ZINDEX.DRAG_ITEM;
item.style.left = (nwOffset.x - opts.scrollOffset.x) + "px";
item.style.top = (nwOffset.y - opts.scrollOffset.y) + "px";
body.appendChild(item);
var dropList = DropZone.dropList;
dropList.each(function(item) {
if (item.dropOptions.inheritParent) {
item.style.height = item.parentNode.offsetHeight;
}
});
DragDrop.lastOnDrop = null;
item.initialized = true;
/*================================================================================
 * Initialization done
 *================================================================================*/
}
else {
item.style.left = (parseInt(item.style.left) - opts.scrollOffset.x) + "px";
item.style.top = (parseInt(item.style.top) - opts.scrollOffset.y) + "px";
 
/*
 * Find current DropZone container
 */
var dropList = DropZone.dropList;
DragDrop.currentContainer = null;
for (var i = 0; i < dropList.length; i++) {
var dropContainer = dropList[i];
// make sure container is still part of document
if (!dropContainer.parentNode || typeof(dropContainer) == "undefined") {
dropList.splice(i, 1);
i--;
continue;
}
var isInsideContainer = mousePos.insideObject(dropContainer, true);
if (DragDrop.accepts(item, dropContainer)) {
if (opts.highlightDropzones) {
dropContainer.style.backgroundColor = opts.highlightDropzones;
}
if (isInsideContainer) {
DragDrop.currentContainer = dropContainer;
DragDrop.lastOnDrop = dropContainer.dropOptions.onDrop;
}
}
}
var cur = DragDrop.currentContainer;
var last = DragDrop.lastContainer;
if (cur) {
if (typeof(cur.dropOptions.onHoverOver) != "undefined") {
cur.dropOptions.onHoverOver(item);
}
}
if (cur != last) {
if (last) {
Element.removeClassName(last, last.dropOptions.hoverclass);
if (typeof(last.dropOptions.onHoverOut) != "undefined") {
last.dropOptions.onHoverOut(item);
}
}
if (cur) {
if (cur.dropOptions.hoverclass && cur != item &&
DragDrop.accepts(item, cur)) {
Element.addClassName(cur, cur.dropOptions.hoverclass);
}
}
}
DragDrop.lastContainer = DragDrop.currentContainer;
}
},
onDragEnd : function(nwPosition, sePosition, nwOffset, seOffset) {
var item = this;
var opts = item.dragOptions;
if (item.initialized) {
/* Execute onDrop for container */
var dropItem = DragDrop.currentContainer;
if (dropItem && typeof(dropItem.dropOptions.onDrop) != "undefined") {
var dropOptions = dropItem.dropOptions;
if (DragDrop.accepts(item, dropItem)) {
dropOptions.onDrop(item, nwPosition, sePosition, nwOffset, seOffset);
dropItem.className = dropOptions.origClassName;
Element.removeClassName(dropItem, dropItem.dropOptions.hoverclass);
}
}
else if (opts.forceDrop && DragDrop.lastOnDrop) {
DragDrop.lastOnDrop();
}
var clone = DragDrop.clone;
var container = clone.parentNode;
if (opts.keepClone) {
DragDrop.create(clone, clone.dragOptions);
item.style.zIndex = "";
}
else {
if (opts.revert) {
/* Snap back to original position
 */
item.parentNode.removeChild(item);
item.style.width = opts.origWidth;
item.style.height = opts.origHeight;
item.style.position = opts.origPosition;
item.style.left = "";
item.style.top = "";
clone.style.display = "none";
container.insertBefore(item, clone);
}
container.removeChild(clone);
}
Element.changeOpacity(item, 100);
item.style.zIndex = "";
opts.scrollOffset = new Coordinate(0,0);
if (is_ie) {
setSelectVisibility("visible");
}
// restore original options (if changed)
DropZone.dropList.each(function(item) {
item.style.backgroundColor = "transparent";
if (item.dropOptions.inheritParent) {
item.style.height = "";
}
});
opts.revert = opts.origRevert;
item.initialized = false;
item.wasClicked = false;
}
else {
/* Item was not dragged.  Treat as onClick event */
item.wasClicked = true;
}
}
}