// JavaScript Document
function loadDetail(img, index) {
	// Start HTTP request
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
    	http_request = new XMLHttpRequest();
	} else if (window.ActiveXObject) { // IE
    	http_request = new ActiveXObject("Microsoft.XMLHTTP");
	}
	http_request.onreadystatechange = showDetail;
	http_request.open('GET', 'inc/detail.php?img='+img+'&index='+index, true);
	http_request.send(null);
}
function showDetail() {
	var detailDiv = document.getElementById('detail');
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			detailDiv.innerHTML = http_request.responseText;
			detailDiv.style.display = 'block';
		} else {
			alert('There was a problem with the request.');
		}
	}
}
function closeDetail() {
	var detailDiv = document.getElementById('detail');
	detailDiv.style.display = 'none';
}
function setItem(formObj) { 
  var obj = formObj.chooser;
  var rawData = obj.options[obj.selectedIndex].value;
  var itemArr = rawData.split('|');
  var itemTitle = itemArr[0];
  var itemPrice = itemArr[1];
  formObj.item_number.value = itemTitle;
  formObj.amount.value = itemPrice;
}