/**

 * Interface Elements for jQuery

 * Draggable

 *

 * http://interface.eyecon.ro

 *

 * Copyright (c) 2006 Stefan Petre

 * Dual licensed under the MIT (MIT-LICENSE.txt)

 * and GPL (GPL-LICENSE.txt) licenses.

 */

/**

 * Create a draggable element with a number of advanced options including callback, Google Maps type draggables,

 * reversion, ghosting, and grid dragging.

 * 

 * @name Draggable

 * @descr Creates draggable elements that can be moved across the page.

 * @param Hash hash A hash of parameters. All parameters are optional.

 * @option String handle (optional) The jQuery selector matching the handle that starts the draggable

 * @option DOMElement handle (optional) The DOM Element of the handle that starts the draggable

 * @option Boolean revert (optional) When true, on stop-drag the element returns to initial position

 * @option Boolean ghosting (optional) When true, a copy of the element is moved

 * @option Integer zIndex (optional) zIndex depth for the element while it is being dragged

 * @option Float opacity (optional) A number between 0 and 1 that indicates the opacity of the element while being dragged

 * @option Integer grid (optional) (optional) A number of pixels indicating the grid that the element should snap to

 * @option Array grid (optional) A number of x-pixels and y-pixels indicating the grid that the element should snap to

 * @option Integer fx (optional) Duration for the effect (like ghosting or revert) applied to the draggable

 * @option String containment (optional) Define the zone where the draggable can be moved. 'parent' moves it inside parent

 *                           element, while 'document' prevents it from leaving the document and forcing additional

 *                           scrolling

 * @option Array containment An 4-element array (left, top, width, height) indicating the containment of the element

 * @option String axis (optional) Set an axis: vertical (with 'vertically') or horizontal (with 'horizontally')

 * @option Function onStart (optional) Callback function triggered when the dragging starts

 * @option Function onStop (optional) Callback function triggered when the dragging stops

 * @option Function onChange (optional) Callback function triggered when the dragging stop *and* the element was moved at least

 *                          one pixel

 * @option Function onDrag (optional) Callback function triggered while the element is dragged. Receives two parameters: x and y

 *                        coordinates. You can return an object with new coordinates {x: x, y: y} so this way you can

 *                        interact with the dragging process (for instance, build your containment)

 * @option Boolean insideParent Forces the element to remain inside its parent when being dragged (like Google Maps)

 * @option Integer snapDistance (optional) The element is not moved unless it is dragged more than snapDistance. You can prevent

 *                             accidental dragging and keep regular clicking enabled (for links or form elements, 

 *                             for instance)

 * @option Object cursorAt (optional) The dragged element is moved to the cursor position with the offset specified. Accepts value

 *                        for top, left, right and bottom offset. Basically, this forces the cursor to a particular

 *                        position during the entire drag operation.

 * @option Boolean autoSize (optional) When true, the drag helper is resized to its content, instead of the dragged element's sizes

 * @option String frameClass (optional) When is set the cloned element is hidden so only a frame is dragged

 * @type jQuery

 * @cat Plugins/Interface

 * @author Stefan Petre

 */

