var oXmlDom;
function Init()
{
	oXmlDom = zXmlDom.createDocument();
	oXmlDom.onreadystatechange = function () {

	    if (oXmlDom.readyState == 4) {
	       if (oXmlDom.parseError.errorCode == 0) {
	           parseProducts(1);
	       } else {
	           var str = "An error occurred!!\n";
	           alert(str);
	       }
	    }
	};
	oXmlDom.load("products.xml");
	
}
function parseProducts(iPageNo)
{
	//alert("aa");
	try{
	var oRoot = oXmlDom.documentElement;
	var aProducts = zXPath.selectNodes(oRoot,"//"+pagetag+"/Product");//oRoot.getElementsByTagName(pagetag)[0].childNodes;
	var iMaxPageIndex = iPageNo*9-1;
	var iMinPageIndex = (iPageNo-1)*9;
	var stable = "<table width=\"98%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr align=\"center\">";
	for (var i = iMinPageIndex ; i < MinNum(iMaxPageIndex,aProducts.length); i++) {
		stable+="<tr>"
		stable+=AddTdTable(aProducts[i],aProducts.length,i);
		i++;
		stable+=AddTdTable(aProducts[i],aProducts.length,i);
		i++
		stable+=AddTdTable(aProducts[i],aProducts.length,i);
		stable+="</tr>"
	}
	stable+="</table>"
	//¼ÓÉÏÒ³Âë
	stable+="<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\"96%\" align=\"right\"> <strong> Page ";
	var pages = aProducts.length/9;
	for(var i=1; i < pages+1 ;i++)
	{
		if(i==iPageNo) stable+="<span class=\"copyright\">"+i+" </span>";
		else stable+= "<a href=\"#\" onclick=\"parseProducts("+i+")\">"+i+" </a>" 
	}
	stable+="</strong></td>  <td width=\"4%\" align=\"right\">&nbsp;</td> </tr> </table>"
	document.getElementById("divProducts").innerHTML=stable;
	}catch(err){document.getElementById("divProducts").innerHTML="An error occurred!\n"+err;}
}
function AddTdTable(node,length,i)
{
	var s="";
	if(i < length) {
		// alert(node.img);
	    var img = node.getAttribute("img");
	    var no = node.getAttribute("ItemNo");
	    var size = node.getAttribute("Size");
	
		s="<td> <table width=\"98%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td align=\"center\"><a href=\"";
		s+=img+"\" target=\"_blank\"><img src=\""+img;
		s+="\" width=\"180\" height=\"180\" border=\"0\"></a></td>\ </tr>\<tr>\<td height=\"35\" align=\"center\">Item No.:";
		s+=no;
		if(size&&size!="")
			s+="<br/> Size:"+size
		s+="</td>\</tr>\</table></td>";
	}
	else
		s="<td>&nbsp;</td>";
	
	return s;
}
function MinNum(i,j)
{
	if(i<j) return i;
	else return j;
}