Ext.override(TYPO3.FeEdit.DropZone, {
	onDrop: function(dragSource, evt, data) {
		var linkedDragEl = Ext.get(dragSource.getEl());
		var dropZoneEl   = Ext.get(this.getEl());

		if (linkedDragEl.hasClass('feEditAdvanced-contentTypeItem')) {
			// create a new record
			var previousContentElement = dropZoneEl.prev('.feEditAdvanced-allWrapper');
			if (!previousContentElement) {
					// it is the first element in this list, was dropped onto feEditAdvanced-firstWrapper
					// so TCEforms needs a "moveAfter" with the correct colPos and the page (needs to be negative)
				var contentElementContainerId = dropZoneEl.prev('.feEditAdvanced-firstWrapper').id;
				// the ID looks like this: feEditAdvanced-firstWrapper-pages-13
				var pageId = contentElementContainerId.substr(contentElementContainerId.indexOf('-pages-') + 7);
				var destinationPointer = Ext.get(contentElementContainerId).next('input.feEditAdvanced-flexformPointers').getAttribute('title') + ':0';
				var additionalParams = linkedDragEl.getAttribute('rel');

				additionalParams += '&TSFE_EDIT[record]=tt_content:NEW';
				additionalParams += '&TSFE_EDIT[pid]=' + pageId;

				// @todo Destination pointer not currently accounted for when saving.
				additionalParams += '&TSFE_EDIT[destinationPointer]=' + destinationPointer;
				additionalParams += '&pid=' + pageId;

				var action = new TYPO3.FeEdit.NewRecordAction();
				action.trigger(additionalParams, contentElementContainerId);
			} else {
				var editPanel = FrontendEditing.editPanels.get(previousContentElement.id);
				editPanel.create(linkedDragEl.getAttribute('rel'));
			}

		} else if (linkedDragEl.hasClass('feEditAdvanced-allWrapper')) {
			// Move a record
			linkedDragEl.insertBefore(dropZoneEl);
			linkedDragEl.highlight('ffff9c', {duration: 1});

			var sourceEditPanel = FrontendEditing.editPanels.get(linkedDragEl.id);
			var previousContentElement = linkedDragEl.prev('.feEditAdvanced-allWrapper');
			if (!previousContentElement) {
				// it is the first element in this list, was dropped onto feEditAdvanced-firstWrapper
				destinationPointer = sourceEditPanel.el.next('input.feEditAdvanced-flexformPointers').getAttribute('title') + ':0';
			} else {
				// just a basic: move one after the other
				var destinationEditPanel = FrontendEditing.editPanels.get(previousContentElement.id);
				destinationPointer = destinationEditPanel.getDestinationPointer();
			}
			sourceEditPanel.moveAfter(destinationPointer);
		} else if (linkedDragEl.hasClass('clipObj')) {
			// clipboard action
			srcElement = linkedDragEl.select('form input.feEditAdvanced-tsfeedit-input-record').first().getValue();
			cmd = linkedDragEl.select('form input.feEditAdvanced-tsfeedit-input-cmd').first().getValue();

				// do a clear of element on clipboard
			feClipboard.clearClipboard(linkedDragEl);

				// if source is on this page, then move it
			if (srcElement) {
					// set source and destination
				source = FrontendEditing.editPanels.get(srcElement.id);
				destination = FrontendEditing.editPanels.get(dropZoneEl.prev().id);

				srcElement.removeAttribute('style');
					// do the actual cut/copy				
				if (cmd == 'cut') {
						// move the element to where it is dropped
					source.paste(destination.getDestinationPointer());
					srcElement.removeClass('doCut');
					dropZoneEl.insertAfter(srcElement);
					// TODO: draggableElement.highlight({duration: 5});

						// now trigger the cut action

				} else if (cmd == 'copy') {
						// display the element where it is dropped
					srcElement.removeClass('doCopy');

					clonedElement = srcElement.cloneNode(true);
					dropZoneEl.insertAfter(clonedElement);
					newSource = FrontendEditing.editPanels.get(clonedElement.id);
					newSource.paste(destination.getDestinationPointer());
				}
			}
			// if source is NOT on this page, then need to:
			// 		do everything except use "blank" source
			//
		} else {
			alert("hmm, doesn't look like we can handle this drag. - TV");
		}
		FrontendEditing.deactivateDropZones();
	}
});

Ext.override(TYPO3.FeEdit.EditPanel, {
	getFlexformPointer: function() {
		return this.el.select('form input.feEditAdvanced-tsfeedit-input-flexformPointer').first().getValue();
	},

	getDestinationPointer: function() {
		var destPointer = this.el.select('form input.feEditAdvanced-tsfeedit-input-destinationPointer').first();
		if (destPointer) {
			return destPointer.getValue();
		} else {
			alert('no destination pointer found');
			return false;
		}
	},

	setDestinationPointer: function(destinationPointerValue) {
		var destPointer = this.el.select('form input.feEditAdvanced-tsfeedit-input-destinationPointer').first();
		if (destPointer) {
			destPointer.set({'value': destinationPointerValue});
		} else {
			alert('no destination pointer found');
		}
	},

	moveAfter: function(destinationPointerString) {
		this.setDestinationPointer(destinationPointerString);
		action = new TYPO3.FeEdit.MoveAfterAction(this);
		action.trigger();
	}

});

