/**
 * 
 */
var allItemsArray = []
var allItems = {}
var requieredCount = []
var requieredItems = []
var newid = 0


var itemsRequest = new XMLHttpRequest();
itemsRequest.open('GET', 'resources/items.txt')
itemsRequest.onload = function() {
	var res = itemsRequest.responseText;
	var items = res.split("\n")
	var loaded = 0
	for (var i = 0; i < items.length && !(items[i] in window); i++) {
		loadJSON(items[i])
	}
}
itemsRequest.send()



function loadHTML() {
	$("#itemtoadd").empty()
	for (var i = 0; i < allItemsArray.length; i++) {
		if (!('disabled' in allItemsArray[i])){
			$("#itemtoadd").append("<option value=\""+allItemsArray[i].id+"\">" + allItemsArray[i].name + "</option>")
		} else {
			//console.log(allItemsArray[i].name+" disabled. Not loading")
		}
	}
}

function loadJSON(itemname) {
	var itemRequest = new XMLHttpRequest();
	itemRequest.open('GET', 'resources/items/' + itemname + '.txt')
	console.log("Loading: " + itemname + ".txt")
	itemRequest.onload = function() {
		itemname = itemname.replace(/\s/g, "")
		var item = JSON.parse(itemRequest.responseText)
		if (!('name' in item)){
			item.name = itemname
			console.warn("missing key \"name\" in "+itemname)
		}
		item.id = newid
		newid++
		allItems[itemname] = item
		allItemsArray.push(item)
		console.log(item)
		loadHTML()
	}
	itemRequest.send()
}

function getItemFromId(index){
	for(var i=0;i<allItemsArray.length;i++){
		if(allItemsArray[i].id == index)
			return allItemsArray[i]
	}
	return null
}

$( document ).ready(function() {
	// SEITE HAT GELADEN
	
	$("#itemtoadd").selectmenu()
	$("#additem").button()
	$("#calc").button()
	
	// BUTTONS
	$("#additem").click(function() {
		var id = $("#itemtoadd").val()
		console.log("Adding "+id+"...")
		var tagid = 'item_'+id
		if($('#'+tagid).length){
			console.log(id+" allready exists!")
			return
		}
		$("#tocraft").append('<input id="'+tagid+'" name="value"><label id="lable_'+tagid+'" style="margin-top: 3px;" class="ui-widget" for="'+tagid+'">  '+getItemFromId(id).name+'<br></label>')
		$("#"+tagid).spinner({
			  min: 0,
			  numberFormat: "n",
			  change: function( event, ui ) {
				  if($("#"+tagid).spinner( "value" )==0){
					  $("#"+tagid).spinner( "destroy" )
					  $("#"+tagid).remove()
					  $("#lable_"+tagid).remove()
				  }
			  }
		});
		$("#"+tagid).val(1)
	})
	
	$("#calc").click(function() {
		requieredCount = []
		requieredItems = []
		for(var i=0;i<newid;i++){
			var tag = "#item_"+i;
			if($(tag).length){
				var item = allItemsArray[i]
				for(var n=0;n<$(tag).spinner("value");n++){
					for(var j=0;j<item.crafting.length;j++){
						if(requieredItems.indexOf(item.crafting[j])==-1){
							requieredCount[requieredItems.length] = 1
							requieredItems[requieredItems.length] = item.crafting[j]
						}else{
							requieredCount[requieredItems.indexOf(item.crafting[j])]++
						}
					}
				}
			}
		}
		updateoutput()
	})
	
})

function updateoutput() {
	$("#output").empty()
	for (var i = 0; i < requieredItems.length; i++) {
		if(allItems[requieredItems[i]]){
			$("#output").append("<span id=\""+i+"\" class=\"ui-widget outputitem\">" +requieredCount[i]+"x "+allItems[requieredItems[i]].name+ "</span><br>")
		}else{
			$("#output").append("<span id=\""+i+"\" class=\"ui-widget outputitem\">" +requieredCount[i]+"x "+requieredItems[i]+ "</span><br>")
		}
	}
	
	$(".outputitem").click(function() {
		console.log($(this).attr('id'))
		var index = parseInt($(this).attr('id'))
		var itemid = requieredItems[index]
		var itemcount = requieredCount[index]
		if(allItems[itemid]){
			var item = allItems[itemid]
			requieredCount.splice(index,1)
			requieredItems.splice(index,1)
			for(var i=0;i<itemcount;i++){
				for(var j=0;j<item.crafting.length;j++){
					if(requieredItems.indexOf(item.crafting[j])==-1){
						requieredCount[requieredItems.length] = 1
						requieredItems[requieredItems.length] = item.crafting[j]
						console.log("-1")
					}else{
						requieredCount[requieredItems.indexOf(item.crafting[j])]++
						console.log("is Da")
					}
				}
			}
		}
		updateoutput()
	})
}