// JavaScript Document

function ajaxGetProdData(nid) {
	var http_request = false;
	var url = "./ajax_getproddata.php";
	
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
	  http_request = new XMLHttpRequest();
	} else if (window.ActiveXObject) { // IE
	  try {
		http_request = new ActiveXObject("Msxml2.XMLHTTP");
	  } catch (e) {
		try {
		  http_request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e) {}
	  }
	}
	
	if (!http_request) {
	  alert('Giving up :( Cannot create an XMLHTTP instance');
	  return false;
	}
	// 定義事件處理函數為 alterContents()
	http_request.onreadystatechange = function() { getProdData(http_request); };
	
	// show loading icon
	var selSize = document.getElementById('selSize');
	var selMaterial = document.getElementById('selMaterial');
	selSize.disabled = "disabled";
	selMaterial.disabled = "disabled";
	
	// IE 6.x 和 Firefox 1.5.x 皆要 encodeURI()

	url = url + "?seed=" + Date();
	var poststr = "nid=" + encodeURI( nid );
	http_request.open('POST', url, true);
	http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	http_request.setRequestHeader("Charset", "utf-8");
	http_request.setRequestHeader("Content-length", poststr.length);
	http_request.setRequestHeader("Connection", "close");
	http_request.send(poststr);
}
	
function getProdData(http_request) {
	if (http_request.readyState == 4) {
      if (http_request.status == 200) {
        var xmldoc = http_request.responseXML;
        var nodes = xmldoc.getElementsByTagName("mydata");
        var selSize = document.getElementById('selSize');
        var selMaterial = document.getElementById('selMaterial');
		
		// clear target content
		selSize.options.length=1;
		selMaterial.options.length=1;
		// add news
		for(var i=0; i<nodes.length; i++) {
		  thisType = nodes[i].getAttribute("type");
		  thisVal = nodes[i].firstChild.nodeValue;
		  if (thisType == "size")
			  selSize.options[selSize.length] = new Option(thisVal, thisVal);
		  else
			  selMaterial.options[selMaterial.length] = new Option(thisVal, thisVal);
		}
		selSize.disabled = "";
		selMaterial.disabled = "";
		
      } else {
        alert('There was a problem with the request.');
      }
    }
}