function BillDisplay(bill, div) {
	this.bill = bill;
	this.div = div;
	
	this.bill.onchange.subscribe(function() {
		var html = "<TABLE class=receipt>";
		var total = 0;
		
		var items = bill.getBill();
		
		for (var i = 0; i < items.length; i++) {
			var item = items[i];
			
			if ((item.price + "").indexOf('%') > 0) {
				html += "<TR><TD>" + item.name + "</TD><TD class='price'>&nbsp;" + item.price + "</TD></TR>";
				var rebate = parseFloat((item.price + "").substr(0, (item.price + "").length - 1));
				total += total * (rebate / 100);
			} else {
				html += "<TR><TD>" + item.name + "</TD><TD class='price'>&euro;&nbsp;" + sprintf('%0.2f', parseFloat(item.price)) + "</TD></TR>";
				total += parseFloat(item.price);
			}
			this.div.innerHTML = html;
		}
		html += "<TR><TD><b>Totaal:</b></TD><TD class='price total'>&euro;&nbsp;" + sprintf('%0.2f', total) + "</TD></TR></TABLE>";
		
		this.div.innerHTML = html;
	}.bind(this));
}

function selectOption(id, name, price) {
	unselectOption(id);
	bill.addItem(id, 1, price, name);
}

function unselectOption(id) {
	bill.removeItem(id, 1);
}