var array_product = new Array(); 
    var j =0;
    for(var k = 0;k < 30;k++)
    {
        array_product[k] = new Array();
    }
   
    
 
		
  function groupMoveOver(id)
    {
        id.bgColor = "#9DD0F3";
    }
    function groupMoveOut(id)
    {
        id.bgColor = "";
    }
    
     function resetSmallImg()
    {
        document.getElementById("enlargeType").value = "004";
        document.getElementById("Ori_picType").value = "003";
        document.getElementById("Ori_showType").value = "002";
        document.getElementById("showType").value ="";
    }
   
     function showProduct(ProductCode, isrefresh)
    {
        return updateProductHTML(ProductCode, isrefresh);
    }
     
   
    
      function setProduct(ProductCode)
    {
        updateSizeList();
        var tmp =  document.getElementById("Ori_ProductCode").value;
        if(ProductCode != tmp)
        {
            document.getElementById("color" + tmp).className = "normal";
            document.getElementById("color" + ProductCode).className = "selected";
            document.getElementById("Ori_ProductCode").value=ProductCode;
            //document.getElementById("addIntoFavorite").href = "javascript:addFavorite('" + ProductCode  + "')";
            resetSmallImg();
            resetPreview();
            
//             $j.post("ChangeSwatchHandle.aspx", {ProductCode:ProductCode}, 
//             function(data){ 
//                document.getElementById("suggestProduct").innerHTML = data;
//                changetoSuggest(); 
//             } );
            //observe_pic();
           
        }
    }
    
     function showImg_Ori()
    {
        
        //var ProductGroupID = document.getElementById("ProductGroupID").value;
        var ProductCode = document.getElementById("Ori_ProductCode").value;
        var showType = document.getElementById("Ori_showType").value;
       
        change_Img(ProductCode,showType);
    }
    
     function setImg(picType,showType,enlargeType)
    {
        var tmp =  document.getElementById("Ori_showType").value;
        if(showType != tmp)
        {
            document.getElementById("img" + tmp).className = "normal";
            document.getElementById("img" + showType).className = "selected";
            document.getElementById("Ori_picType").value=picType;
            document.getElementById("Ori_showType").value = showType;
            document.getElementById("enlargeType").value = enlargeType;
           
            resetPreview();
        }
    }
     
     function change_Img(ProductCode,showType)
    {
         var doMouseOver = false;
        
         var ori_showType = document.getElementById("Ori_showType").value;
         var chg_showType = document.getElementById("showType").value;
   
       
         if(chg_showType != showType)
         {
            doMouseOver = true;
         }
         if(doMouseOver)
         {
          
             j = 0;
             for(; j < 30; j++ )
             {
                    if(ProductCode == array_product[j][0])
                    {
                        doMouseOver = true;
                        break;
                    }
             }
             if(showType == "002")
             {
               document.getElementById("testImage").src = array_product[j][1];
             }
             else if(showType == "015")
             {
                document.getElementById("testImage").src = array_product[j][14];
             }
             else
             {
                 document.getElementById("testImage").src = array_product[j][15];
             }
     
            if(document.getElementById("img" + chg_showType)!= null)
            {
                document.getElementById("img" + chg_showType).className = "normal";
            }                        
            document.getElementById("img" + showType).className = "selected";
            document.getElementById("img" + ori_showType).className = "selected";
            document.getElementById("showType").value = showType;
            
            document.getElementById("testImageHref").href = "javascript:openwin('EnlargedImg.aspx?ProductCode=" + ProductCode + "')";
      
         }
    }
    
     function updateProductHTML(ProductCode, isrefresh) 
    {
         var doMouseOver = false;
         var ori_ProductCode = document.getElementById("Ori_ProductCode").value;
         var chg_ProductCode = document.getElementById("ProductCode").value;
         var err = true;
         
         
        
         if(chg_ProductCode != ProductCode  || isrefresh)
         {
            doMouseOver = true;
           
         }
         
         if(doMouseOver)
         {
             var is_004 = document.getElementById("enlargeType").value;
            if(is_004 != "004")
            {
                resetSmallImg();
                resetPreview();
            }
            if(chg_ProductCode != "" && !isrefresh)
            {
                clearClass("colors");               
                document.getElementById("color" + ProductCode).className = "selected";
                document.getElementById("color" + ori_ProductCode).className = "selected";
            }
            //jQuery.post("NewProductHandle.aspx", { ProductGroupID:ProductGroupID,ProductCode: ProductCode,Ori_ProductCode:ori_ProductCode}, function(data){ 
            
            
                 j = 0;
		//var pn = ""
                 for(; j < 30; j++ )
                 {
//if(array_product[j][0]!="")
//pn+=array_product[j][0]+" "
                        if(ProductCode == array_product[j][0])
                        {
                            break;
                        }
                 }
                 if(j == 30)
                {
                    document.getElementById("content_re").innerHTML = err_mes;
                    err = false;
                }
                else
                {
             //   document.getElementById("pbigImg").innerHTML = array_product[j][1];
             
                   
                    document.getElementById("testImage").src = array_product[j][1];
                    document.getElementById("psmallimg").innerHTML = array_product[j][2];
                    document.getElementById("pimg_009").innerHTML = array_product[j][16];
                    document.getElementById("ptitle").innerHTML = array_product[j][3];
                    document.getElementById("pname").innerHTML = array_product[j][4];
                    document.getElementById("pbrand").innerHTML = array_product[j][5];
                    
                    document.getElementById("poriprice").innerHTML = array_product[j][7];
                    document.getElementById("pcurprice").innerHTML = array_product[j][8];
                    
                    if(chg_ProductCode == "" || isrefresh)
                    {
                        document.getElementById("pdesc").innerHTML = array_product[j][6];
                        document.getElementById("pcolors").innerHTML = array_product[j][9];
                        document.getElementById("pmonogramlist").innerHTML = array_product[j][12];
                    }
                    
                    document.getElementById("psizeurl").innerHTML = array_product[j][11];
                   
                    document.getElementById("pother").innerHTML = array_product[j][13];
                      
                    document.getElementById("testImageHref").href = "javascript:openwin('EnlargedImg.aspx?ProductCode=" + ProductCode + "')";
                 
                    //*/
                    
                }
            
                document.getElementById("ProductCode").value = ProductCode;
        }
        return err;
    }
    
   
   function updateSizeList()
   {
        var options = array_product[j][10];
        var arr_option = options.split("&&");
        var sel = document.getElementById("sizeList");
///*                
        var k = 0;
        while(k < sel.length - 1)
        {
            sel.remove(1);
            
        }
       
        for(var i = 0; i < arr_option.length;i++)
        {
            eval("sel.options[i+1] = new Option" + arr_option[i] +";");
        }
        document.getElementById("statusLayer").innerHTML="";
   }