var page=1;
var pagenum=8; //每页显示几条信息 
var contpage ;
var BodyText="";
var URL = document.location.toString();
var header="";



//检索的记录数
var infoNodes;
var pclass=0;
pclass =QueryString("UPID");
function QueryString(qs)
{
    var s = location.href;
    s = s.replace("?","?&").split("&");
    var re = "";
    for(i=1;i<s.length;i++)
        if(s[i].indexOf(qs+"=")==0)
            re = s[i].replace(qs+"=","");
    return re;
}

if(document.all)
{
	infoNodes = document.getElementById("xmlInfo").XMLDocument.documentElement.selectNodes("Pro");
}
else{
	XMLDocument.prototype.loadXML = function(xmlString)
	{
		var childNodes = this.childNodes;
		for (var i = childNodes.length - 1; i >= 0; i--)
			this.removeChild(childNodes[i]);

		var dp = new DOMParser();
		var newDOM = dp.parseFromString(xmlString, "text/xml");
		var newElt = this.importNode(newDOM.documentElement, true);
		this.appendChild(newElt);
	};

	// check for XPath implementation
	if( document.implementation.hasFeature("XPath", "3.0") )
	{
	   // prototying the XMLDocument
	   XMLDocument.prototype.selectNodes = function(cXPathString, xNode)
	   {
		  if( !xNode ) { xNode = this; } 
		  var oNSResolver = this.createNSResolver(this.documentElement)
		  var aItems = this.evaluate(cXPathString, xNode, oNSResolver, 
					   XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null)
		  var aResult = [];
		  for( var i = 0; i < aItems.snapshotLength; i++)
		  {
			 aResult[i] =  aItems.snapshotItem(i);
		  }
		  return aResult;
	   }

	   // prototying the Element
	   Element.prototype.selectNodes = function(cXPathString)
	   {
		  if(this.ownerDocument.selectNodes)
		  {
			 return this.ownerDocument.selectNodes(cXPathString, this);
		  }
		  else{throw "For XML Elements Only";}
	   }
	}

	// check for XPath implementation
	if( document.implementation.hasFeature("XPath", "3.0") )
	{
	   // prototying the XMLDocument
	   XMLDocument.prototype.selectSingleNode = function(cXPathString, xNode)
	   {
		  if( !xNode ) { xNode = this; } 
		  var xItems = this.selectNodes(cXPathString, xNode);
		  if( xItems.length > 0 )
		  {
			 return xItems[0];
		  }
		  else
		  {
			 return null;
		  }
	   }
	   // prototying the Element
	   Element.prototype.selectSingleNode = function(cXPathString)
	   {	
		  if(this.ownerDocument.selectSingleNode)
		  {
			 return this.ownerDocument.selectSingleNode(cXPathString, this);
		  }
		  else{throw "For XML Elements Only";}
	   }
	}
  // 创建 XML 文档对象
  var xmlRef = document.implementation.createDocument("text/xml", "", null);
  // 使用 importNode 将HTML DOM 的一部分转换为XML 文档。
  // 参数 true 表示克隆全部子元素。
  var myNode = document.getElementById("xmlInfo");
  xmlRef.loadXML(myNode.innerHTML);
  infoNodes = xmlRef.documentElement.childNodes;
}




var maxNum = infoNodes.length;
//页数
var pagesNumber=Math.ceil(maxNum/pagenum); 

if (maxNum==0){
	document.write ("暂时没有产品资料!");
}
else{
	getContent()
}

//上一个页面
function UpPage(page)
{
    var thePage="<input type='button' value='前一页' style='border:0px;background-color:transparent;' disabled>";
    if(page>1) thePage="<input type='button' value='前一页' style='border:0px;cursor:hand;background-color:transparent;' onclick='Javascript:return UpPageGo()'/>";
    return thePage;
}
function NextPage(page)
{
    var thePage="<input type='button' value='后一页' style='border:0px;background-color:transparent;' disabled>";
    if(page<pagesNumber) thePage="<input type='button' value='后一页' style='border:0px;cursor:hand;background-color:transparent;' onclick='Javascript:return NextPageGo()'>";
    return thePage;
}