TYPO3.FeEdit.MoveAfterAction = Ext.extend(TYPO3.FeEdit.EditPanelAction, {

	_process: function(json) {
		// for now, do nothing
		FrontendEditing.editPanelsEnabled = true;
	},

	_getNotificationMessage: function() {
		return "Moving content.";
	},

	_getCmd: function() {
		return 'moveAfter';
	},

	_isModalAction: false
});

/**
 * Loops over flexform pointers (hidden input fields within each TV container) and updates the order and
 * list of content elements within that containter.
 */
FrontendEditing.updatePointerElements = function() {
	Ext.select('input.feEditAdvanced-flexformPointers').each(function(pointer) {
		var container;
		var pointerElement = Ext.get(pointer);

		// Find a container element. For outer mapping, its a sibling. For inner mapping, its a parent.
		if (pointerElement.prev().hasClass('feEditAdvanced-allWrapper')) {
			container = pointerElement.parent();
		} else {
			container = pointerElement.prev();
		}

		var pointerArray = [];
		var elementsInContainer = Ext.get(container.select('.feEditAdvanced-allWrapper'));
	 	elementsInContainer.each(function(element, counter) {
			var firstElement = element.first();
			var recordElement = Ext.get(firstElement.select('input.feEditAdvanced-tsfeedit-input-record').first());
				// pointerArray will be something like [1318,7,4,1313,1315,1317,1316]
			var recordInfo = recordElement.getValue().split(':');
			pointerArray.push(recordInfo[1]);

			elementsInContainer.removeElement(firstElement);
		});
		pointerElement.set({'value': pointerArray.toString()});
	});
};

/* basically this functions goes through all "input class=flexformPointers" elements 
 * which are at the end of every container with CEs; and then 
 * TODO: THis function does not work if CEs are hidden but not shown
 */
FrontendEditing.addFlexformPointers = function() {
	Ext.select('input.feEditAdvanced-flexformPointers').each(function(pointer) {
		var container;
		var pointerElement = Ext.get(pointer);
		// will be something like pages:25:sDEF:lDEF:field_content:vDEF
		var containerName = pointerElement.getAttribute('title');
		// pointerArray will be something like [1318,7,4,1313,1315,1317,1316]
		var pointerArray = pointerElement.getValue().split(',');

		// Find a container element. For outer mapping, its a sibling. For inner mapping, its a parent.
		if (pointerElement.prev().hasClass('feEditAdvanced-allWrapper')) {
			container = pointerElement.parent();
		} else {
			container = pointerElement.prev();
		}
		var elementsInContainer = Ext.get(container.select('.feEditAdvanced-allWrapper'));
		if (pointerArray.length > 0 && elementsInContainer.getCount() > 0) {
			Ext.each(pointerArray, function(pointerValue, counter) {
				counter++;
				firstElement = Ext.get(elementsInContainer.first());
				if (firstElement) {
					recordElement = Ext.get(firstElement.select('input.feEditAdvanced-tsfeedit-input-record').first());
					if (recordElement.getValue() == 'tt_content:' + pointerValue) {

							// flexformPointer element
						var flexformPointerElement = Ext.get(firstElement.select('input.feEditAdvanced-tsfeedit-input-flexformPointer:first'));
						if (flexformPointerElement.first()) {
							flexformPointerElement.set({'value': containerName + ':' + counter + '/tt_content:' + pointerValue});
						} else {
							var options = {
								'tag':  'input',
								'type': 'hidden',
								'name': 'TSFE_EDIT[flexformPointer]',
								'cls':  'feEditAdvanced-tsfeedit-input-flexformPointer',
								'value': containerName + ':' + counter + '/tt_content:' + pointerValue
							};
							Ext.DomHelper.insertAfter(recordElement, options);
						}

							// sourcePointer element
						var sourcePointerElement = Ext.get(firstElement.select('input.feEditAdvanced-tsfeedit-input-sourcePointer:first'));
						if (sourcePointerElement.first()) {
							sourcePointerElement.set({'value': containerName + ':' + counter});
						} else {
							options = {
								'tag':  'input',
								'type': 'hidden',
								'name': 'TSFE_EDIT[sourcePointer]',
								'cls':  'feEditAdvanced-tsfeedit-input-sourcePointer',
								'value': containerName + ':' + counter
							};
							Ext.DomHelper.insertAfter(recordElement, options);
						}

							// destinationPointer element
						var destinationPointerElement = Ext.get(firstElement.select('input.feEditAdvanced-tsfeedit-input-destinationPointer:first'));
						if (destinationPointerElement.first()) {
							destinationPointerElement.set({'value': containerName + ':' + counter});
						} else {
							options = {
								'tag':  'input',
								'type': 'hidden',
								'name': 'TSFE_EDIT[destinationPointer]',
								'cls':  'feEditAdvanced-tsfeedit-input-destinationPointer',
								'value': containerName + ':' + counter
							};
							Ext.DomHelper.insertAfter(recordElement, options);
						}

							// and remove the element which is now not needed anymore
						elementsInContainer.removeElement(firstElement);
					}
				}
			});
		}
	});
};