var Template = 
{
    RequestSent:false,
    DShapeID:"",
    DShapeName:"",
    Metal:"",
    StyleID:"",
    Color:"",
    ShapeImage:"",
    
    DIVHTML:"",
    ClartyColor:"",
    CheckStyle:false,
    CountItemColumn:0,
    CategoryID:"",
    GetDiamondID:function()
    {
        
        Template.DShapeID="";Template.DShapeName="";
        $.each($("input[name*='DShapeName']:checked"),function(i,chk){Template.DShapeID = $(chk).val();Template.DShapeName=$(chk).attr("DSM"); });
        if(Template.DShapeID==""){$.each($("input[id*='DShapeID']:checked"),function(i,chk){Template.DShapeID = $(chk).val();Template.DShapeName=$(chk).attr("DSM");});}
    },
    
    GetStyleMetal:function()
    {     
          
        Template.Metal="";Template.StyleID="";
        $.each($("input[name='StyleMetal']:checked"),function(i,chk){Template.Metal = $(chk).attr("Metal");Template.StyleID = $(chk).attr("ST");});
        if(Template.Metal=="" && Template.StyleID==""){$.each($("input[name*='StyleMetal']:checked"),function(i,chk){Template.Metal = $(chk).attr("Metal"); Template.StyleID = $(chk).attr("ST");});}
    },
    
    GetColor:function()
    {
       
        Template.Color="";
        $.each($("input[name*='DColorName']:checked"),function(i,chk){Template.Color = $(chk).val();});
        if(Template.Color==""){$.each($("input[id*='_DColor_']:checked"),function(i,chk){Template.Color = $(chk).val();});}
    },
    
    Search:function()
    {
       // alert("StyleID " + Template.StyleID);
        if(Template.StyleID==""){Template.StyleID=0;Template.ShapeImage="";Template.DIVHTML="";Template.ClartyColor="";Template.CountItemColumn=0;Template.CheckStyle=true;}
        if(Template.DShapeID=="")Template.DShapeID=0;
       // alert("CatID:"+CatID+"\nType:"+Type+"\nDShapeID:"+Template.DShapeID+"\nStyleID:"+Template.StyleID+"\nMetal:"+Template.Metal+"\nColor:"+Template.Color+"\nTemplate.CountItemColumn:"+Template.CountItemColumn);
        Templates_Template17.GetStyleType(parseInt(CatID),Type,parseInt(Template.DShapeID),parseInt(Template.StyleID),Template.Metal,Template.Color,parseInt(Template.CountItemColumn),Template.Callback_StyleType);
    },
    
    Callback_StyleType:function(res)
    {
        
    
      // alert("data " + res.value);
        Template.ShowMessage(res.value);
        var data = eval("("+res.value+")");
        //Template.ShowMessage(data.TotalRecord);
        //alert(data.Color);
        if(Template.CheckStyle==true)
        {
            Template.ShapeImage=data.ShapeImage.split(",");
            Template.DIVHTML=data.DIVHTML.split(",");
            Template.ClartyColor=data.ClartyColor.split(",");
            
        }
//        else
//        {
//          Template.ClartyColor=data.Color + ",";
//        }
        Template.CountItemColumn = parseInt(data.CountItemColumn);
        
        
        Template.CheckStyle=false;
        if(data.CheckShape==true && parseInt(data.ShapesTotalRecord)>0 && data.ShapeRows.length>0)
        {
            Template.SetShapeRows(parseInt(data.ShapesTotalRecord),data.ShapeRows);
        }
        else if(data.CheckShape==true)
        {
            PopMessageBox.title = "Search Result";
            PopMessageBox.message = "No shape record(s) found";
            PopMessageBox.ShowMessage();
            return;
        }
        
       
        if(parseInt(data.StyleTotalRecord)>0 && data.StyleRows && parseInt(data.StyleRows.length)>0)
        {
            Template.SetStyleRows(data.StyleTotalRecord,data.StyleRows);
        }
       
      
        Template.SetItem(data.RowsCombination);
        
         
        Template.DShapeID="";Template.DShapeName="";Template.Metal="";Template.StyleID="";Template.Color="";
        
    }
    ,SetShapeRows:function(_count,rows)
    {
        $("div[id*='_divDiamondShape'] div.shpoutr").html("");
        
        $("div[id*='_divDiamondShape'] div.shpoutr").css({"width":(parseInt(rows.length)*120)});
        $.each(rows,function(i,row)
        {   
            $("div[id*='_divDiamondShape'] div.shpoutr").append
            (   
                $("<div></div>").addClass("diacat")
                .append
                (
                    $("<div></div>").addClass("dimg").append
                    (
                       $("<img />").attr({"src":row.ShapeImage,"alt":row.ShapeName})
                    )
                )
                .append
                (
                    $("<div></div>").addClass("dtc boxsubtxt").html(row.ShapeName)
                )
                .append
                (
                     $("<div></div>").addClass("check").append
                     (
                        $("<input type=\"radio\" />").attr({"name":"DShapeName","id":"_DShapeID_"+row.ShapeName+"_"+row.ShapeID,"dsm":row.ShapeName}).val(row.ShapeID)
                     )
                )
            );
        });
        $("input[name*='DShapeName']").click(function()
        {
            Template.GetColor();
            Template.GetDiamondID();
            Template.Search();
        });
    }
    
    ,SetStyleRows:function(_count,rows)
    {
        //alert(rows.length);
        $("div[id*='divSettingStyle'] div.pendout").html("");
       // $("div[id*='divSettingStyle'] div.pendout").css({"width":(parseInt(rows.length)*125)});
       if(rows.length == 1)
       {
          $("div[id*='divSettingStyle'] div.pendout").css({'width':'973px','padding-left':'400px'});
       }
       else if(rows.length == 2)
       {
         $("div[id*='divSettingStyle'] div.pendout").css({'width':'973px','padding-left':'350px'});
       }
       else if(rows.length == 3)
       {
         $("div[id*='divSettingStyle'] div.pendout").css({'width':'973px','padding-left':'300px'});
       }
       else if(rows.length == 4)
       {
         $("div[id*='divSettingStyle'] div.pendout").css({'width':'973px','padding-left':'265px'});
       }
       else if(rows.length == 5)
       {
         $("div[id*='divSettingStyle'] div.pendout").css({'width':'973px','padding-left':'200px'});
       }
       else if(rows.length == 6)
       {
         $("div[id*='divSettingStyle'] div.pendout").css({'width':'973px','padding-left':'150px'});
       }
       else if(rows.length == 7)
       {
         $("div[id*='divSettingStyle'] div.pendout").css({'width':'973px','padding-left':'100px'});
       }
       else
       {
         $("div[id*='divSettingStyle'] div.pendout").css({'width':'973px','padding-left':'10px'});
       }
        //$("div[id*='divSettingStyle'] div.pendout").css({'width':'973px','padding-left':'400px'});
       //$("div[id*='divSettingStyle'] div.pendout").css({"width":560});
        
        $.each(rows,function(i,row)
        {  
            
            if(i==rows.length-1)
            {
               $("div[id*='divSettingStyle'] div.pendout").append($("<div id=\"dss_"+(i+1)+"\"></div>").addClass(((i+1)==_count)?"pendantsettingcatwithotbordert1":"pendantsettingcat1"));
            }
            else
            {
              $("div[id*='divSettingStyle'] div.pendout").append($("<div id=\"dss_"+(i+1)+"\"></div>").addClass(((i+1)==_count)?"pendantsettingcatwithotbordert":"pendantsettingcat"));
            }
            $("div[id*='divSettingStyle'] div.pendout div[id='dss_"+(i+1)+"']").append("<div class=\"oneline green_14_arial\"><strong>"+row.StyleName+"</strong></div>");
            $("div[id*='divSettingStyle'] div.pendout div[id='dss_"+(i+1)+"']").append("<div id=\"StyleImage"+row.StyleID+"\" class=\"StyleImage\"><img src=\"../Images/User_Images/"+row.Image+"\" alt=\""+row.StyleName+"\" style=\"width:80px;height:90px;\" /></div>");
            if(row.StyleMetal1 && row.StyleMetal1!="")
                $("div[id*='divSettingStyle'] div.pendout div[id='dss_"+(i+1)+"']").append("<div class=\"smg fourfour_12_arial\"><input id=\"Style"+(i+1)+"Metal1\" name=\"StyleMetal\" type=\"radio\" value=\""+row.StyleMetal1+"_"+row.StyleID+"\" st=\""+row.StyleID+"\" metal=\""+row.StyleMetal1+"\" />"+row.StyleMetal1+"</div>");
            if(row.StyleMetal2 && row.StyleMetal2!="")
                $("div[id*='divSettingStyle'] div.pendout div[id='dss_"+(i+1)+"']").append("<div class=\"smg fourfour_12_arial\"><input id=\"Style"+(i+1)+"Metal2\" name=\"StyleMetal\" type=\"radio\" value=\""+row.StyleMetal2+"_"+row.StyleID+"\" st=\""+row.StyleID+"\" metal=\""+row.StyleMetal2+"\" />"+row.StyleMetal2+"</div>");
            if(row.StyleMetal3 && row.StyleMetal3!="")
                $("div[id*='divSettingStyle'] div.pendout div[id='dss_"+(i+1)+"']").append("<div class=\"smg fourfour_12_arial\"><input id=\"Style"+(i+1)+"Metal3\" name=\"StyleMetal\" type=\"radio\" value=\""+row.StyleMetal3+"_"+row.StyleID+"\" st=\""+row.StyleID+"\" metal=\""+row.StyleMetal3+"\" />"+row.StyleMetal3+"</div>");
            if(row.StyleMetal4 && row.StyleMetal4!="")
                $("div[id*='divSettingStyle'] div.pendout div[id='dss_"+(i+1)+"']").append("<div class=\"smg fourfour_12_arial\"><input id=\"Style"+(i+1)+"Metal4\" name=\"StyleMetal\" type=\"radio\" value=\""+row.StyleMetal4+"_"+row.StyleID+"\" st=\""+row.StyleID+"\" metal=\""+row.StyleMetal4+"\" />"+row.StyleMetal4+"</div>");
            if(row.StyleMetal5 && row.StyleMetal5!="")
                $("div[id*='divSettingStyle'] div.pendout div[id='dss_"+(i+1)+"']").append("<div class=\"smg fourfour_12_arial\"><input id=\"Style"+(i+1)+"Metal5\" name=\"StyleMetal\" type=\"radio\" value=\""+row.StyleMetal5+"_"+row.StyleID+"\" st=\""+row.StyleID+"\" metal=\""+row.StyleMetal5+"\" />"+row.StyleMetal5+"</div>");
            if(row.StyleMetal6 && row.StyleMetal6!="")
                $("div[id*='divSettingStyle'] div.pendout div[id='dss_"+(i+1)+"']").append("<div class=\"smg fourfour_12_arial\"><input id=\"Style"+(i+1)+"Metal6\" name=\"StyleMetal\" type=\"radio\" value=\""+row.StyleMetal6+"_"+row.StyleID+"\" st=\""+row.StyleID+"\" metal=\""+row.StyleMetal6+"\" />"+row.StyleMetal6+"</div>");
            
        });
        $("input[name*='StyleMetal']").click(function()
        {
            Template.GetDiamondID();
            Template.GetStyleMetal();
            Template.GetColor();
            Template.Search();
        });
    }
    
    ,SetItem:function(rows)
    {   
        
        if(rows == "")
        {
          
             $("div[id*='_divItems'] div.divItems").html("");
                PopMessageBox.title = "Search Result";
                PopMessageBox.message = "No Records found";
                PopMessageBox.ShowMessage();
                return;
        }
        else
        {
            $("div[id*='_divItems'] div.divItems").html("");
            $("div[id*='_divItems'] div.divItems").append
            (
                $("<div></div>").addClass("caetout").append
                (
                    $("<div></div>").addClass("catbt").append
                    (
                        $("<img />").addClass("compare_big").attr({"src":StrImagePath+"images/button/compare_big.gif"})
                    )
                ).css({"width":(parseInt(187)+(parseInt(Template.ClartyColor.length)*187))+"px"})
            );
        }
//        $("div[id*='_divItems'] div.divItems").html("");
//        $("div[id*='_divItems'] div.divItems").append
//        (
//            $("<div></div>").addClass("caetout").append
//            (
//                $("<div></div>").addClass("catbt").append
//                (
//                    $("<img />").addClass("compare_big").attr({"src":StrImagePath+"images/button/compare_big.gif"})
//                )
//            ).css({"width":(parseInt(187)+(parseInt(Template.ClartyColor.length)*187))+"px"})
//        );
//        
        //Template.ClartyColor Template.ShapeImage
     //   alert("Template.ClartyColor " + Template.ClartyColor);
     
    //  Template.ClartyColor = 'AA,AAA';
//        var clarity =Template.ClartyColor;
//        alert("clarity " + clarity);       

//        
//        var splitArray = clarity.split(',');       
//        alert(splitArray.length);
//        for(var p=0;p< splitArray.length; p++)
//        {
//                alert(splitArray[0]);
//                        
//        }
        
       
        
          
//        $.each(Template.ClartyColor,function(i,arrcolor){
//        // alert(arrcolor);
//            $("div[id*='_divItems'] div.divItems div.caetout").append
//            (
//                $("<div></div>").addClass("caet toll2").append
//                (
//                    $("<img />").attr({"src":StrImageProductPath+ "/"+Template.ShapeImage[i]}).css({"width":"56px","height":"60px"})
//                )
//                .append("<br /><strong>"+arrcolor+"</strong>")
//            );
//        });
       
        $("div[id*='_divItems'] div.divItems").append($("<div></div>").addClass("chosediamondbox"));
        $.each(rows,function(i,row)
        {
           if(i==0){    
                    $.each(Template.ClartyColor,function(i,arrcolor){
                    //alert(arrcolor);
                    $("div[id*='_divItems'] div.divItems div.caetout").append
                    (
                        $("<div></div>").addClass("caet toll2").append
                        (
                            $("<img />").attr({"src":StrImageProductPath+ "/"+row.CaratWeightImage})
                            //$("<img />").attr({"src":StrImageProductPath+ "/"+row.CaratWeightImage}).css({"width":"56px","height":"60px"})
                        )
                   .append("<br /><strong>"+arrcolor+"</strong>")
            );
        });}
//            $("div[id*='_divItems'] div.divItems div.chosediamondbox").append($("<div></div>").addClass("row").attr({"id":(i+1)}).css({"width":(parseInt(187)+(parseInt(Template.ClartyColor.length)*187))+"px"}));
            $("div[id*='_divItems'] div.divItems div.chosediamondbox").append($("<div></div>").addClass("row").attr({"id":(i+1)}).css({"width":(parseInt(200)+(parseInt(Template.ClartyColor.length)*200))+"px"}));
           // alert(" Shape name " + Template.DShapeName);
            $("div[id*='_divItems'] div.divItems div.chosediamondbox div[id='"+(i+1)+"']").append
            (
                $("<div></div>").addClass("caet").append
                (
                    $("<div></div>").addClass("left").append
                    (
                        //$("<div></div>").append($("<img />").attr({"src":StrImageProductPath+"/PeridotBlackDiaPendant_120661.jpg"}).css({"width":"90px","height":"30px"}))
                        // $("<div></div>").append($("<img />").attr({"src":StrImageProductPath+ "/"+Template.ShapeImage[i]}))
                        //$("<div></div>").append($("<img src=\"+"StrImageProductPath"+"/"+"row.CaratWeightImage\"/>").attr({"src":StrImageProductPath+ "/"+row.CaratWeightImage})
                         $("<img />").attr({"src":StrImageProductPath+ "/"+row.CaratWeightImage})
                    )
                    .append($("<div></div>").addClass("arfivefive12").html(Template.DShapeName))
                )
                .append
                (
                    $("<div></div>").addClass("right").append
                    (
                        $("<div></div>").addClass("arper12dgrey").html(row.CaratDimension)
                    )
                    .append($("<div></div>").addClass("arfivefive12").html(row.CaratWeight))                    
                )
            );
            
            if(row.Price1)
            {
               //alert("Price1 " + row.Price1);
                $("div[id*='_divItems'] div.divItems div.chosediamondbox div[id='"+(i+1)+"']").append
                (
			
	            
                    $("<div></div>").addClass("wcaett").append
                    (                       
                        $("<div style='cursor:pointer;' onmouseover=\"TemplateMouseOver.ShowMosueOver('" + row.ItemID1 + "', this,'Template17')\" onmouseout=\"TemplateMouseOver.ShowMosueOut();\" onclick='ClickTemp(" + row.ItemID1 + "," +Template.CategoryID +")' ></div>").addClass("text arper12dgrey").html("$"+row.Price1)                       
                    )
                   .append($("<div></div>").addClass("check toll2").html("<input type=\"checkbox\" value=\""+row.ItemID1+"!1*" + Template.CategoryID + "\" name=\"chkCompare\"/> <b>COMPARE</b>"))
                   //  .append($("<div></div>").addClass("check toll2").html("<input type=\"checkbox\" value=\""+row.ItemID1+"!2*" + Template.CategoryID + "\" name=\"chkCompare1\"/> <b>COMPARE</b>"))
                    
                ) ;
            }
            
            if(row.Price2)
            {
              // alert("Price2 " + row.Price2);
               // alert("ItemID " + row.ItemID2);
                $("div[id*='_divItems'] div.divItems div.chosediamondbox div[id='"+(i+1)+"']").append
                (
                    $("<div></div>").addClass("wcaett").append
                    (
                        $("<div style='cursor:pointer;' onmouseover=\"TemplateMouseOver.ShowMosueOver('" + row.ItemID2 + "', this,'Template17')\" onmouseout=\"TemplateMouseOver.ShowMosueOut();\" onclick='ClickTemp(" + row.ItemID2 + "," +Template.CategoryID +")' ></div>").addClass("text arper12dgrey").html("$"+row.Price2)
                       //$("<div style='cursor:pointer;' onmouseover=\"TemplateMouseOver.ShowMosueOver('" + row.ItemID2 + "', this,'Template17')\" onmouseout=\"TemplateMouseOver.ShowMosueOut();\"></div>").addClass("text arper12dgrey").html("$"+row.Price2)
                   )
                   .append($("<div></div>").addClass("check toll2").html("<input type=\"checkbox\" value=\""+row.ItemID2+"!1*" + Template.CategoryID +"\" name=\"chkCompare\"/> <b>COMPARE</b>"))
               ); 
            }
            if(row.Price3)
            {
                 
                $("div[id*='_divItems'] div.divItems div.chosediamondbox div[id='"+(i+1)+"']").append
                (
                    $("<div></div>").addClass("wcaett").append
                    (
                        $("<div style='cursor:pointer;' onmouseover=\"TemplateMouseOver.ShowMosueOver('" + row.ItemID3 + "', this,'Template17')\" onmouseout=\"TemplateMouseOver.ShowMosueOut();\"></div>").addClass("text arper12dgrey").html("$"+row.Price3)
                    )
                    .append($("<div></div>").addClass("check toll2").html("<input type=\"checkbox\" value=\""+row.ItemID3+"!1*" + Template.CategoryID +"\" name=\"chkCompare\"/> <b>COMPARE</b>"))
                ) 
            }
            if(row.Price4)
            {
              
                $("div[id*='_divItems'] div.divItems div.chosediamondbox div[id='"+(i+1)+"']").append
                (
                    $("<div></div>").addClass("wcaett").append
                    (
                        $("<div style='cursor:pointer;' onmouseover=\"TemplateMouseOver.ShowMosueOver('" + row.ItemID4 + "', this,'Template17')\" onmouseout=\"TemplateMouseOver.ShowMosueOut();\"></div>").addClass("text arper12dgrey").html("$"+row.Price4)
                    )
                    .append($("<div></div>").addClass("check toll2").html("<input type=\"checkbox\" value=\""+row.ItemID4+"!1*" + Template.CategoryID +"\" name=\"chkCompare\"/> <b>COMPARE</b>"))
                ) 
            }
            if(row.Price5)
            {
                
                $("div[id*='_divItems'] div.divItems div.chosediamondbox div[id='"+(i+1)+"']").append
                (
                    $("<div></div>").addClass("wcaett").append
                    (
                        $("<div style='cursor:pointer;' onmouseover=\"TemplateMouseOver.ShowMosueOver('" + row.ItemID5 + "', this,'Template17')\" onmouseout=\"TemplateMouseOver.ShowMosueOut();\"></div>").addClass("text arper12dgrey").html("$"+row.Price5)
                    )
                    .append($("<div></div>").addClass("check toll2").html("<input type=\"checkbox\" value=\""+row.ItemID5+"!1*" + Template.CategoryID +"\" name=\"chkCompare\"/> <b>COMPARE</b>"))
                ) 
            }
        });
        
        $("img.compare_big").click(function()
        {   
            g.CompareBig();
        });
    }
    ,ShowMessage:function(str)
    {
        //alert(str);
    }
}
$(document).ready(function () 
{
    Template.CategoryID = document.getElementById('ctl00_ContentPlaceHolder1_hdnCatgoryID').value ;
    //alert("CountItemColumn " + CountItemColumn);
    Template.ShapeImage=ShapeImage.split(",");Template.DIVHTML=DIVHTML.split(",");Template.ClartyColor=ClartyColor.split(",");Template.CountItemColumn=CountItemColumn;
    $("input[name*='DColorName']").click(function()
    {       
        Template.GetColor();
        Template.Search();
    });
   // $("input[name*='DShapeName']").change(function()
   // {
       
   //     Template.GetColor();
   //     Template.GetDiamondID();
   //     Template.Search();
   // });
    $("input[name*='DShapeName']").click(function()
    {
        //alert('Chnagesnamehhh');
        Template.GetColor();
        Template.GetDiamondID();
        Template.Search();
    });

    $("input[name*='StyleMetal']").click(function()
    {
        Template.GetDiamondID();
        Template.GetStyleMetal();
        Template.GetColor();
        Template.Search();
    });
    
});


