// JavaScript Document

function ajaxChangeStockInStore(area, targetID, subjectId, pageNo) {
	var http_request = false;
	var url = "ajax_getstockinstore.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() { genStockContent(area, targetID, pageNo, http_request); };
	
	// show loading icon
	var target = document.getElementById(targetID);
	if(area == "MINI") {
			target.innerHTML = "<table width=\"730\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"100\" valign=\"middle\" align=\"center\"><img src=\"images/loading.gif\" alt=\"LOADING ...\" /></td></tr></table>";
	} else if(area == "OTHERS") {
			target.innerHTML = "<table width=\"730\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"100\" valign=\"middle\" align=\"center\"><img src=\"images/loading.gif\" alt=\"LOADING ...\" /></td></tr></table>";
	}
	
	// IE 6.x 和 Firefox 1.5.x 皆要 encodeURI()
	
	url = url + "?area=" + area + "&sid="+subjectId+"&pageNo="+pageNo+"seed=" + Date();
	http_request.open('GET', url, true);
	http_request.send(null);
}
	
function genStockContent(area, targetID, pageNo, http_request) {
	if (http_request.readyState == 4) {
      if (http_request.status == 200) {
        var xmldoc = http_request.responseXML;
        var nodes = xmldoc.getElementsByTagName("products");
		var totalPages = xmldoc.getElementsByTagName("totalPages");
        var target = document.getElementById(targetID);
		var outputContent = "";
		
		// clear target content
		target.innerHTML = "";
		
		if (parseInt(pageNo) == 1)
			document.getElementById('btnPrevPage_'+area).style.display = 'none';	
		else
			document.getElementById('btnPrevPage_'+area).style.display = 'inline';

		if ( parseInt(pageNo) >= parseInt(totalPages[0].firstChild.nodeValue) )
			document.getElementById('btnNextPage_'+area).style.display = 'none';
		else
			document.getElementById('btnNextPage_'+area).style.display = 'inline';	
		
		if(area == "MINI") {			
			ceiling_MINI = totalPages[0].firstChild.nodeValue;
			outputContent += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
			var col = 1;
			var perLine = 5;
			
			for(var i=0; i<nodes.length; i++) {
			  id = nodes[i].getAttribute("id");
			  name = nodes[i].getAttribute("name");
			  artist = nodes[i].getAttribute("artist");
			  artistId = nodes[i].getAttribute("artistId");
			  photoPath = nodes[i].getAttribute("photoPath");
			  thisImg = (photoPath!="") ? "<img src=\""+photoPath+"\" width=\"120\" border=\"0\" alt=\"\" />" : "<div style=\"margin-top:5px;width:100px;height:80px;text-align:center; background-color:#ffffff; border:dashed 1px #333333; cursor:pointer; text-decoration:none;\"><div style=\"margin-top:30px; text-decoration:none;\" class=\"aboutus\">No Photo</div></div>";
			  
			  // head
			  if (col % perLine - 1 == 0)
				outputContent += "<tr>";
			  
			  outputContent += "<td width=\"146\"><table width=\"120\" border=\"0\" align=\"right\" cellpadding=\"0\" cellspacing=\"0\">\n";
              outputContent += "<tr><td align=\"center\"><a href=\"item.php?id="+id+"\">"+thisImg+"</a></td></tr>\n";
              outputContent += "<tr><td align=\"center\" class=\"s\"><a href=\"item.php?id="+id+"\">"+name+"</a><br /><span class=\"s2\"><a href=\"by_artist3.php?nid="+artistId+"\">"+artist+"</a></span></td></tr>\n";
          	  outputContent += "</table></td>\n";
			  
			  // tail
  			  if (col++ % perLine == 0)
				outputContent += "</tr><tr><td height=\"15\"></td></tr>";
			  
			}
			if ((perLine - ((col-1)%perLine))<perLine)
				outputContent += "</tr><tr><td height=\"15\"></td></tr>";
				
			if(nodes.length == 0) {
				outputContent += "<tr><td align=\"center\" valign=\"middle\" width=\"730\" height=\"100\">No Records Found</td></tr>";
			}
			outputContent += "</table>";
			
		} else if(area == "OTHERS") {
			ceiling_OTHERS = totalPages[0].firstChild.nodeValue;
			
			outputContent += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
			var col = 1;
			var perLine = 5;
			
			for(var i=0; i<nodes.length; i++) {
			  id = nodes[i].getAttribute("id");
			  name = nodes[i].getAttribute("name");
			  artist = nodes[i].getAttribute("artist");
			  artistId = nodes[i].getAttribute("artistId");
			  photoPath = nodes[i].getAttribute("photoPath");
			  thisImg = (photoPath!="") ? "<img src=\""+photoPath+"\" width=\"120\" border=\"0\" alt=\"\" />" : "<div style=\"margin-top:5px;width:100px;height:80px;text-align:center; background-color:#ffffff; border:dashed 1px #333333; cursor:pointer; text-decoration:none;\"><div style=\"margin-top:30px; text-decoration:none;\" class=\"aboutus\">No Photo</div></div>";
			  
			  // head
			  if (col % perLine - 1 == 0)
				outputContent += "<tr>";
			  
			  outputContent += "<td width=\"146\"><table width=\"120\" border=\"0\" align=\"right\" cellpadding=\"0\" cellspacing=\"0\">\n";
              outputContent += "<tr><td align=\"center\"><a href=\"item.php?id="+id+"\">"+thisImg+"</a></td></tr>\n";
              outputContent += "<tr><td align=\"center\" class=\"s\"><a href=\"item.php?id="+id+"\">"+name+"</a><br /><span class=\"s2\"><a href=\"by_artist3.php?nid="+artistId+"\">"+artist+"</a></span></td></tr>\n";
          	  outputContent += "</table></td>\n";
			  
			  // tail
  			  if (col++ % perLine == 0)
				outputContent += "</tr><tr><td height=\"15\"></td></tr>";
			  
			}
			if ((perLine - ((col-1)%perLine))<perLine)
				outputContent += "</tr><tr><td height=\"15\"></td></tr>";
				
			if(nodes.length == 0) {
				outputContent += "<tr><td align=\"center\" valign=\"middle\" width=\"730\" height=\"100\">No Records Found</td></tr>";
			}
			outputContent += "</table>";
		}
				
		// set target content
		target.innerHTML = outputContent;	
		
      } else {
        alert('There was a problem with the request.');
      }
    }
}