var MARGIN = 20;

var lItems = new Array();
var drag = null;
var offset = null;
var aShow = false;
var buffer;
var cItem, tItem;
var roof = 0, floor = 0;


function mm(e) {
	if (!drag) return null;
	
	var itm = getEventTarget(e);
	if (itm.id.substr(0,1) == 'o') itm = document.getElementById(itm.id.substr(1));
	
	if (drag === itm) return null;
	
	tItem = lItems[itm.id];
	
	if (cItem.gen == 0 || tItem.gen == 0) return null;
	
	if (itm.id <= roof) return null;
	if (itm.id >= floor && floor != 0) return null;
	
	if (Math.abs(itm.id - drag.id) !== 1) return null;
	
	buffer = drag.innerHTML;
	drag.innerHTML = itm.innerHTML;
	itm.innerHTML = buffer;
			
	buffer = drag.style.fontSize;
	drag.style.fontSize = itm.style.fontSize;
	itm.style.fontSize = buffer;
			
	buffer = drag.style.backgroundColor;
	drag.style.backgroundColor = itm.style.backgroundColor;
	itm.style.backgroundColor = buffer;
	
	buffer = drag.style.padding;
	drag.style.padding = itm.style.padding;
	itm.style.padding = buffer;
	
	buffer = drag.style.border;
	drag.style.border = itm.style.border;
	itm.style.border = buffer;
	
	buffer = lItems[drag.id];
	lItems[drag.id] = lItems[itm.id];
	lItems[itm.id] = buffer;
	
	drag.style.marginLeft = tItem.gen * MARGIN + 'px';
	itm.style.marginLeft = cItem.gen * MARGIN + 'px';
	
	drag = itm;
}

function mouseUp() {
	if (drag) {
		drag.style.border = '';
		drag.style.padding = '4px';
		drag = null;
		floor = roof = 0;
	}
}


function s_drag(e) {
	drag = getEventTarget(e);
	if (drag.id.substr(0,1) == 'o') drag = document.getElementById(drag.id.substr(1));
	
	cItem = lItems[drag.id];
	
	drag.style.padding = '2px';
	drag.style.border = '2px solid #000000';
	
	for (var x in lItems) {
		if (cItem.par == lItems[x].id) roof = parseInt(x);
		if (cItem.id == lItems[x].par && (parseInt(x) < parseInt(floor) || parseInt(floor) == 0)) floor = parseInt(x);
	}

	return false;
}

function getEventTarget(e) {
	if (window.event && window.event.srcElement) { return window.event.srcElement; }
	if (e && e.target) { return e.target; }
	return null
}

function addEvent(elm, evType, fn, useCapture) {
	if (elm.addEventListener) {
		elm.addEventListener(evType, fn, useCapture);
		return true;
	} else if (elm.attachEvent) {
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	} else {
		elm['on' + evType] = fn;
	}
}

function getOrderData(auth,id) {

	if (userType != 'tchr' && userType != 'prem') { alert('Sorry, this feature is not available for your account type.'); return; }
	
	if (aShow) {
		tellFlash('presentation', '');
		aShow = false;
		return null;
	}
	
	openPopup('order');

	if (lItems[0] !== undefined) {
		lItems = [];
		document.getElementById('o-container').innerHTML = '';
	}

	var aj = function(val) {
		drawItems(val);
	}
	
	ajax('calls/order.php', 'id=' + mapID, aj);
}

function drawItems(sItems) {

	var tArr2, tArr = sItems.split("\n");
	for (var t in tArr) {
		if (tArr[t] != '') {
			tArr2 = tArr[t].split(',');
			lItems.push( {id:tArr2[0], par:tArr2[1], gen:tArr2[2], c:tArr2[3], name:tArr2[4]} );
		}
	}
	
	document.getElementById('o-container').onmousedown = function() { return false; };
	document.getElementById('o-container').onmouseup = mouseUp;
	
	for (var x in lItems) {
		var idiv = document.createElement('div');
		var odiv = document.createElement('div');
		
		idiv.id = x;
		idiv.innerHTML = lItems[x].name;
		idiv.className = 'item';
		idiv.style.marginLeft = MARGIN * lItems[x].gen + 'px';
		idiv.style.backgroundColor = (x == 0) ? '#555555' : nodeColour[lItems[x].c][lItems[x].gen];
		idiv.style.fontSize = 15 - (lItems[x].gen) + 'px';
		idiv.style.lineHeight = 15 - (lItems[x].gen) + 'px';
		idiv.style.height = 16 - (lItems[x].gen) + 'px';
		
		odiv.id = 'o' + x;
		odiv.className = 'itembg';
		
		addEvent(odiv, 'onselectstart', function () { return false; }, false);
		addEvent(odiv, 'mousedown', s_drag, false);
		addEvent(odiv, 'mousemove', mm, false);
		document.getElementById('o-container').appendChild(odiv);
		odiv.appendChild(idiv);
		
		var newbreak = document.createElement('br');
		document.getElementById('o-container').appendChild(newbreak);
	}
}

function saveItems() {
	var rstr = '';
	for (var x in lItems) {
		rstr += lItems[x].id + ",";
	}
	
	var aj = function(val) {
		closePopups();
		tellFlash('presentation', rstr);
		aShow = true;
	}
	
	ajax('calls/order.php', 'save=' + rstr, aj);
}

var nodeColour = new Array();
nodeColour[0] = new Array(); //1st - Red
nodeColour[0][1] = '#f9372d';
nodeColour[0][2] = '#f62e1f';
nodeColour[0][3] = '#e71920';
nodeColour[0][4] = '#e41c30';
nodeColour[0][5] = '#e31933';
nodeColour[1] = new Array(); //2nd - Blue
nodeColour[1][1] = '#0059d6';
nodeColour[1][2] = '#0081d0';
nodeColour[1][3] = '#008bd2';
nodeColour[1][4] = '#0097d6';
nodeColour[1][5] = '#00b1db';
nodeColour[2] = new Array(); //3rd - Green
nodeColour[2][1] = '#00a500';
nodeColour[2][2] = '#00c700';
nodeColour[2][3] = '#1bc700';
nodeColour[2][4] = '#47c800';
nodeColour[2][5] = '#68c900';
nodeColour[3] = new Array(); //4th - Purple
nodeColour[3][1] = '#771adb';
nodeColour[3][2] = '#a318bf';
nodeColour[3][3] = '#c72ee5';
nodeColour[3][4] = '#e52eba';
nodeColour[3][5] = '#d02ee5';
nodeColour[4] = new Array(); //5th - Aqua
nodeColour[4][1] = '#00bcd3';
nodeColour[4][2] = '#2ea8ff';
nodeColour[4][3] = '#2fbdff';
nodeColour[4][4] = '#0fdbe6';
nodeColour[4][5] = '#1dced7';
nodeColour[5] = new Array(); //6th - Orange
nodeColour[5][1] = '#ff6104';
nodeColour[5][2] = '#ff6d04';
nodeColour[5][3] = '#ff7b13';
nodeColour[5][4] = '#ff8e00';
nodeColour[5][5] = '#ffb000';
nodeColour[6] = new Array(); //7th - Magenta
nodeColour[6][1] = '#d50d97';
nodeColour[6][2] = '#e53583';
nodeColour[6][3] = '#fd7bdc';
nodeColour[6][4] = '#ff81c6';
nodeColour[6][5] = '#ff8ca6';