function postDataReturnText(url, data, callback) {
  var objRequest = false;

  if (window.XMLHttpRequest) {
    objRequest = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) {
    objRequest = new ActiveXObject("Microsoft.XMLHTTP");
  }

  if (objRequest) {
    objRequest.open("POST", url);
    objRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    objRequest.onreadystatechange = handleResponse;
    objRequest.send(data);
  }


  function handleResponse() {
    if (objRequest.readyState == 4 && objRequest.status == 200) {
      callback(objRequest.responseText);

      delete objRequest;
      objRequest = null;
    }
  } 
}


function getDataReturnText(url, callback) {
  var objRequest = false;

  if (window.XMLHttpRequest) {
    objRequest = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) {
    objRequest = new ActiveXObject("Microsoft.XMLHTTP");
  }

  if (objRequest) {
    objRequest.open("GET", url);
    objRequest.onreadystatechange = handleResponse;
    objRequest.send(null);
  }

  //ฟังก์ชั่น handleResponse เป็น Inner Function
  function handleResponse() {
    if (objRequest.readyState == 4 && objRequest.status == 200) {
      callback(objRequest.responseText);

      delete objRequest;
      objRequest = null;
    }
  } //จบฟังก์ชั่น handleResponse ที่เป็น Inner Function
} //จบฟังก์ชั่น getDataReturnText





function display_images(strBookDetails) {
		
	  document.getElementById("pro-pic").innerHTML='<div class="deley"><img src="image/loadingAnimation.gif" /></div>';
      
      var objDiv = document.getElementById("pro-pic");
      objDiv.innerHTML = strBookDetails;
}



function callback1(data) {
      //แสดงข้อมูลออกมาที่อิลิเมนต์ชื่อ targetDiv
      document.getElementById("targetDiv").innerHTML = data;
    }

    function callback2(data) {
      //แสดงข้อมูลออกมาในไดอะล็อกบ็อกซ์
      document.getElementById("targetDiv").innerHTML = "";
    }