//variables

var isMoving = false;
var tmpInd;

/* ------------------------ */
/*	Template Reordering		*/
/* ------------------------ */

addEvent(window, 'load', reorderingWatch);

function reorderingWatch() {
	if ($('projectList')) addEvent($('projectList'), 'selectstart', function () { return false; }, false);
	jQuery('.moveHandle').bind("mousedown", function (e) {
		//reorderStart(this, e);
		if (isMoving) return;
		jQuery(this)
	.css({ width: '100px', height: '100px', zIndex: '100', top: '-43px', right: '-42px', position: 'absolute', zIndex: '2000' })
	.attr('id', 'movingBoxHandle')
	.parents('li').eq(0).attr('id', 'movingBox').css({ zIndex: '10000' })
		tmpX1 = (e.clientX + getScrollXY()[0])//(e.clientX - findPos(box)[0] + getScrollXY()[0]) + findPos(box)[0] - box.offsetLeft + 15;
		tmpY1 = (e.clientY + getScrollXY()[1])//(e.clientY - findPos(box)[1] + getScrollXY()[1]) + findPos(box)[1] - box.offsetTop;
		tmpX2 = $('movingBox').offsetLeft;
		tmpY2 = $('movingBox').offsetTop;
		tmpInd = getInd($('movingBox'));
		isMoving = true;
		jQuery(this).parent().css({ MozUserSelect: "none" });
	});
	jQuery(document).bind("mousemove", function (e) { reorderMove(e); });
	jQuery(document).bind("mouseup", function (e) { reorderEnd(e); });
}

function reorderShift(e) {
	if (typeof isMoving == 'undefined') return;
	if (!isMoving) return;
	alert('xx');
	var box;
	if (e.childNodes)
		box = e;
	else if (this.childNodes)
		box = this;
	else if (e.srcElement.childNodes)
		box = e.srcElement;
	if ($('blankBox')) {
		$('blankBox').parentNode.removeChild($('blankBox'));
		box.parentNode.insertBefore($('blankBox'), box);
	}
}

function getInd(box) {
	var i = Math.round(Math.round(box.offsetTop / 210) * 3) + Math.round(Math.max(Math.min(Math.max(box.offsetLeft / 160, 0), 2), 0));
	i = Math.max(0, i);
	var max = box.parentNode.childNodes.length;
	i = Math.min(max - 3, i);
	return i;
}

function reorderMove(e) {
	if (typeof isMoving == 'undefined') return;
	if (!isMoving) return;
	var box;
	box = $('movingBox');
	var x = (e.clientX + getScrollXY()[0]) - tmpX1;
	var y = (e.clientY + getScrollXY()[1]) - tmpY1;

	box.style.left = x + 'px';
	box.style.top = y + 'px';
	newInd = getInd(box);

	if (tmpInd != newInd) {
		x = box.offsetLeft; y = box.offsetTop;
		var p = box.parentNode;
		p.removeChild(box);
		var li = jQuery(p).children('li').get(newInd);
		p.insertBefore(box, li);

		jQuery(p).children('li').removeClass('clear');
		jQuery(p).children('li:nth-child(3n+1)').addClass('clear');

		tmpX1 += (box.offsetLeft - x);
		tmpY1 += (box.offsetTop - y);
		var x = (e.clientX + getScrollXY()[0]) - tmpX1;
		var y = (e.clientY + getScrollXY()[1]) - tmpY1;

		box.style.left = x + 'px';
		box.style.top = y + 'px';

		tmpInd = newInd;
	}
	return false;
}

function reorderEnd(e) {
	if (typeof isMoving == 'undefined') return;
	if (!isMoving) return;
	var box;
	box = $('movingBox');
	isMoving = false;
	setTimeout(reorderSnapBack, 5);
	if ($('blankBox')) $('blankBox').parentNode.removeChild($('blankBox'));
	var tempId = box.className.substring(box.className.indexOf('-') + 1);
	jQuery.ajax({
		type: "POST",
		url: getAccUrl() + 'partial/reordering/' + tempId,
		data: 'action=reorderTemplate&request=partial&templateid=' + tempId + '&templateorder=' + (tmpInd + 1),
		success: function (data) { }
	});
	box = $('movingBoxHandle');
	box.style.width = '15px';
	box.style.height = '15px';
	box.style.zIndex = '';
	box.style.top = '';
	box.style.right = '';
	box.style.position = 'relative';
	box.style.zIndex = '';
	box.id = '';
}

function reorderSnapBack() {
	box = $('movingBox');
	x = box.style.left.substring(0, box.style.left.length - 2) / 2;
	y = box.style.top.substring(0, box.style.top.length - 2) / 2;
	//alert(x);
	box.style.left = x + 'px';
	box.style.top = y + 'px';

	if (Math.abs(x) > 5 || Math.abs(y) > 5)
		setTimeout(reorderSnapBack, 1);
	else {
		box.style.left = '';
		box.style.top = '';
		box.id = '';
		box.style.position = '';
		box.style.zIndex = '';
	}
}