function UpPageGo(){ 

if(page>1) page--; 
    getContent(); 
    BodyText=""; 

} 
function NextPageGo()
{ 
if (page<pagesNumber) page++;
    getContent(); 
    BodyText="";
} 

//显示分页状态栏
function pageBar(page)
{
    var pb;
	pb = "<div align='center'  style='margin:10px;color:#666666;clear:both'>产品总数 <font color='black'><b>" + maxNum + "</b></font> 个  "
    pb = pb + "<font color='black'><b>" + pagenum + "</b></font>个/页  ";
    pb = pb + "当前<font color='black'><b>"+(page)+"/" + (pagesNumber) + "</b></font>页  ";
    pb = pb + UpPage(page)+"  "+NextPage(page) + " " + selectPage();
    pb = pb + "</div>"
    return pb;
}
function changePage(tpage)
{    
    page=tpage
    if(page>0) page--; 
    if (page<pagesNumber) page++;
    getContent(); 
    BodyText="";
}
function selectPage()
{
    var sp;
    sp="<select id='infoPage' onChange='javascript:changePage(this.options[this.selectedIndex].value)'>";
    for (var t=1;t<=pagesNumber;t++)
    {
        sp=sp+"<option value='"+t+"'"
        if (t==page) sp = sp + " selected"
        sp = sp+ ">"+t+"</option>";
    }
    sp=sp+"</select>页"
    return sp;
}



//该方法在ff下不支持
function selectUserPClass(id)
{
	//选择分类产品
	if(id==0)
	{
		infoNodes = document.getElementById("xmlInfo").XMLDocument.documentElement.selectNodes("Pro");
	}else
	{
		infoNodes = document.getElementById("xmlInfo").XMLDocument.documentElement.selectNodes("Pro[@subid ='"+id+"']");
	}
	if(infoNodes.length>0){
		maxNum = infoNodes.length;
		page=1;
		pagesNumber=Math.ceil(maxNum/pagenum); 
		getContent();
	}else
	{
	document.getElementById("product").innerHTML = "该分类暂时没有产品！"; 
	BodyText=""
	}
}

function getContent()
{
    if (!page) page=1;
    var n=(page-1)*pagenum;
    var endNum=page*pagenum;
    if (endNum > maxNum) endNum=maxNum;
    BodyText=header+BodyText;
    for (;n<endNum;n++){
        var proID = infoNodes[n].getAttribute(getName("id"));
        var proName = infoNodes[n].getAttribute(getName("title"));
        var proPic = infoNodes[n].getAttribute(getName("pic"));
		var pubDate = infoNodes[n].getAttribute(getName("pubDate"));
		var price = infoNodes[n].getAttribute(getName("price"));
		var spec = infoNodes[n].getAttribute(getName("Spec"));
		MM_preloadImages(proPic);
		BodyText += "<table width='100%' border='0' cellpadding='4' cellspacing='0' class='Text'><tr><td rowspan='3' width='120'><table width='110' height='110' border='0' cellpadding='0' cellspacing='0'  class='cpml_picbk' bgcolor='#534423'><tr><TD align='center' bgColor='#FFFFFF'><a href='ProductDetail.htm?id=" + proID + "' target='_blank'><img   src='http://www.hhwww.net/upload/thumbnail/" + proPic + "' alt='"+ proName +"' onload='javascript:if(this.height>this.width){this.height=110}else{this.width=110}' border='0' /></a></td></tr></table>    </td><td height='20' align='left'>产品名称：<a href='ProductDetail.htm?id=" +proID + "' target='_blank'>" + proName + "</a></td><td width='100' align='right'>发布时间： </td><td height='20' width='150'> " + pubDate+ "</td></tr><tr><td height='21' align='left'>价格说明：" + price + "</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>产品规格：" + spec +"</td><td>&nbsp;</td><td height='20' align='center'>[<a href='ProductDetail.htm?id=" + proID + "' target='_blank'>详细信息</a>]</td></tr></table>"
	}
	document.getElementById("product").innerHTML = (BodyText+pageBar(page)); 
	BodyText=""
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function getName(name){
	return document.all?name:name.toLowerCase();
}

selectUserPClass(pclass);