function displayShop(ret) {
	var tmphtml = "<h4> Select an item to buy it:</h4>";
	tmphtml += "<ul class=\"list-inline\">";
	for(var i=0; i < ret.items.length; i++) {
		tmphtml += "<li>";
		tmphtml += "<button type=\"submit\" class=\"btn btn-primary\" onclick=\"buyItem('" + ret.items[i].name + "')\"><span class=\"item-icon\">" + ret.items[i].icon + "</span><br />" + ret.items[i].name + "</button>";
		tmphtml += "</li>";
	}
	tmphtml += "</ul>"
	document.getElementById("tab2").innerHTML = tmphtml;
}

function displayInventory(items) {
	for(var i=0; i < items.length; i++) {
		addItem(items[i]);
	}
}

function buildShop() {
	sendRequest("craftmine.php", "op=buildShop", function(ret) {
		displayShop(ret);
		debitAccount(ret.cost);
	});
}

function addItem(ret) {
	var itemhtml = "<li>";
	itemhtml += "<button type=\"button\" class=\"btn btn-primary\" onclick=\"useItem('" + ret.name + "')\"><span class=\"item-icon\">" + ret.icon + "</span><br />" + ret.name + "</button>";
	itemhtml += "</li>";

	var invcontent = document.getElementById("tab3");

	if(invcontent.children.length <= 1)
	{
		var tmphtml = "<h4>Your bag contains the following items:</h4>";
		tmphtml += "<ul class=\"list-inline\">";
		tmphtml += itemhtml;
		tmphtml += "</ul>"
		invcontent.innerHTML = tmphtml;
	} else
		invcontent.getElementsByTagName('ul')[0].innerHTML += itemhtml;

	showInfo(ret.desc);
}

function buyItem(name) {
	sendRequest("craftmine.php", "op=buyItem&item="+name, function(ret) {
		addItem(ret);
		debitAccount(ret.cost);
	});
}

function useItem(name) {
	sendRequest("craftmine.php", "op=useItem&item="+name, function(ret) {
	});
}