/*
{
    CheckShape: false,
    ShapesTotalRecord: '0',
    ShapeRows: [
        {ShapeImage:'http://192.168.0.15/Images/User_Images/Citrine_Round.jpg',ShapeName:'Round',ShapeID:'1001',Checked:'1'},
        {ShapeImage:'http://192.168.0.15/Images/User_Images/Citrine_Princess.jpg',ShapeName:'Princess',ShapeID:'1002'},
        {ShapeImage:'http://192.168.0.15/Images/User_Images/Citrine_Oval.jpg',ShapeName:'Oval',ShapeID:'1003'},
        {ShapeImage:'http://192.168.0.15/Images/User_Images/Citrine_CushionCheckered.jpg',ShapeName:'Cushion Checkered',ShapeID:'1005'},
        {ShapeImage:'http://192.168.0.15/Images/User_Images/Citrine_CushionConcave.jpg',ShapeName:'Cushion Concave',ShapeID:'1006'},
        {ShapeImage:'http://192.168.0.15/Images/User_Images/Citrine_Heart.jpg',ShapeName:'Heart',ShapeID:'1007'}
    ],
    StyleTotalRecord: '8',
    StyleRows: [
        {StyleID: '275',StyleName:'Four Prong',Image:'http://192.168.0.15/images/User_images/round_fourprong_pendant.gif',StyleMetal1:'14K White',StyleMetal2:'14K Yellow',StyleMetal3:'18K White',StyleMetal4:'18K Yellow',StyleMetal5:'Platinum',StyleMetal6:'Silver'},
        {StyleID: '276',StyleName:'Three-Prong',Image:'http://192.168.0.15/images/User_images/round_threeprong_pendant.gif',StyleMetal1:'14K White',StyleMetal2:'14K Yellow',StyleMetal3:'18K White',StyleMetal4:'18K Yellow',StyleMetal5:'Platinum'},
        {StyleID: '277',StyleName:'Six Prong',Image:'http://192.168.0.15/images/User_images/round_sixprong_pendant.gif',StyleMetal1:'14K White',StyleMetal2:'14K Yellow',StyleMetal3:'18K White',StyleMetal4:'18K Yellow',StyleMetal5:'Platinum'},
        {StyleID: '278',StyleName:'Bezel',Image:'http://192.168.0.15/images/User_images/round_bezelset_pendant.gif',StyleMetal1:'14K White',StyleMetal2:'14K Yellow',StyleMetal3:'18K White',StyleMetal4:'18K Yellow',StyleMetal5:'Platinum'},
        {StyleID: '279',StyleName:'Scroll',Image:'http://192.168.0.15/images/User_images/round_scroll_pendant.gif',StyleMetal1:'14K White',StyleMetal2:'14K Yellow',StyleMetal3:'18K White',StyleMetal4:'18K Yellow',StyleMetal5:'Platinum'},
        {StyleID: '280',StyleName:'1-Diamond Accented',Image:'http://192.168.0.15/images/User_images/round_onediamondaccented_pendant.gif',StyleMetal1:'14K White',StyleMetal2:'14K Yellow',StyleMetal3:'18K White',StyleMetal4:'18K Yellow',StyleMetal5:'Platinum'},
        {StyleID: '281',StyleName:'Cluster',Image:'http://192.168.0.15/images/User_images/round_cluster_pendant.gif',StyleMetal1:'14K White',StyleMetal2:'14K Yellow',StyleMetal3:'18K White',StyleMetal4:'18K Yellow',StyleMetal5:'Platinum'},
        {StyleID: '282',StyleName:'Diamond Accented',Image:'http://192.168.0.15/images/User_images/round_diamondaccented_pendant.gif',StyleMetal1:'14K White',StyleMetal2:'14K Yellow',StyleMetal3:'18K White',StyleMetal4:'18K Yellow',StyleMetal5:'Platinum'}
    ],
    ShapeImage: 'temp_peridot_round_loose.gif,temp_peridot_round_loose.gif',
    DIVHTML: '',
    ClartyColor: 'AAA',
    ShapeID: '717',
    Type: '',
    StyleID: '275',
    Metal: '14K White',
    Color: '',
    RowsCombination: [
        {CaratWeightImage:'temp_peridot_round_loose.gif',CaratWeight:'1/4 Ct TW',CaratDimension:'4 mm',ItemID1:'57827',Price1:'99.00',ItemID2:'57659',Price2:'84.15'},
        {CaratWeightImage:'temp_peridot_round_loose.gif',CaratWeight:'1/2 Ct TW',CaratDimension:'5 mm',ItemID1:'57829',Price1:'125.00',ItemID2:'57661',Price2:'106.25'},
        {CaratWeightImage:'temp_peridot_round_loose.gif',CaratWeight:'1.00 Ct TW',CaratDimension:'6 mm',ItemID1:'57833',Price1:'175.00',ItemID2:'57665',Price2:'148.75'},
        {CaratWeightImage:'temp_peridot_round_loose.gif',CaratWeight:'1.50 Ct TW',CaratDimension:'7 mm',ItemID1:'57835',Price1:'225.00',ItemID2:'57667',Price2:'191.25'},
        {CaratWeightImage:'temp_peridot_round_loose.gif',CaratWeight:'2.00 Ct TW',CaratDimension:'8 mm',ItemID1:'57837',Price1:'275.00',ItemID2:'57669',Price2:'233.75'},
        {CaratWeightImage:'temp_peridot_round_loose.gif',CaratWeight:'2.50 Ct TW',CaratDimension:'9 mm',ItemID1:'57838',Price1:'400.00',ItemID2:'57670',Price2:'340.00'},
        {CaratWeightImage:'temp_peridot_round_loose.gif',CaratWeight:'3.50 Ct TW',CaratDimension:'10 mm',ItemID1:'57839',Price1:'475.00',ItemID2:'57671',Price2:'403.75'}
    ]
}

<div id="ctl00_ContentPlaceHolder1_divItems" class="prow">
    <div id="ctl00_ContentPlaceHolder1_divAllItem" class="divItems">
        <div class="chosediamondbox">
            <div class="row" style="561px">
                <div class="caet">
                    <div class="left">
                        <div><img src="http://192.168.0.15/Images/User_Images/temp_peridot_round_loose.gif" alt="Round" /></div>
                        <div class="arfivefive12">Round</div>
                    </div>
                    <div class="right">
                        <div class="arper12dgrey">1/4 Ct TW</div>
                        <div class="arper12dgrey">4 mm</div>
                    </div>
                </div>
                <div class="wcaett">
                    <div class="text arper12dgrey">$99.00</div>
                    <div class="check toll2"><input type="checkbox" value="57827" name="chkCompare"/> <b>COMPARE</b></div>
                </div>
                <div class="wcaett">
                    <div class="text arper12dgrey">$84.15</div>
                    <div class="check toll2"><input type="checkbox" value="57659" name="chkCompare"/> <b>COMPARE</b></div>
                </div><div class="wcaett"></div><div class="wcaett"></div><div class="wcaett"></div></div><div class="row" style="561px"><div class="caet"><div class="left"><div><img src="http://192.168.0.15/Images/User_Images/temp_peridot_round_loose.gif" alt="Round" /></div><div class="arfivefive12">Round</div></div><div class="right"><div class="arper12dgrey">1/2 Ct TW</div><div class="arper12dgrey">5 mm</div></div></div><div class="wcaett"><div class="text arper12dgrey">$125.00</div><div class="check toll2"><input type="checkbox" value="57829" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"><div class="text arper12dgrey">$106.25</div><div class="check toll2"><input type="checkbox" value="57661" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"></div><div class="wcaett"></div><div class="wcaett"></div></div><div class="row" style="561px"><div class="caet"><div class="left"><div><img src="http://192.168.0.15/Images/User_Images/temp_peridot_round_loose.gif" alt="Round" /></div><div class="arfivefive12">Round</div></div><div class="right"><div class="arper12dgrey">1.00 Ct TW</div><div class="arper12dgrey">6 mm</div></div></div><div class="wcaett"><div class="text arper12dgrey">$175.00</div><div class="check toll2"><input type="checkbox" value="57833" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"><div class="text arper12dgrey">$148.75</div><div class="check toll2"><input type="checkbox" value="57665" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"></div><div class="wcaett"></div><div class="wcaett"></div></div><div class="row" style="561px"><div class="caet"><div class="left"><div><img src="http://192.168.0.15/Images/User_Images/temp_peridot_round_loose.gif" alt="Round" /></div><div class="arfivefive12">Round</div></div><div class="right"><div class="arper12dgrey">1.50 Ct TW</div><div class="arper12dgrey">7 mm</div></div></div><div class="wcaett"><div class="text arper12dgrey">$225.00</div><div class="check toll2"><input type="checkbox" value="57835" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"><div class="text arper12dgrey">$191.25</div><div class="check toll2"><input type="checkbox" value="57667" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"></div><div class="wcaett"></div><div class="wcaett"></div></div><div class="row" style="561px"><div class="caet"><div class="left"><div><img src="http://192.168.0.15/Images/User_Images/temp_peridot_round_loose.gif" alt="Round" /></div><div class="arfivefive12">Round</div></div><div class="right"><div class="arper12dgrey">2.00 Ct TW</div><div class="arper12dgrey">8 mm</div></div></div><div class="wcaett"><div class="text arper12dgrey">$275.00</div><div class="check toll2"><input type="checkbox" value="57837" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"><div class="text arper12dgrey">$233.75</div><div class="check toll2"><input type="checkbox" value="57669" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"></div><div class="wcaett"></div><div class="wcaett"></div></div><div class="row" style="561px"><div class="caet"><div class="left"><div><img src="http://192.168.0.15/Images/User_Images/temp_peridot_round_loose.gif" alt="Round" /></div><div class="arfivefive12">Round</div></div><div class="right"><div class="arper12dgrey">2.50 Ct TW</div><div class="arper12dgrey">9 mm</div></div></div><div class="wcaett"><div class="text arper12dgrey">$400.00</div><div class="check toll2"><input type="checkbox" value="57838" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"><div class="text arper12dgrey">$340.00</div><div class="check toll2"><input type="checkbox" value="57670" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"></div><div class="wcaett"></div><div class="wcaett"></div></div><div class="row" style="561px"><div class="caet"><div class="left"><div><img src="http://192.168.0.15/Images/User_Images/temp_peridot_round_loose.gif" alt="Round" /></div><div class="arfivefive12">Round</div></div><div class="right"><div class="arper12dgrey">3.50 Ct TW</div><div class="arper12dgrey">10 mm</div></div></div><div class="wcaett"><div class="text arper12dgrey">$475.00</div><div class="check toll2"><input type="checkbox" value="57839" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"><div class="text arper12dgrey">$403.75</div><div class="check toll2"><input type="checkbox" value="57671" name="chkCompare"/> <b>COMPARE</b></div></div><div class="wcaett"></div><div class="wcaett"></div><div class="wcaett"></div></div></div></div></div>


*/
function check()
{
   //Template.Search();
    //alert("dfdf");
//    Template.Metal=document.getElementById('ctl00_ContentPlaceHolder1_divMetal').innerHTML;   
//    Template.Shape=document.getElementById('ctl00_ContentPlaceHolder1_divShape').innerHTML; 
////    Template.Metal = "Silver";
//    Template.Shape = "All Shape";
//    alert("Metal "+   Template.Metal);
//    alert("Shape "+   Template.Shape);
  //  Template.GetItems(1);
  
}

function ClickTemp(ItemID,CategoryID)
{   
    var featured = "1";
    Templates_Template17.SaveTrackInfo(ItemID,featured,CategoryID,returnfunction);                         
}
function returnfunction(res)
{  
    window.location = res.value;
}