var iCurrentPage=1; //¦Ì¡À?¡ã¦Ì?¨°3
    var iPageCountSize =0;//
    var iPageCount=0; //¡Á¨¹¨°3¨ºy
    var irows =3;
    var iColumns = 4;    
	
	var searchProductID = new Array();
	var searchProductName = new Array();
    var searchProductImage = new Array();
	var searchProductClass = new Array();
	
    var strAllProductID   = new Array();
    var strAllProductName = new Array();
    var strAllProductImage = new Array();

    var strNullImage = "../images/pic_pro_small.jpg";
    var strNullText ="product Image<br><br><br><br>";
    var strProductImageTafixPath = "../upload/small/";	
	var strTProductList = "TProductListShow";
	var newProductImagePaddingTop="10px";
    var newProductImagePaddingLeft="10px";
    var newProductImageCursor="hand";
    var newProductImageWidth ="162px";
    var newProductImageHeight="";

	var newProductNamePaddingTop="3px";
    var newProductNamePaddingLeft="30px";
    var newProductNameFontSize="12px";
    var newProductNameColor="black";
    var newProductNameFontFamily="Arial, Helvetica, sans-serif";
    var newProductNameTextDecoration="none";
    var newProductNameLetterSpacing="1px";
    var newProductNameFontWeight="normal";
    var newProductNameCursor="default";
    var newProductNameBackGroundColor="transparent";
    var newProductNameBackGroundImage="none";
    var newProductNameBackGroundRepeat="no-repeat";
    var newProductNameWordBreak="break-all";
    var newProductNameOnMouseOverColor="black";
    var newProductNameOnMoueOverFontSize="12px";
    var newProductNameTextAlign="center";
	
	function Search()
    {
        var strProductKey = document.getElementById("txtSearchKey").value;
        var strProductClassKey = document.getElementById("selSearchProductClassList");
       
        var iSelProductClassIndex   =  strProductClassKey.selectedIndex;
        var strSelProductClassValue =  strProductClassKey.options[iSelProductClassIndex].value;
        var strSelProductClassText  =  strProductClassKey.options[iSelProductClassIndex].text;   
        
        if(strProductKey == "")
        {
            SearchByProductClass(strSelProductClassValue);            
            FirstPage();       
        }
        else
        {
            SearchByPNameAndPCID(strProductKey,strSelProductClassValue);
            FirstPage();         
        }                
    }    
    //searchByPNameANDPCID
    function  SearchByPNameAndPCID(ProductName,ClassID)
    {     
	   var iTotalLength = searchProductID.length;
	   if(ClassID == "0")
	   {
		    strAllProductID.length = 0;
			strAllProductName.length = 0;
			strAllProductImage.length = 0;
			var iTempVarPara=0;
			for(var i=0;i<iTotalLength ; i++)
			{
				  var youProductName = searchProductName[i];
				  var myIndex = youProductName.indexOf(ProductName);
				  if(myIndex != -1)
				  {  
				     strAllProductID[iTempVarPara] = searchProductID[i];
					 strAllProductName[iTempVarPara]  = searchProductName[i];
					 strAllProductImage[iTempVarPara] = searchProductImage[i];
					 iTempVarPara ++;
				  }
			}
	   }  
	   else
	   {		
		    strAllProductID.length = 0;
			strAllProductName.length = 0;
			strAllProductImage.length = 0;
			var iTempVarPara=0;
			for(var i=0;i<iTotalLength ; i++)
			{
				  var myProductClassID = searchProductClass[i];
				  if(ClassID == myProductClassID)
				  {
					  var youProductName = searchProductName[i];
					  var myIndex = youProductName.indexOf(ProductName);
					  if(myIndex != -1)
					  {  
						 strAllProductID[iTempVarPara] = searchProductID[i];
						 strAllProductName[iTempVarPara]  = searchProductName[i];
						 strAllProductImage[iTempVarPara] = searchProductImage[i];
						 iTempVarPara ++;
					  }
				  }
			 }
		 }
    }    
     ///searchByProductClass
    function SearchByProductClass(ClassID)
    {
		if(ClassID == "0")
		{
			  var iTotalLength = searchProductID.length;
			  strAllProductID.length = 0;
			  strAllProductName.length = 0;
			  strAllProductImage.length = 0;
			  for(var i=0 ;i<iTotalLength;i++)
              {  
					strAllProductID[i] = searchProductID[i];
					strAllProductName[i] = searchProductName[i];
					strAllProductImage[i] = searchProductImage[i];
			  }
		}
		else
		{
			    var iTotalLength = searchProductID.length;
			    strAllProductID.length = 0;
			    strAllProductName.length = 0;
			    strAllProductImage.length = 0;
			    var iTempVarPara=0;
			    for(var i=0 ;i<iTotalLength;i++)
                 {
					 var myProductClassID = searchProductClass[i];
					 if(ClassID == myProductClassID)
					 { 
					    strAllProductID[iTempVarPara] = searchProductID[i];
						strAllProductName[iTempVarPara] = searchProductName[i];
						strAllProductImage[iTempVarPara] = searchProductImage[i];
						iTempVarPara++; 
					 }                    
				 }
		}	    
    }
	
	//bint product class to datalist
	 function BindToSelSearchProductClassList()
     {
		 var  arrProductClassID = new Array();
		 var  arrProductClassName = new Array();		 
		 var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		 xmlDoc.async ="false";
		 xmlDoc.load("../productClassEN.xml"); 
		 var productClass=xmlDoc.selectSingleNode("//NewDataSet").childNodes;  
		 for(var i=0;i<productClass.length; i++)
		 {
				   var childProductClass = productClass.item(i).childNodes;
				   var productClassID    =  childProductClass.item(0).text;
				   var productClassName  = childProductClass.item(1).text;
					 
				   arrProductClassID[i] = productClassID;
				   arrProductClassName[i] = productClassName;            
		 }     
		 
         var selSearchProductClassList = document.getElementById("selSearchProductClassList");
         if(selSearchProductClassList == null)
         {}
         else
         {
			 selSearchProductClassList.options[0] = new Option("Please Select","0");
             var iTempVar = arrProductClassID.length;
             for(var i=1;i <= iTempVar;i++)
             {
                 selSearchProductClassList.options[i] = new Option(arrProductClassName[i-1],arrProductClassID[i-1]);                 
             }              
         }
     } 
    function SetProductImageStyle(aa)
    {
       aa.style.paddingTop = newProductImagePaddingTop;
       aa.style.paddingLeft = newProductImagePaddingLeft ;
       aa.style.cursor = newProductImageCursor ;
       aa.style.width=newProductImageWidth;
       //aa.style.height=newProductImageHeight;
    }
    function  SetProductNameStyle(aa)
    {
        aa.style.paddingTop=newProductNamePaddingTop;
        aa.style.paddingLeft=newProductNamePaddingLeft;
        aa.style.fontSize =  newProductNameFontSize;
        aa.style.color = newProductNameColor;
        aa.style.fontFamily = newProductNameFontFamily;
        aa.style.textDecoration=newProductNameTextDecoration;
        aa.style.letterSpacing = newProductNameLetterSpacing;
        aa.style.fontWeight = newProductNameFontWeight;
        aa.style.cursor = newProductNameCursor;
        aa.style.backgroundColor = newProductNameBackGroundColor;
        aa.style.backgroundImage = newProductNameBackGroundImage;
        aa.style.backgroundRepeat=newProductNameBackGroundRepeat;
        aa.style.wordBreak = newProductNameWordBreak;
        aa.style.textAlign= newProductNameTextAlign;

        var tempProductNameColor = aa.style.color;
        var tempProductNameFontSize = aa.style.fontSize;
        
         aa.onmouseover=function()
         {                   
               this.style.fontSize = newProductNameOnMoueOverFontSize;
               this.style.color = newProductNameOnMouseOverColor;
         }
         aa.onmouseout=function()
         { 
               this.style.color=tempProductNameColor;
               this.style.fontSize =tempProductNameFontSize;
         }             
    }
    
