var ShowAll = false;
		var ShowList = true;
		var Page = 1;
		var lastColumn = null;
		var lastSort = false;
		var ProdList = null;
		var PageSize = 20;
		var PageCount = 1;
		var menuID = null;
		var prc = false;
		var xmlMenu = null;
		var menuNode = null;
		var xmlDoc = null;
		var newMenuID = null;
		var isIE = true;
		var ClassifyTitle = null;
	
		//取得產品XML
		function LoadProduct(strClassifyID,mSource,classifyTitle){
			if(!prc){
				prc = true;
				document.getElementById("pageBar1").parentNode.style.display = 'none';
				document.getElementById("pageBar2").parentNode.style.display = 'none';
				ClassifyTitle = classifyTitle;
				if(menuID!=null){
					document.getElementById("p"+menuID).className = "";
					document.getElementById("p"+menuID).removeAttribute("style");
				}
				menuID = strClassifyID;
				document.getElementById("p"+menuID).className = "prodSelect";
				document.getElementById("p"+menuID).style.color = "#FFFFFF";
				document.getElementById("p"+menuID).style.backgroundImage = "url(../../images/menuimages/arrowbullet_w.gif)";
				document.getElementById("MSLableText").innerHTML = (strClassifyID=="02338" || strClassifyID=="02866")?"<div class='ms_guide'>Windows®. 生活無界限. Synnex推薦使用 Windows 7.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>":"<div class='ms_guide'>Windows®. 生活無界限. Synnex推薦使用 Windows 7.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>";
				showImg(strClassifyID);
				var oTable = document.getElementById("descTB");
				var lstTable = document.getElementById("listTB");
				if(oTable.rows.length>0){
					for(i=oTable.rows.length-1;i>=0;i--){
						oTable.deleteRow(i);
					}
				}
				if(lstTable.rows.length>0){
					for(i=lstTable.rows.length-1;i>=0;i--){
						lstTable.deleteRow(i);
					}
				}
				
				ShowProcess();
				if(mSource!=undefined&&mSource!=""){SourceType = mSource;}
				xmlDoc = (isIE)?new ActiveXObject('Microsoft.XMLDOM'):document.implementation.createDocument("", "", null);
				xmlDoc.async = isIE;
				xmlDoc.load("/asp/DataGen/ProductInfo.aspx?WebSite=" + WebSite + "&SourceType=" + SourceType + "&ClassifyData=" + ClassifyData + "&ClassifyID=" + strClassifyID);
				if(isIE){
					xmlDoc.onreadystatechange = xmlStatus;
				}
				else{		
					xmlDoc.onload = prcProdData();
				}
				/*if(strClassifyID == "02865" || strClassifyID == "02866" || strClassifyID == "02969" || strClassifyID == "02967" || strClassifyID == "02319" || strClassifyID == "02338")
				{
					document.getElementById("text").style.display = "";
				}
				else
				{
					document.getElementById("text").style.display = "none";
				}*/
			}
		}
		
		function xmlStatus(){
			if(xmlDoc.readyState==4){
				if(xmlDoc.parseError=="0"){		
					prcProdData();
				}
				else{
					alert("資料載入失敗！("+ ClassifyID + ")\n建議您重新開啟瀏覽器瀏覽!");
				}			
			}
		}
		
		function prcProdData(){
			var xmlNode = xmlDoc.getElementsByTagName("prodItem");
			PageCount = parseInt(xmlNode.length/PageSize);
			PageCount = (xmlNode.length%PageSize!=0)?PageCount+1:PageCount;
			PageCount = (PageCount==0)?1:PageCount;
			document.getElementById("PageCount").innerHTML = PageCount;
			genDescRow(xmlNode,xmlDoc.getElementsByTagName("column"));
			showList((ClassifyData!="02386"&&ClassifyData!="02387"&&ClassifyData!="02296"&&ClassifyData!="02863"),document.getElementById("DisplayButton"));
		}
		
		function getNodeText(xmlNode){
			if(isIE){
				return xmlNode.text;
			}
			else{
				return (xmlNode.childNodes.length>0)?xmlNode.childNodes[0].nodeValue:"";
			}
		}
		
		//建立列表結構	
		function genDescRow(xmlNode,xmlColumn){
			var oTable = document.getElementById("descTB");
			var lstTable = document.getElementById("listTB");
			var prodURL;
			var aryDesc;
			var aryList;
			var cpu = -1;
			ProdList = new Array();
			
			lstTable.insertRow(-1);
			lstTable.rows[0].className = "productlisttexttitle";
			lstTable.rows[0].style.wordBreak = "break-all";
			lstTable.rows[0].valign = "middle";
			lstTable.rows[0].align = "center";
			for(i=0;i<xmlColumn.length;i++){
				lstTable.rows[0].insertCell(i);
				if(i==2){lstTable.rows[0].cells[i].style.borderRight='solid 5px white';}
				lstTable.rows[0].cells[i].style.background = (i<3)?"#caeae9":"#E8E8E8";
				lstTable.rows[0].cells[i].innerHTML = "<a href='javascript:prodSort(" + i + ")'>" + getNodeText(xmlColumn[i]) + "</a>";
				if(getNodeText(xmlColumn[i]).indexOf("中央處理器")>-1) cpu = i;
			}
			for(i=0;i<xmlNode.length;i++){
				prodURL = unescape(getNodeText(xmlNode[i].getElementsByTagName("prodURL")[0]));
				aryDesc = xmlNode[i].getElementsByTagName("prodDesc")[0].getElementsByTagName("field");
				aryList = xmlNode[i].getElementsByTagName("prodDetail")[0].getElementsByTagName("field");
				ProdList[i] = new Array();
				k=lstTable.rows.length;
				lstTable.insertRow(k);
				lstTable.rows[k].className = "productlisttext";
				lstTable.rows[k].style.wordBreak = "break-all";
				for(j=0;j<aryList.length;j++){
					lstTable.rows[k].insertCell(j);
					if(cpu!=-1&&cpu==j){
						lstTable.rows[k].cells[j].className = "productlist_intel";
					}
					lstTable.rows[k].cells[j].style.background = (i%2!=0)?((j<3)?"#DFEFF0":"#F0F0F0"):((j<3)?"#EEFBFD":"#F9F9F9");
					if(j<2||j==aryList.length-1)
						lstTable.rows[k].cells[j].align = "center";
					lstTable.rows[k].cells[j].innerHTML = (j==aryList.length-1&&getNodeText(aryList[j])=="0")?"時價":(j==aryList.length-1)?numFormat(getNodeText(aryList[j])):charReplace(getNodeText(aryList[j]),"＆","&");
					if(j==2){
						lstTable.rows[k].cells[j].style.borderRight='solid 5px white';
						lstTable.rows[k].cells[j].innerHTML = "<a class='productlisttext' href='ProdDetail.aspx?ContentType=ProductDetail&BookMark=1&WebSite=" + WebSite + "&Prodid=" + getNodeText(aryList[1]) + "&ClassifyData=" + ClassifyData + "&ClassifyID=" + ClassifyID + "'>" + lstTable.rows[k].cells[j].innerHTML + "</a>";
					}
					ProdList[i][j] = (j==aryList.length-1)?getNodeText(aryList[j]):lstTable.rows[k].cells[j].innerHTML;
				}
				j=oTable.rows.length;
				oTable.insertRow(j);
				oTable.rows[j].insertCell(0);
				oTable.rows[j].insertCell(1);
				oTable.rows[j].insertCell(2);
				oTable.rows[j].cells[0].className="iconImg";
				oTable.rows[j].cells[1].className="iconProdName";
				oTable.rows[j].cells[2].className="iconProdDesc";
				oTable.rows[j].cells[0].innerHTML = "<span class='iconSpan'><img class='iconImgTag' src='" + getNodeText(aryDesc[0]) + "'></span>";
//				oTable.rows[j].cells[1].innerHTML = "<span style='height:24px;'><A class='productlisttitle' href='" + prodURL + "'>" + getNodeText(aryDesc[1]).replace("＆","&") + "</a></span><br>" +
//							"<span class=\"productlistdescribe\" style='height:24px;'>" + getNodeText(aryDesc[2]).replace("＆","&") + "</span><br>" +
//							"<span class=\"productlistprice\" style='height:20px;'>建議售價： NT$ " + getNodeText(aryDesc[3]) + "</span><br>" +
//							"<span><A class='news' href='" + prodURL + "' target='_self'>" + getNodeText(aryDesc[4]).replace("＆","&") + "</A>" +
//							" | <A class='news' href='" + unescape(getNodeText(aryDesc[6])) + "' target='_self'>" + getNodeText(aryDesc[5]) +  "</A></span>";
				oTable.rows[j].cells[1].innerHTML = "<span style='height:24px;'><A class='productlisttitle' href='" + prodURL + "'>" + getNodeText(aryList[0]) + " " + getNodeText(aryDesc[1]).replace("＆","&") + "</a></span><br>" +
							"<span class=\"productlistprice\" style='height:20px;'>建議售價： NT$ " + getNodeText(aryDesc[3]) + "</span><br>" +
							"<span><A class='news' href='" + prodURL + "' target='_self'>" + getNodeText(aryDesc[4]).replace("＆","&") + "</A>" +
							" | <A class='news' href='" + unescape(getNodeText(aryDesc[6])) + "' target='_self'>" + getNodeText(aryDesc[5]) +  "</A></span>";

				if(SourceType=="ProductText"){
					oTable.rows[j].cells[2].innerHTML = "<span class='productlist_content'>" + charReplace(getNodeText(aryDesc[7]),"＆","&") + " ..." +
													"<A class='news' href='" + prodURL + "' target='_self'>" + getNodeText(aryDesc[8]) + "</A></span>";				
				}
				else{
					var ImgList = getNodeText(aryDesc[7]).split("|");
					var ImgSpec = "";
					for(k=0;k<ImgList.length;k++){
						ImgSpec += "<img src='" + ImgList[k] + "'>&nbsp;"
					}
					for(k=0;k<7-ImgList.length;k++){
						ImgSpec += "<img src='/fileup/Icon0.gif'>&nbsp;"
					}
					oTable.rows[j].cells[2].style.fontSize = "10px";
					oTable.rows[j].cells[2].innerHTML = ImgSpec;
				}
			}
			showPage(ShowAll);
			document.getElementById("MSLable").style.display = (getNodeText(xmlDoc.getElementsByTagName("msLable")[0])=="1")?((isIE)?"block":"table-row"):"none";
			document.getElementById("win7icon").style.display = (getNodeText(xmlDoc.getElementsByTagName("msWin7ICon")[0])=="1")?((isIE)?"block":"table-row"):"none";
			document.getElementById("pageBar1").parentNode.style.display = (isIE)?"block":"table-row";
			document.getElementById("pageBar2").parentNode.style.display = (isIE)?"block":"table-row";
			prc = false;
			document.body.scrollTop = 0;
			setClassifyTitle(ClassifyTitle);
			ShowProcess();
		}
		
		
		//顯示圖片/列表
		function showList(bool,parentNode){
			var oSpan = parentNode.getElementsByTagName("span");
			if(ShowList!=bool){
				oSpan[0].className = (bool==true)?"displayButton1":"displayButton2";
				oSpan[1].className = (bool==true)?"displayButton2":"displayButton1";
				document.getElementById("descTB").style.display = (bool==true)?"none":((isIE)?"block":"table");
				document.getElementById("listTB").style.display = (bool==true)?((isIE)?"block":"table"):"none";
			}
			if(ClassifyData=="02296"||ClassifyData=="02863")
				oSpan[1].style.display = "none";
			ShowList = bool;
		}
		
		function charReplace(mStr,mChar1,mChar2){
			var tmpStr = mStr;
			if(tmpStr.indexOf(mChar1)<0){
				return tmpStr;
			}
			else{
				return charReplace(tmpStr.replace(mChar1,mChar2),mChar1,mChar2);
			}
		}
		
		//排序類型
		function comparisonFunction(x, y){
			var a,b;
			a = parseInt(x);
			b = parseInt(y);
			if(isNaN(a)||isNaN(b)){
				if(x > y){
					return -1;
				}
				else{
					return 1;
				}
			}
			else{
				return(a-b);			
			}
		}
		
		
		//依欄位排序

		function prodSort(index){
			var arrData = new Array;
			arrData = ProdList;
			var tmpArr = new Array;
			var t = document.getElementById("listTB");
			for(i=0;i<arrData.length;i++){
				tmpArr[i] = new Array;
				for(j=0;j<arrData[i].length;j++){
					tmpArr[i][j] = arrData[i][j];
				}
				tmpArr[i][0] = arrData[i][index];
				tmpArr[i][index] = arrData[i][0];
			}
			tmpArr.sort(comparisonFunction);
			
			if(lastColumn ==index){
				lastSort = !lastSort ;
			}
			else{
				lastSort = false;
			}
			lastColumn = index;
			if(lastSort){
				tmpArr.reverse()
			}
			for(i=0;i<arrData.length;i++){
				for(j=0;j<arrData[i].length;j++){
					arrData[i][j] = tmpArr[i][j];
				}
				arrData[i][0] = tmpArr[i][index];
				arrData[i][index] = tmpArr[i][0];
			}
			for(i=0;i<arrData.length;i++){
				for(j=0;j<arrData[i].length;j++){
					if(j!=arrData[i].length-1){
						t.rows[i+1].cells[j].innerHTML = arrData[i][j];
					}
					else{
						t.rows[i+1].cells[j].innerHTML = (arrData[i][j]=="0")?"時價":numFormat(arrData[i][j].toString());
					}
					
				}
			}
		}
		
		//全部顯示/分頁顯示
		function showPage(bool){
			document.getElementById("ShowAll").disabled = bool;
			document.getElementById("ShowPage").disabled = !bool;
			if(!bool){
				document.getElementById("ShowPage").removeAttribute("href");		
				document.getElementById("ShowAll").setAttribute("href","javascript:showPage(true)");
				document.getElementById("pageBar1").style.display = ((isIE)?"block":"table-row");
				document.getElementById("pageBar2").style.display = ((isIE)?"block":"table-row");
			}
			else{
				document.getElementById("ShowPage").setAttribute("href","javascript:showPage(false)");
				document.getElementById("ShowAll").removeAttribute("href");
				document.getElementById("pageBar1").style.display = "none";
				document.getElementById("pageBar2").style.display = "none";
			}
			ShowAll = bool;
			changePage(1);
		}
		
		
		//換頁
		function changePage(iPage){
			Page = (iPage>=1)?iPage:1;
			Page = (Page<=PageCount)?Page:PageCount;
			document.getElementById("Page").innerHTML = Page;
			var lstTable = document.getElementById("listTB");
			var oTable = document.getElementById("descTB");
			if(ShowAll){
				for(i=1;i<lstTable.rows.length;i++){
					lstTable.rows[i].style.display = ((isIE)?"block":"table-row");
					oTable.rows[i-1].style.display = ((isIE)?"block":"table-row");
				}
			}
			else{
				for(i=1;i<lstTable.rows.length;i++){
					lstTable.rows[i].style.display = (i>(Page-1)*PageSize&&i<=Page*PageSize)?((isIE)?"block":"table-row"):"none";
					oTable.rows[i-1].style.display = (i>(Page-1)*PageSize&&i<=Page*PageSize)?((isIE)?"block":"table-row"):"none";
					var img = oTable.rows[i-1].getElementsByTagName("img");
					for(j=0;j<img.length;j++){
						if(img[j].readyState!='complete')
							img[j].src = img[j].src;
					}
				}
				if(Page<=1){
					document.getElementById("Prev").disabled = true;
					document.getElementById("Prev").removeAttribute("href");
				}
				else{
					document.getElementById("Prev").disabled = false;
					document.getElementById("Prev").setAttribute("href","javascript:changePage(" + parseInt(Page-1) + ")");
				}
				if(Page>=PageCount){
					document.getElementById("Next").disabled = true;
					document.getElementById("Next").removeAttribute("href");
				}
				else{
					document.getElementById("Next").disabled = false;
					document.getElementById("Next").setAttribute("href","javascript:changePage(" + parseInt(Page+1) + ")");
				}
				var pageInnerHtml = "";
				for(i=1;i<=PageCount;i++){
					if(i==Page){
						pageInnerHtml += "<a class='news' disabled>" + i + "</a>&nbsp;&nbsp;"
					}
					else{
						pageInnerHtml += "<a class='news' href='javascript:changePage(" + i + ")'>" + i + "</a>&nbsp;&nbsp;"
					}
				}
				document.getElementById("PageButton").innerHTML = pageInnerHtml;
				document.getElementById("pageBar2").innerHTML = document.getElementById("pageBar1").innerHTML;
			}
		}
		
		
		//設定網站結構文字
		function setClassifyTitle(classifyTitle){
			var list = classifyTitle.split("|");
			var Title = "";
			for(i=0;i<list.length;i++){
				Title += "<span class='newpath_arrow'>&gt;</span><span class='newpath'>" + list[i] + "</span>"
			}
			document.getElementById("siteMap").innerHTML = siteMap + Title;
		}
		
	
		
		//格式化數字

		function numFormat(str){
			var j=str.length;
			var tempStr="";
			if(j==0){
				return str;
			}
			while(j-3>0){
				tempStr = "," + str.substring(j-3,j) + tempStr;
				j -= 3;
			}
			if(j!=0){
				tempStr = str.substring(0,j) + tempStr;
			}
			return tempStr;
		}
		
		
		//顯示處理中

		function ShowProcess(){
			var oDiv = document.getElementById("Process");
			//oDiv.style.top = (document.body.clientHeight-120)/2+document.body.scrollTop;
			oDiv.style.top = 333+document.body.scrollTop;
			oDiv.style.left = (document.body.clientWidth-160)/2;
			oDiv.style.display =(prc)?((isIE)?"block":"table-row"):"none";
		}

		try{
			xmlMenu = new ActiveXObject('Microsoft.XMLDOM');
		}
		catch(e){
			isIE = false;
			try{
				var xmlMenu = document.implementation.createDocument("", "", null);
			}
			catch(e){
				
			}
		}
		document.getElementById("p"+ClassifyID).click();