jQuery.iDrag =	{

	helper : null,

	dragged: null,

	destroy : function()

	{

		return this.each(

			function ()

			{

				if (this.isDraggable) {

					this.dragCfg.dhe.unbind('mousedown', jQuery.iDrag.draginit);

					this.dragCfg = null;

					this.isDraggable = false;

					if(jQuery.browser.msie) {

						this.unselectable = "off";

					} else {

						this.style.MozUserSelect = '';

						this.style.KhtmlUserSelect = '';

						this.style.userSelect = '';

					}

				}

			}

		);

	},

	draginit : function (e)

	{

		if (jQuery.iDrag.dragged != null) {

			jQuery.iDrag.dragstop(e);

			return false;

		}

		var elm = this.dragElem;

		jQuery(document)

			.bind('mousemove', jQuery.iDrag.dragmove)

			.bind('mouseup', jQuery.iDrag.dragstop);

		elm.dragCfg.pointer = jQuery.iUtil.getPointer(e);

		elm.dragCfg.currentPointer = elm.dragCfg.pointer;

		elm.dragCfg.init = false;

		elm.dragCfg.fromHandler = this != this.dragElem;

		jQuery.iDrag.dragged = elm;

		if (elm.dragCfg.si && this != this.dragElem) {

				parentPos = jQuery.iUtil.getPosition(elm.parentNode);

				sliderSize = jQuery.iUtil.getSize(elm);

				sliderPos = {

					x : parseInt(jQuery.css(elm,'left')) || 0,

					y : parseInt(jQuery.css(elm,'top')) || 0

				};

				dx = elm.dragCfg.currentPointer.x - parentPos.x - sliderSize.wb/2 - sliderPos.x;

				dy = elm.dragCfg.currentPointer.y - parentPos.y - sliderSize.hb/2 - sliderPos.y;

				jQuery.iSlider.dragmoveBy(elm, [dx, dy]);

		}

		return jQuery.selectKeyHelper||false;

	},

	dragstart : function(e)

	{

		var elm = jQuery.iDrag.dragged;

		elm.dragCfg.init = true;

		var dEs = elm.style;

		elm.dragCfg.oD = jQuery.css(elm,'display');

		elm.dragCfg.oP = jQuery.css(elm,'position');

		if (!elm.dragCfg.initialPosition)

			elm.dragCfg.initialPosition = elm.dragCfg.oP;

		elm.dragCfg.oR = {

			x : parseInt(jQuery.css(elm,'left')) || 0,

			y : parseInt(jQuery.css(elm,'top')) || 0

		};

		elm.dragCfg.diffX = 0;

		elm.dragCfg.diffY = 0;

		if (jQuery.browser.msie) {

			var oldBorder = jQuery.iUtil.getBorder(elm, true);

			elm.dragCfg.diffX = oldBorder.l||0;

			elm.dragCfg.diffY = oldBorder.t||0;

		}

		elm.dragCfg.oC = jQuery.extend(

			jQuery.iUtil.getPosition(elm),

			jQuery.iUtil.getSize(elm)

		);

		if (elm.dragCfg.oP != 'relative' && elm.dragCfg.oP != 'absolute') {

			dEs.position = 'relative';

		}

		jQuery.iDrag.helper.empty();

		var clonedEl = elm.cloneNode(true);

		jQuery(clonedEl).css(

			{

				display:	'block',

				left:		'0px',

				top: 		'0px'

			}

		);

		clonedEl.style.marginTop = '0';

		clonedEl.style.marginRight = '0';

		clonedEl.style.marginBottom = '0';

		clonedEl.style.marginLeft = '0';

		jQuery.iDrag.helper.append(clonedEl);

		var dhs = jQuery.iDrag.helper.get(0).style;

		if (elm.dragCfg.autoSize) {

			dhs.width = 'auto';

			dhs.height = 'auto';

		} else {

			dhs.height = elm.dragCfg.oC.hb + 'px';

			dhs.width = elm.dragCfg.oC.wb + 'px';

		}

		dhs.display = 'block';

		dhs.marginTop = '0px';

		dhs.marginRight = '0px';

		dhs.marginBottom = '0px';

		dhs.marginLeft = '0px';

		//remeasure the clone to check if the size was changed by user's functions

		jQuery.extend(

			elm.dragCfg.oC,

			jQuery.iUtil.getSize(clonedEl)

		);

		if (elm.dragCfg.cursorAt) {

			if (elm.dragCfg.cursorAt.left) {

				elm.dragCfg.oR.x += elm.dragCfg.pointer.x - elm.dragCfg.oC.x - elm.dragCfg.cursorAt.left;

				elm.dragCfg.oC.x = elm.dragCfg.pointer.x - elm.dragCfg.cursorAt.left;

			}

			if (elm.dragCfg.cursorAt.top) {

				elm.dragCfg.oR.y += elm.dragCfg.pointer.y - elm.dragCfg.oC.y - elm.dragCfg.cursorAt.top;

				elm.dragCfg.oC.y = elm.dragCfg.pointer.y - elm.dragCfg.cursorAt.top;

			}

			if (elm.dragCfg.cursorAt.right) {

				elm.dragCfg.oR.x += elm.dragCfg.pointer.x - elm.dragCfg.oC.x -elm.dragCfg.oC.hb + elm.dragCfg.cursorAt.right;

				elm.dragCfg.oC.x = elm.dragCfg.pointer.x - elm.dragCfg.oC.wb + elm.dragCfg.cursorAt.right;

			}

			if (elm.dragCfg.cursorAt.bottom) {

				elm.dragCfg.oR.y += elm.dragCfg.pointer.y - elm.dragCfg.oC.y - elm.dragCfg.oC.hb + elm.dragCfg.cursorAt.bottom;

				elm.dragCfg.oC.y = elm.dragCfg.pointer.y - elm.dragCfg.oC.hb + elm.dragCfg.cursorAt.bottom;

			}

		}

		elm.dragCfg.nx = elm.dragCfg.oR.x;

		elm.dragCfg.ny = elm.dragCfg.oR.y;

		if (elm.dragCfg.insideParent || elm.dragCfg.containment == 'parent') {

			parentBorders = jQuery.iUtil.getBorder(elm.parentNode, true);

			elm.dragCfg.oC.x = elm.offsetLeft + (jQuery.browser.msie ? 0 : jQuery.browser.opera ? -parentBorders.l : parentBorders.l);

			elm.dragCfg.oC.y = elm.offsetTop + (jQuery.browser.msie ? 0 : jQuery.browser.opera ? -parentBorders.t : parentBorders.t);

			jQuery(elm.parentNode).append(jQuery.iDrag.helper.get(0));

		}

		if (elm.dragCfg.containment) {

			jQuery.iDrag.getContainment(elm);

			elm.dragCfg.onDragModifier.containment = jQuery.iDrag.fitToContainer;

		}

		if (elm.dragCfg.si) {

			jQuery.iSlider.modifyContainer(elm);

		}

		dhs.left = elm.dragCfg.oC.x - elm.dragCfg.diffX + 'px';

		dhs.top = elm.dragCfg.oC.y - elm.dragCfg.diffY + 'px';

		//resize the helper to fit the clone

		dhs.width = elm.dragCfg.oC.wb + 'px';

		dhs.height = elm.dragCfg.oC.hb + 'px';

		jQuery.iDrag.dragged.dragCfg.prot = false;

		if (elm.dragCfg.gx) {

			elm.dragCfg.onDragModifier.grid = jQuery.iDrag.snapToGrid;

		}

		if (elm.dragCfg.zIndex != false) {

			jQuery.iDrag.helper.css('zIndex', elm.dragCfg.zIndex);

		}

		if (elm.dragCfg.opacity) {

			jQuery.iDrag.helper.css('opacity', elm.dragCfg.opacity);

			if (window.ActiveXObject) {

				jQuery.iDrag.helper.css('filter', 'alpha(opacity=' + elm.dragCfg.opacity * 100 + ')');

			}

		}

		if(elm.dragCfg.frameClass) {

			jQuery.iDrag.helper.addClass(elm.dragCfg.frameClass);

			jQuery.iDrag.helper.get(0).firstChild.style.display = 'none';

		}

		if (elm.dragCfg.onStart)

			elm.dragCfg.onStart.apply(elm, [clonedEl, elm.dragCfg.oR.x, elm.dragCfg.oR.y]);

		if (jQuery.iDrop && jQuery.iDrop.count > 0 ){

			jQuery.iDrop.highlight(elm);

		}

		if (elm.dragCfg.ghosting == false) {

			dEs.display = 'none';

		}

		return false;

	},

	getContainment : function(elm)

	{

		if (elm.dragCfg.containment.constructor == String) {

			if (elm.dragCfg.containment == 'parent') {

				elm.dragCfg.cont = jQuery.extend(

					{x:0,y:0},

					jQuery.iUtil.getSize(elm.parentNode)

				);

				var contBorders = jQuery.iUtil.getBorder(elm.parentNode, true);

				elm.dragCfg.cont.w = elm.dragCfg.cont.wb - contBorders.l - contBorders.r;

				elm.dragCfg.cont.h = elm.dragCfg.cont.hb - contBorders.t - contBorders.b;

			} else if (elm.dragCfg.containment == 'document') {

				var clnt = jQuery.iUtil.getClient();

				elm.dragCfg.cont = {

					x : 0,

					y : 0,

					w : clnt.w,

					h : clnt.h

				};

			}

		} else if (elm.dragCfg.containment.constructor == Array) {

			elm.dragCfg.cont = {

				x : parseInt(elm.dragCfg.containment[0])||0,

				y : parseInt(elm.dragCfg.containment[1])||0,

				w : parseInt(elm.dragCfg.containment[2])||0,

				h : parseInt(elm.dragCfg.containment[3])||0

			};

		}

		elm.dragCfg.cont.dx = elm.dragCfg.cont.x - elm.dragCfg.oC.x;

		elm.dragCfg.cont.dy = elm.dragCfg.cont.y - elm.dragCfg.oC.y;

	},

	hidehelper : function(dragged)

	{

		if (dragged.dragCfg.insideParent || dragged.dragCfg.containment == 'parent') {

			jQuery('body', document).append(jQuery.iDrag.helper.get(0));

		}

		jQuery.iDrag.helper.empty().hide().css('opacity', 1);

		if (window.ActiveXObject) {

			jQuery.iDrag.helper.css('filter', 'alpha(opacity=100)');

		}

	},

	dragstop : function(e)

	{

		jQuery(document)

			.unbind('mousemove', jQuery.iDrag.dragmove)

			.unbind('mouseup', jQuery.iDrag.dragstop);

		if (jQuery.iDrag.dragged == null) {

			return;

		}

		var dragged = jQuery.iDrag.dragged;

		jQuery.iDrag.dragged = null;

		if (dragged.dragCfg.init == false) {

			return false;

		}

		if (dragged.dragCfg.so == true) {

			jQuery(dragged).css('position', dragged.dragCfg.oP);

		}

		var dEs = dragged.style;

		if (dragged.si) {

			jQuery.iDrag.helper.css('cursor', 'move');

		}

		if(dragged.dragCfg.frameClass) {

			jQuery.iDrag.helper.removeClass(dragged.dragCfg.frameClass);

		}

		if (dragged.dragCfg.revert == false) {

			if (dragged.dragCfg.fx > 0) {

				if (!dragged.dragCfg.axis || dragged.dragCfg.axis == 'horizontally') {

					var x = new jQuery.fx(dragged,{duration:dragged.dragCfg.fx}, 'left');

					x.custom(dragged.dragCfg.oR.x,dragged.dragCfg.nRx);

				}

				if (!dragged.dragCfg.axis || dragged.dragCfg.axis == 'vertically') {