function GetProductData()
{
		var strUri =   window.location.search;  
		var strPassValue= strUri.substring(strUri.indexOf("=")+1); 	

		if(strPassValue == "")
		{
			var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
			xmlDoc.async ="false";
			xmlDoc.load("../productEN1.xml"); 
			var products =xmlDoc.selectSingleNode("//NewDataSet").childNodes;   
			
			for(var i=0; i<products.length;i++)
			{
				 var childProductchildProduct = products.item(i).childNodes;
	
				 var productID       = childProductchildProduct.item(0).text;
				 var productName     = childProductchildProduct.item(1).text;
				 var productImage    = childProductchildProduct.item(3);
				 var productClassID = childProductchildProduct.item(4).text;
	
				 strAllProductID[i]   = productID;
				 strAllProductName[i]  = productName;
	
				 if(productImage == null)
				 {
					   strAllProductImage[i] = strNullImage;
				 }
				 else
				 {
					  strAllProductImage[i] =strProductImageTafixPath + productImage.text;
				 }
				 
				 searchProductID[i] = strAllProductID[i];
				 searchProductName[i] = strAllProductName[i];
				 searchProductImage[i] = strAllProductImage[i]; 
				 searchProductClass[i] = productClassID;
			}
		}
		else
		{
			var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
			xmlDoc.async ="false";
			xmlDoc.load("../productEN1.xml"); 
			var products =xmlDoc.selectSingleNode("//NewDataSet").childNodes;   		
			
			var iTempVarPara=0;
			for(var i=0; i<products.length;i++)
			{
				 var childProductchildProduct = products.item(i).childNodes;
				 var productClassID = childProductchildProduct.item(4).text;
				 var productID    = childProductchildProduct.item(0).text;
				 var productName   = childProductchildProduct.item(1).text;
				 var productImage  = childProductchildProduct.item(3);	
				 
				 searchProductID[i] = productID;
				 searchProductName[i] = productName;				
				 searchProductClass[i] = productClassID;
				 
				 if(productImage == null)
				 {
					   searchProductImage[i] = strNullImage;
				 }
				 else
				 {
					  searchProductImage[i] =strProductImageTafixPath + productImage.text;
				 }					
				 
				 if(productClassID == strPassValue)
				 {  
						 strAllProductID[iTempVarPara]   = productID;
						 strAllProductName[iTempVarPara]  = productName;
			
						 if(productImage == null)
						 {
							   strAllProductImage[iTempVarPara] = strNullImage;
						 }
						 else
						 {
							  strAllProductImage[iTempVarPara] =strProductImageTafixPath + productImage.text;
						 }						
						 iTempVarPara ++;
				 }
			}
		}	    
	}
	function ShowProductListInfo()
	{	
	    BindToSelSearchProductClassList();
	    GetProductData();
		var myLength = strAllProductID.length;
	    var myTotal = irows * iColumns ;
	    
	    var myProductList = document.getElementById(strTProductList);
	    if(myProductList == null)
	    {
	    }
	    else
	    {
	        
	        for(var i=0;i<irows ; i++)
	        {
	           myProductList.insertRow();
	           var k = myProductList.rows.length -1;
	           for(var j=0;j<iColumns ; j++)
	           {
	               if(myLength >= myTotal)
                  {
                        var newProductList = document.createElement("div");
                         var second = document.createElement("div");
						// second.style.paddingBottom = "50px";
                         var mylink= document.createElement("a");
                         mylink.href="productdetail.html?productID="+strAllProductID[j+(i*iColumns)];
                         var productImage = document.createElement("img");
                         productImage.style.border="0px";
                         productImage.src=strAllProductImage[j+(i*iColumns)];
                         SetProductImageStyle(productImage);
                         mylink.appendChild(productImage);
                         var productName = document.createElement("span");                         
                         productName.innerHTML ="<a href=\"productdetail.html?productID="+strAllProductID[j+(i*iColumns)]+"\"  style=\"text-decoration:none\">"+strAllProductName[j+(i*iColumns)]+"</a><br><br><br><br>";
                         SetProductNameStyle(productName);
                         second.appendChild(mylink);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
                  }
                  else
                  {
                      var iTemp = (i*iColumns) + j;
                      if(iTemp>=myLength)
                      {
						  /*
                         var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var productImage = document.createElement("img");
                         productImage.src=strNullImage;
                         SetProductImageStyle(productImage);
                         var productName = document.createElement("span");
                         SetProductNameStyle(productName);
                         productName.innerHTML = strNullText;
                         second.appendChild(productImage);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
						 */
                      }
                      else
                      {
                         var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var mylink= document.createElement("a");
                         mylink.href="productdetail.html?productID="+strAllProductID[j+(i*iColumns)];
                         var productImage = document.createElement("img");
                         productImage.style.border="0px";
                         productImage.src=strAllProductImage[j+(i*iColumns)];
                         SetProductImageStyle(productImage);
                         mylink.appendChild(productImage);
                         var productName = document.createElement("span");                         
                         productName.innerHTML ="<a href=\"productdetail.html?productID="+strAllProductID[j+(i*iColumns)]+"\"  style=\"text-decoration:none\">"+strAllProductName[j+(i*iColumns)]+"</a><br><br><br><br>";
                         SetProductNameStyle(productName);
                         second.appendChild(mylink);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
                      }
                  }
	           }
	        }
	        PageDertption();
	   }
}
//page descript	
function  PageDertption()
{
     var one = strAllProductID.length;
     iPageCount = Math.ceil(one/((1.0)*(irows*iColumns)));
      iPageCountSize=   iPageCount * (irows*iColumns);
    var spanPageCountSize = document.getElementById("spanPageCountSize");
    if(spanPageCountSize == null)
    {}
    else
    {
            spanPageCountSize.innerText = iPageCountSize;
    }
     var    spanCurrentPage = document.getElementById("spanCurrentPage");
     if(spanCurrentPage == null)
     {}
     else
     {
          spanCurrentPage.innerText =iCurrentPage;
     }       
     var spanPageCount = document.getElementById("spanPageCount");
     if(spanPageCount == null)
     {}
     else
      {
             spanPageCount.innerText = iPageCount;
      }                
       var SelCurrentPage = document.getElementById("SelCurrentPage");    
       SelCurrentPage.options.length = 0;      
       for(var i=0;i<iPageCount ;i++)
      {
         var selOptionValue = i+1;
         SelCurrentPage.options[i]= new Option("¦Ì¨²"+selOptionValue+"¨°3",selOptionValue);             
     }         
}
     //First Page
     function FirstPage()
     {
        iCurrentPage = 1;
        var myLength = strAllProductID.length;
	    var myTotal = irows * iColumns ;
	    
	    var myProductList = document.getElementById(strTProductList);
	    if(myProductList == null)
	    {
	    }
	    else
	    {
	       var pp = myProductList.rows.length;
	       for(var qq=0;qq<pp;qq++)
	       {
	           myProductList.deleteRow(0);
	       }
	        for(var i=0;i<irows ; i++)
	        {
	           myProductList.insertRow();
	           var k = myProductList.rows.length -1;
	           for(var j=0;j<iColumns ; j++)
	           {
	               if(myLength >= myTotal)
                  {
                        var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var mylink= document.createElement("a");
                         mylink.href="productdetail.html?productID="+strAllProductID[j+(i*iColumns)];
                         var productImage = document.createElement("img");
                         productImage.style.border="0px";
                         productImage.src=strAllProductImage[j+(i*iColumns)];
                         SetProductImageStyle(productImage);
                         mylink.appendChild(productImage);
                         var productName = document.createElement("span");                         
                         productName.innerHTML ="<a href=\"productdetail.html?productID="+strAllProductID[j+(i*iColumns)]+"\"  style=\"text-decoration:none\">"+strAllProductName[j+(i*iColumns)]+"</a><br><br><br><br>";
                         SetProductNameStyle(productName);
                         second.appendChild(mylink);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
                  }
                  else
                  {
                      var iTemp = (i*iColumns) + j;
                      if(iTemp>=myLength)
                      {
						  /*
                         var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var productImage = document.createElement("img");
                         productImage.src=strNullImage;
                         SetProductImageStyle(productImage);
                         var productName = document.createElement("span");
                         SetProductNameStyle(productName);
                         productName.innerHTML = strNullText;
                         second.appendChild(productImage);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
						 */
                      }
                      else
                      {
                         var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var mylink= document.createElement("a");
                         mylink.href="productdetail.html?productID="+strAllProductID[j+(i*iColumns)];
                         var productImage = document.createElement("img");
                         productImage.style.border="0px";
                         productImage.src=strAllProductImage[j+(i*iColumns)];
                         SetProductImageStyle(productImage);
                         mylink.appendChild(productImage);
                         var productName = document.createElement("span");                         
                         productName.innerHTML ="<a href=\"productdetail.html?productID="+strAllProductID[j+(i*iColumns)]+"\"  style=\"text-decoration:none\">"+strAllProductName[j+(i*iColumns)]+"</a><br><br><br><br>";
                         SetProductNameStyle(productName);
                         second.appendChild(mylink);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
                      }
                  }
	           }
	        }
	        PageDertption();
	    }
   }
    //last page
    function LastPage()
    {
        iCurrentPage = iPageCount ;
        var iloopData;
        if(iCurrentPage == 1)
        {
           iloopData=0;
        }
        else
        {
            iloopData= (iCurrentPage-1) * (irows*iColumns);
        }
        var myProductList = document.getElementById(strTProductList);
	    if(myProductList == null)
	    {
	    }
	    else
	    {
	       var pp = myProductList.rows.length;
	       for(var qq=0;qq<pp;qq++)
	       {
	           myProductList.deleteRow(0);
	       }
	        for(var i=0;i<irows ; i++)
	        {
	           myProductList.insertRow();
	           var k = myProductList.rows.length -1;
	           for(var j=0;j<iColumns ; j++)
	           {
	              if(strAllProductID.length>iloopData)
	              {
	                    var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var mylink= document.createElement("a");
                         mylink.href="productdetail.html?productID="+strAllProductID[iloopData];
                         var productImage = document.createElement("img");
                         productImage.style.border="0px";
                         productImage.src=strAllProductImage[iloopData];
                         SetProductImageStyle(productImage);
                         mylink.appendChild(productImage);
                         var productName = document.createElement("span");                         
                         productName.innerHTML ="<a href=\"productdetail.html?productID="+strAllProductID[iloopData]+"\"  style=\"text-decoration:none\">"+strAllProductName[iloopData]+"</a><br><br><br><br>";
                         SetProductNameStyle(productName);
                         second.appendChild(mylink);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
	              }
	              else
	              {
					  /*
	                    var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var productImage = document.createElement("img");
                         productImage.src=strNullImage;
                         SetProductImageStyle(productImage);
                         var productName = document.createElement("span");
                         SetProductNameStyle(productName);
                         productName.innerHTML = strNullText;
                         second.appendChild(productImage);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
						 */
	              }
	              iloopData ++;
	          }
	       }
	    }
	     var    spanCurrentPage = document.getElementById("spanCurrentPage");
         if(spanCurrentPage == null)
         {}
         else
         {
              spanCurrentPage.innerText =iCurrentPage;
         }
    }    
    //next page
     function NextPage()
     {
        iCurrentPage = iCurrentPage +1;
        if(iCurrentPage >= iPageCount)
        {
           iCurrentPage = iPageCount;
        }
        var iloopData;
        if(iCurrentPage == 1)
        {
           iloopData=0;
        }
        else
        {
            iloopData= (iCurrentPage-1) * (irows*iColumns);
        }
        
        var myProductList = document.getElementById(strTProductList);
	    if(myProductList == null)
	    {
	    }
	    else
	    {
	       var pp = myProductList.rows.length;
	       for(var qq=0;qq<pp;qq++)
	       {
	           myProductList.deleteRow(0);
	       }
	        for(var i=0;i<irows ; i++)
	        {
	           myProductList.insertRow();
	           var k = myProductList.rows.length -1;
	           for(var j=0;j<iColumns ; j++)
	           {
	              if(strAllProductID.length>iloopData)
	              {
	                     var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var mylink= document.createElement("a");
                         mylink.href="productdetail.html?productID="+strAllProductID[iloopData];
                         var productImage = document.createElement("img");
                         productImage.style.border="0px";
                         productImage.src=strAllProductImage[iloopData];
                         SetProductImageStyle(productImage);
                         mylink.appendChild(productImage);
                         var productName = document.createElement("span");                         
                         productName.innerHTML ="<a href=\"productdetail.html?productID="+strAllProductID[iloopData]+"\"  style=\"text-decoration:none\">"+strAllProductName[iloopData]+"</a><br><br><br><br>";
                         SetProductNameStyle(productName);
                         second.appendChild(mylink);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
	              }
	              else
	              {
					  /*
	                    var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var productImage = document.createElement("img");
                         productImage.src=strNullImage;
                         SetProductImageStyle(productImage);
                         var productName = document.createElement("span");
                         SetProductNameStyle(productName);
                         productName.innerHTML = strNullText;
                         second.appendChild(productImage);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
						 */
	              }
	              iloopData ++;
	          }
	       }
	    }
	     var    spanCurrentPage = document.getElementById("spanCurrentPage");
         if(spanCurrentPage == null)
         {}
         else
         {
              spanCurrentPage.innerText =iCurrentPage;
         }
     }
      // previous page
     function  PreviousPage()
     {
         iCurrentPage = iCurrentPage-1;
        if(iCurrentPage <=0)
        {
           iCurrentPage = 1;
        }
        var iloopData;
        if(iCurrentPage == 1)
        {
           iloopData=0;
        }
        else
        {
            iloopData= (iCurrentPage-1) * (irows*iColumns);
        }
        var myProductList = document.getElementById(strTProductList);
	    if(myProductList == null)
	    {
	    }
	    else
	    {
	       var pp = myProductList.rows.length;
	       for(var qq=0;qq<pp;qq++)
	       {
	           myProductList.deleteRow(0);
	       }
	        for(var i=0;i<irows ; i++)
	        {
	           myProductList.insertRow();
	           var k = myProductList.rows.length -1;
	           for(var j=0;j<iColumns ; j++)
	           {
	              if(strAllProductID.length>iloopData)
	              {
	                     var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var mylink= document.createElement("a");
                         mylink.href="productdetail.html?productID="+strAllProductID[iloopData];
                         var productImage = document.createElement("img");
                         productImage.style.border="0px";
                         productImage.src=strAllProductImage[iloopData];
                         SetProductImageStyle(productImage);
                         mylink.appendChild(productImage);
                         var productName = document.createElement("span");                         
                         productName.innerHTML ="<a href=\"productdetail.html?productID="+strAllProductID[iloopData]+"\"  style=\"text-decoration:none\">"+strAllProductName[iloopData]+"</a><br><br><br><br>";
                         SetProductNameStyle(productName);
                         second.appendChild(mylink);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
	              }
	              else
	              {
					  /*
	                    var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var productImage = document.createElement("img");
                         productImage.src=strNullImage;
                         SetProductImageStyle(productImage);
                         var productName = document.createElement("span");
                         SetProductNameStyle(productName);
                         productName.innerHTML = strNullText;
                         second.appendChild(productImage);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
						 */
	              }
	              iloopData ++;
	          }
	       }
	    }
	     var    spanCurrentPage = document.getElementById("spanCurrentPage");
         if(spanCurrentPage == null)
         {}
         else
         {
              spanCurrentPage.innerText =iCurrentPage;
         }
     }
   function SelChangePage()
   {
        var SelCurrentPage=document.getElementById("SelCurrentPage");
        var iSelCurrentPage=SelCurrentPage.selectedIndex;                
        iCurrentPage =  SelCurrentPage.options[iSelCurrentPage].value;
        var iloopData;  
        
        if(iCurrentPage == 1)
        {
           iloopData=0;
        }
        else
        {
            iloopData= (iCurrentPage-1) * (irows*iColumns);
        }
        var myProductList = document.getElementById(strTProductList);
	    if(myProductList == null)
	    {
	    }
	    else
	    {
	       var pp = myProductList.rows.length;
	       for(var qq=0;qq<pp;qq++)
	       {
	           myProductList.deleteRow(0);
	       }
	        for(var i=0;i<irows ; i++)
	        {
	           myProductList.insertRow();
	           var k = myProductList.rows.length -1;
	           for(var j=0;j<iColumns ; j++)
	           {
	              if(strAllProductID.length>iloopData)
	              {
	                    var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var mylink= document.createElement("a");
                         mylink.href="productdetail.html?productID="+strAllProductID[iloopData];
                         var productImage = document.createElement("img");
                         productImage.style.border="0px";
                         productImage.src=strAllProductImage[iloopData];
                         SetProductImageStyle(productImage);
                         mylink.appendChild(productImage);
                         var productName = document.createElement("span");                         
                         productName.innerHTML ="<a href=\"productdetail.html?productID="+strAllProductID[iloopData]+"\"  style=\"text-decoration:none\">"+strAllProductName[iloopData]+"</a>";
                         SetProductNameStyle(productName);
                         second.appendChild(mylink);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
	              }
	              else
	              {
					  /*
	                    var newProductList = document.createElement("div");
                         var second = document.createElement("div");
                         var productImage = document.createElement("img");
                         productImage.src=strNullImage;
                         SetProductImageStyle(productImage);
                         var productName = document.createElement("span");
                         SetProductNameStyle(productName);
                         productName.innerHTML = strNullText;
                         second.appendChild(productImage);
                         newProductList.appendChild(second);
                         newProductList.appendChild(productName);
                         myProductList.rows(k).insertCell(j).appendChild(newProductList);
						 */
	              }
	              iloopData ++;
	          }
	       }
	    }
	     var    spanCurrentPage = document.getElementById("spanCurrentPage");
         if(spanCurrentPage == null)
         {}
         else
         {
              spanCurrentPage.innerText =iCurrentPage;
         }
    }