var Template = 
{
    RequestSent:false,
    Shape:"",
    Sort:"",
    Metal:"",
    StartRecord:1,
    EndRecord:8,
    TotalRecord:0,
    PageNumber:1,
    PageSize:8,
    ViewDetail:"",
    ViewAll:false,
   ImgNext:false,
    ImgPrev:false,
    End:5,
    First:1,
   
    addData : function (p)
    {   
        if(p.Error==true)
        {
            PopMessageBox.title = "Search Result";
            PopMessageBox.message = p.ErrorMessage;
            PopMessageBox.ShowMessage();
            if (Template.Shape != "" || Template.Metal != "")
            {
                 $("select[id*='drpMetal']").val("");
                 $("select[id*='drpShape']").val("");
                 Template.Metal="";
                 Template.Shape="";
                 Template.GetItems("1");
            } 
            $("div.prow div.dright div.paging strong").html("").hide();
            return;
        }
        
        Template.ViewDetail = p.ViewDetail;
          Template.PageSize= document.getElementById('ctl00_ContentPlaceHolder1_hdnPageSize').value;
         if(Template.PageSize == "" )
         {
            Template.PageSize=8;
         }
        // add Items To Rows
        if(p.Rows && parseInt(p.Rows.length)>0)
        {  
            $.each(p.Rows, function(i, Row)
            {
                var ID="",c="";
                
                if(i>=0 && i<=3){ID="SearchRowFirst";c="gembox";}else{ ID="SearchRowSecond";c="gembox2";}
                if(Row.p == '0')
                {  
                     if(Row.Discount == '0')
                    { 
                          if(Row.IsDisplay == 'True')
                          {  
                               $("div#SearchResult").append
                                (
                                    $('<div></div>').addClass((i%2==0?"neckbox":"rneckbox"))                   
                                    .append($('<div class="mgb1"><img style="cursor:pointer;" src="'+Row.ItemImage+'" /></div>').css({"cursor":"pointer"}).mouseover(function(){TemplateMouseOver.ShowMosueOver(Row.ItemID,this,'TemplatePCES');}).mouseout(function(){TemplateMouseOver.ShowMosueOut();}).click(function(){ClickTemp(Row.ItemID,Row.p);}))    
                                    .append('<div class="mtxt arper12dgrey"><div class="itemName">'+Row.ItemName+'</div></div>')
                                    .append('<div class="tybx greendisplay_10_arial">'+'Sold By : '+Row.DisplayName+'</div>')
                                    .append('<div class="mtxt arper12dgrey">'+'Price :'+Row.ItemPrice+'</div>')
                                    .append('<div class="mtxt arper12dgrey t4view"><u><strong Item="'+Row.ItemID+'" Itemp="'+Row.p+'">View Detail</strong></u></div>')
                                    .append('<div class="mtxt"><input name="chkCompare" type="checkbox" value="'+Row.ItemID+'!'+Row.p+'*'+Row.CategoryID+'" /><span class="green12"><strong>COMPARE</strong></span></div>')
                                    
                                );
                            }
                            else
                            {
                                 $("div#SearchResult").append
                                (
                                    $('<div></div>').addClass((i%2==0?"neckbox":"rneckbox"))                   
                                    .append($('<div class="mgb1"><img style="cursor:pointer;" src="'+Row.ItemImage+'" /></div>').css({"cursor":"pointer"}).mouseover(function(){TemplateMouseOver.ShowMosueOver(Row.ItemID,this,'TemplatePCES');}).mouseout(function(){TemplateMouseOver.ShowMosueOut();}).click(function(){ClickTemp(Row.ItemID,Row.p);}))    
                                    .append('<div class="mtxt arper12dgrey"><div class="itemName">'+Row.ItemName+'</div></div>')
                                    .append('<div class="mtxt arper12dgrey">'+'Price :'+Row.ItemPrice+'</div>')
                                    .append('<div class="mtxt arper12dgrey t4view"><u><strong Item="'+Row.ItemID+'" Itemp="'+Row.p+'">View Detail</strong></u></div>')
                                    .append('<div class="mtxt"><input name="chkCompare" type="checkbox" value="'+Row.ItemID+'!'+Row.p+'*'+Row.CategoryID+'" /><span class="green12"><strong>COMPARE</strong></span></div>')
                                    
                                );
                            }
                         }
                     else
                     {
                           if(Row.IsDisplay == 'True')
                            {  
                                 $("div#SearchResult").append
                                (
                                    $('<div></div>').addClass((i%2==0?"neckbox":"rneckbox"))                   
                                    .append($('<div class="mgb1"><img style="cursor:pointer;" src="'+Row.ItemImage+'" /></div>').css({"cursor":"pointer"}).mouseover(function(){TemplateMouseOver.ShowMosueOver(Row.ItemID,this,'TemplatePCES');}).mouseout(function(){TemplateMouseOver.ShowMosueOut();}).click(function(){ClickTemp(Row.ItemID,Row.p);}))    
                                    .append('<div class="mtxt arper12dgrey"><div class="itemName">'+Row.ItemName+'</div></div>')
                                    .append('<div class="tybx greendisplay_10_arial">'+'Sold By : '+Row.DisplayName+'</div>')
                                    .append('<div class="mtxt arper12dgrey1">'+'Price :'+Row.ItemPrice+'</div>')
                                    .append('<div class="tybx arper12dgrey">'+'Discounted Price :$' + Row.Discount+'</div>')
                                    .append('<div class="mtxt arper12dgrey t4view"><u><strong Item="'+Row.ItemID+'" Itemp="'+Row.p+'">View Detail</strong></u></div>')
                                    .append('<div class="mtxt"><input name="chkCompare" type="checkbox" value="'+Row.ItemID+'!'+Row.p+'*'+Row.CategoryID+'" /><span class="green12"><strong>COMPARE</strong></span></div>')
                                    
                                );
                             }
                             else
                             {
                                $("div#SearchResult").append
                                (
                                    $('<div></div>').addClass((i%2==0?"neckbox":"rneckbox"))                   
                                    .append($('<div class="mgb1"><img style="cursor:pointer;" src="'+Row.ItemImage+'" /></div>').css({"cursor":"pointer"}).mouseover(function(){TemplateMouseOver.ShowMosueOver(Row.ItemID,this,'TemplatePCES');}).mouseout(function(){TemplateMouseOver.ShowMosueOut();}).click(function(){ClickTemp(Row.ItemID,Row.p);}))    
                                    .append('<div class="mtxt arper12dgrey"><div class="itemName">'+Row.ItemName+'</div></div>')
                                    .append('<div class="mtxt arper12dgrey1">'+'Price :'+Row.ItemPrice+'</div>')
                                    .append('<div class="tybx arper12dgrey">'+'Discounted Price :$' + Row.Discount+'</div>')
                                    .append('<div class="mtxt arper12dgrey t4view"><u><strong Item="'+Row.ItemID+'" Itemp="'+Row.p+'">View Detail</strong></u></div>')
                                    .append('<div class="mtxt"><input name="chkCompare" type="checkbox" value="'+Row.ItemID+'!'+Row.p+'*'+Row.CategoryID+'" /><span class="green12"><strong>COMPARE</strong></span></div>')
                                    
                                );
                             }
                     }               
                    
                }
                else
                {
                  
                    if(Row.Discount == '0')
                    { 
                          if(Row.IsDisplay == 'True')
                          {  
                               $("div#SearchResult").append
                                (
                                    $('<div></div>').addClass((i%2==0?"neckbox":"rneckbox"))                   
                                    .append($('<div class="mgb"><img style="cursor:pointer;" src="'+Row.ItemImage+'" /></div>').css({"cursor":"pointer"}).mouseover(function(){TemplateMouseOver.ShowMosueOver(Row.ItemID,this,'TemplatePCES');}).mouseout(function(){TemplateMouseOver.ShowMosueOut();}).click(function(){ClickTemp(Row.ItemID,Row.p);}))    
                                    .append('<div class="mtxt arper12dgrey"><div class="itemName">'+Row.ItemName+'</div></div>')
                                    .append('<div class="tybx greendisplay_10_arial">'+'Sold By : '+Row.DisplayName+'</div>')
                                    .append('<div class="mtxt arper12dgrey">'+'Price :'+Row.ItemPrice+'</div>')
                                    .append('<div class="mtxt arper12dgrey t4view"><u><strong Item="'+Row.ItemID+'" Itemp="'+Row.p+'">View Detail</strong></u></div>')
                                    .append('<div class="mtxt"><input name="chkCompare" type="checkbox" value="'+Row.ItemID+'!'+Row.p+'*'+Row.CategoryID+'" /><span class="green12"><strong>COMPARE</strong></span></div>')
                                    
                                );
                           }
                           else
                           {
                                 $("div#SearchResult").append
                                (
                                    $('<div></div>').addClass((i%2==0?"neckbox":"rneckbox"))                   
                                    .append($('<div class="mgb"><img style="cursor:pointer;" src="'+Row.ItemImage+'" /></div>').css({"cursor":"pointer"}).mouseover(function(){TemplateMouseOver.ShowMosueOver(Row.ItemID,this,'TemplatePCES');}).mouseout(function(){TemplateMouseOver.ShowMosueOut();}).click(function(){ClickTemp(Row.ItemID,Row.p);}))    
                                    .append('<div class="mtxt arper12dgrey"><div class="itemName">'+Row.ItemName+'</div></div>')
                                    .append('<div class="tybx greendisplay_10_arial">'+'Sold By : '+Row.DisplayName+'</div>')
                                    .append('<div class="mtxt arper12dgrey">'+'Price :'+Row.ItemPrice+'</div>')
                                    .append('<div class="mtxt arper12dgrey t4view"><u><strong Item="'+Row.ItemID+'" Itemp="'+Row.p+'">View Detail</strong></u></div>')
                                    .append('<div class="mtxt"><input name="chkCompare" type="checkbox" value="'+Row.ItemID+'!'+Row.p+'*'+Row.CategoryID+'" /><span class="green12"><strong>COMPARE</strong></span></div>')
                                    
                                );
                           }
                     }
                     else
                     {
                            if(Row.IsDisplay == 'True')
                            {  
                                 $("div#SearchResult").append
                                (
                                    $('<div></div>').addClass((i%2==0?"neckbox":"rneckbox"))                   
                                    .append($('<div class="mgb"><img style="cursor:pointer;" src="'+Row.ItemImage+'" /></div>').css({"cursor":"pointer"}).mouseover(function(){TemplateMouseOver.ShowMosueOver(Row.ItemID,this,'TemplatePCES');}).mouseout(function(){TemplateMouseOver.ShowMosueOut();}).click(function(){ClickTemp(Row.ItemID,Row.p);}))    
                                    .append('<div class="mtxt arper12dgrey"><div class="itemName">'+Row.ItemName+'</div></div>')
                                    .append('<div class="tybx greendisplay_10_arial">'+'Sold By : '+Row.DisplayName+'</div>')
                                    .append('<div class="mtxt arper12dgrey1">'+'Price :'+Row.ItemPrice+'</div>')
                                    .append('<div class="tybx arper12dgrey">'+'Discounted Price :$' + Row.Discount+'</div>')
                                    .append('<div class="mtxt arper12dgrey t4view"><u><strong Item="'+Row.ItemID+'" Itemp="'+Row.p+'">View Detail</strong></u></div>')
                                    .append('<div class="mtxt"><input name="chkCompare" type="checkbox" value="'+Row.ItemID+'!'+Row.p+'*'+Row.CategoryID+'" /><span class="green12"><strong>COMPARE</strong></span></div>')
                                    
                                );
                             }
                             else
                             {
                               $("div#SearchResult").append
                                (
                                    $('<div></div>').addClass((i%2==0?"neckbox":"rneckbox"))                   
                                    .append($('<div class="mgb"><img style="cursor:pointer;" src="'+Row.ItemImage+'" /></div>').css({"cursor":"pointer"}).mouseover(function(){TemplateMouseOver.ShowMosueOver(Row.ItemID,this,'TemplatePCES');}).mouseout(function(){TemplateMouseOver.ShowMosueOut();}).click(function(){ClickTemp(Row.ItemID,Row.p);}))    
                                    .append('<div class="mtxt arper12dgrey"><div class="itemName">'+Row.ItemName+'</div></div>')
                                    .append('<div class="mtxt arper12dgrey1">'+'Price :'+Row.ItemPrice+'</div>')
                                    .append('<div class="tybx arper12dgrey">'+'Discounted Price :$' + Row.Discount+'</div>')
                                    .append('<div class="mtxt arper12dgrey t4view"><u><strong Item="'+Row.ItemID+'" Itemp="'+Row.p+'">View Detail</strong></u></div>')
                                    .append('<div class="mtxt"><input name="chkCompare" type="checkbox" value="'+Row.ItemID+'!'+Row.p+'*'+Row.CategoryID+'" /><span class="green12"><strong>COMPARE</strong></span></div>')
                                    
                                );
                             }
                     } 
                }
               
               
            });
            
            $("div#SearchResult div.neckbox div.t4view strong,div#SearchResult div.rneckbox div.t4view strong").click(function(){
                         Templates_Template5PCES.SaveTrackInfo($(this).attr("Item"),$(this).attr("Itemp"),CatID,returnfunction)
                    //window.location = Template.ViewDetail+$(this).attr("Item");
               }).css({"cursor":"pointer"});
            }
            
		$("div#SearchResult div.mtxt input").click(function()
                {  
                   var chkCompare=$(this).val();       
                   var ItemsIDs = chkCompare.split("!",1)+ "," ;;   
                   g.FeturedIds = chkCompare.split("*",1) + "," ;
                   var cat = chkCompare.lastIndexOf("*")
                   var datalen = chkCompare.length;
                   //alert(" data " + chkCompare );
                   g.CategoryID = chkCompare.substring(cat+1,datalen);
                    var compareValue = ItemsIDs +  g.CategoryID + "@";
                     //alert(" category " + g.CategoryID );
                //   alert(ItemsIDs +  ' | ' +  g.FeturedIds +  ' | ' + g.CategoryID); 
                   ItemsIDs = ItemsIDs.substr(0,ItemsIDs.length-1);            
                   //uc_CompareProduct.SetItemDataForPopUp(ItemsIDs,g.FeturedIds,g.CategoryID);
                   uc_CompareProduct.SetItemDataForPopUp(ItemsIDs,g.FeturedIds,g.CategoryID,compareValue,function(res){ 
                                //alert("Session Set   " + res.value);   
                                });
                   // uc_CompareProduct.SetItemDataForPopUp(ItemsIDs,g.FeturedIds,g.CategoryID);
                });
        
        function GetItemCallBackUrl(res)
        {
               
             window.location = res.value;
        }
            
        function ClickTemp(ItemID,p)
        {//ItemID,p,CatID,
		Templates_Template5PCES.SaveTrackInfo(parseInt(ItemID),p,parseInt(CatID),GetItemCallBackUrl);                         
        }   
        //Add Paging
        
        if(Template.TotalRecord==0) Template.TotalRecord=p.TotalRecord;
        if(Template.PageNumber !="1")
        {   
            Templates_Template5PCES.GetPaging(p.TotalRecord,Template.PageNumber,returnpaging);
        }
        else
        {
            Templates_Template5PCES.GetPaging(p.TotalRecord,"1",returnpaging);
        }
        
        function returnpaging(res)
        {           
            $("div.prow div.dright div.paging").html(res.value);          
        } 
//        var TotalPages = Math.ceil(parseFloat(Template.TotalRecord)/parseFloat(Template.PageSize));
//        
//        var FirstPage = (parseInt(Template.PageNumber) -parseInt(4))<=parseInt(0)?parseInt(1):(parseInt(Template.PageNumber) - parseInt(4));
//        var LastPage = ((parseInt(FirstPage)+ parseInt(9))>parseInt(TotalPages))?parseInt(TotalPages):(parseInt(FirstPage)+ parseInt(9));
//        if(parseInt(LastPage)-parseInt(FirstPage)!=9 && TotalPages >9)
//        {
//            FirstPage = parseInt(LastPage)-9;
//        }
//        
//        $("div.prow div.dright div.paging strong").html("").show();
//        for(i=FirstPage;i<=LastPage;i++)
//        {
//            if(parseInt(i)==parseInt(Template.PageNumber)&& Template.ViewAll==false) $("div.prow div.dright div.paging strong").append("<span class='grn'>"+i+"</span>&nbsp;");
//            else $("div.prow div.dright div.paging strong").append($("<a>"+i+"</a>").css({"cursor":"pointer"})).append("&nbsp;");
//        }
//        
//        if(Template.ViewAll==true)
//        {
//            $("div.prow div.dright div.paging strong").append($("<span class='grn'>View All</span>")).append("&nbsp;");
//             
//        }
//        else
//        {
//            
//            $("div.prow div.dright div.paging strong").append($("<a>View All</a>").css({"cursor":"pointer"})).append("&nbsp;");
//            
//        }
//        
//        
//       
//        $("div.prow div.dright div.paging strong a").click(function(){Template.SetPaging($(this).html());});
//    var TotalPages = Math.ceil(parseFloat(Template.TotalRecord)/parseFloat(Template.PageSize));       
//    
//        var StartRange, EndRange; 
//       
//        StartRange = parseInt(Math.floor(parseInt(parseInt(Template.PageNumber) /5) * 5)+1);
//        if (parseInt(Template.PageNumber) % 5 == 0 && parseInt(StartRange) > 5)
//        {
//                StartRange = StartRange - 5;
//        }
//        EndRange = parseInt(StartRange) + 4;
//        Template.End=parseInt(EndRange);
//        Template.First=parseInt(StartRange);
//    //    alert("startrange" + StartRange + "EndRange" + EndRange);
//        
//        if(parseInt(StartRange)>5)
//        {   
//            
//            if(Template.ImgPrev==false)
//            {                
//                $("div.prow div.dright").append($("<img id=\"imgprev1\" src=\"../images/arrow/left_arrow.gif\" />").css({"cursor":"pointer"})).append("&nbsp;");
//                Template.ImgPrev=true;                                        
//            }
//            else
//            {
//                $("div.prow div.dright img").show();
//            }            
//        }
//        if(parseInt(StartRange)==1 && Template.ImgPrev==true)
//        {
//              $("div.prow div.dright img").hide();          
//        }
//        
//        $("div.prow div.dright div.paging strong").html("").show();
//        for(i=StartRange;i<=EndRange;i++)
//        {
//        
//            if(i > TotalPages)
//            {
//                //alert("Greater");
//                break;
//            }
//            if(parseInt(i)==parseInt(Template.PageNumber) && Template.ViewAll==false)
//                 $("div.prow div.dright div.paging strong").append("<span class='grn'>"+i+"</span>&nbsp;");
//            else            
//            { 
//                $("div.prow div.dright div.paging strong").append($("<a>"+i+"</a>").css({"cursor":"pointer"})).append("&nbsp;");           
//            }
//        }
//        // end coding
//       
//        
//        if(Template.ViewAll==true)
//        {           
//            $("div.prow div.dright div.paging strong").append($("<span class='grn'>View All</span>")).append("&nbsp;");
//           // $("div.prow div.dright div.paging1 strong").append($("<span class='grn'>View All</span>")).append("&nbsp;");
//        }
//        else
//        {
//            $("div.prow div.dright div.paging strong").append($("<a>View All</a>").css({"cursor":"pointer"})).append("&nbsp;");
//             //$("div.prow div.dright div.paging1 strong").append($("<a>View All</a>").css({"cursor":"pointer"})).append("&nbsp;");
//        }        
//        
//        //alert(parseInt(EndRange));
//        // deepak coding
//        if (parseInt(EndRange) < parseInt(TotalPages))
//        {
//                $("div.prow div.dright div.paging strong").append($("<img src=\"../images/arrow/greenarrow.gif\" />").css({"cursor":"pointer"})).append("&nbsp;");
//                Template.ImgNext=true;               
//        }
//        else
//        {
//        //        imgnext.Visible = false;
//        //        imgnext1.Visible = false;
//        }
//        
//        
//        $("div.prow div.dright div.paging a").click(function(){Template.SetPaging($(this).html());});
//        $("div.prow div.dright div.paging img").click(function(){Template.SetPaging('Next');});
//        $("div.prow div.dright img").click(function(){Template.SetPaging('Prev');});
        //end deepak coding
    
    
    
    },
    
    SetPaging:function(page)
    {
        if(Template.RequestSent==true) return;
        
        Template.GetItems(page);
    },
    GetItems:function(page)
    {
         
        Template.PageSize= document.getElementById('ctl00_ContentPlaceHolder1_hdnPageSize').value;
         if(Template.PageSize == "" )
         {
            Template.PageSize=8;
         }
        
        Template.RequestSent=true;
        //Pagging
       if(page=="A")
        {
            Template.ViewAll = true;
            Template.PageNumber = 'A';
            Template.StartRecord = 1;
            Template.EndRecord = Template.TotalRecord;
        }
        else if(page=="Next")
        { 
            Template.ViewAll = false;                       
            Template.PageNumber =  parseInt(Template.PageNumber) + 1 + "";          
            Template.StartRecord =((parseInt(Template.PageNumber) * parseInt(Template.PageSize)) - parseInt(Template.PageSize))+1;
            Template.EndRecord = parseInt(Template.PageNumber)*parseInt(Template.PageSize);            
        }
        else if(page=="Prev")
        {            
            Template.ViewAll = false;            
            Template.PageNumber = parseInt(Template.PageNumber) - 1 + ""; 
            Template.StartRecord = ((parseInt(Template.PageNumber) * parseInt(Template.PageSize)) - parseInt(Template.PageSize))+1;
            Template.EndRecord = parseInt(Template.PageNumber)*parseInt(Template.PageSize);
        }          
        else
        {
            Template.ViewAll = false;
            Template.PageNumber = page;
            Template.StartRecord = ((parseInt(page) * parseInt(Template.PageSize)) - parseInt(Template.PageSize))+1;
            Template.EndRecord = parseInt(page)*parseInt(Template.PageSize);  
        }
        
       
        
        
        //Disable Elements
        $("div.midwrapper div.prow div.dleft select").attr('disabled', 'disabled');
        $("div#CurrShape,div#CurrMetal").attr('disabled', 'disabled');
        
        $("div[id*='CrumShape']").html(Template.Shape);
        $("div[id*='CurrShape']").html("<strong>"+Template.Shape+"</strong>");    
            
        document.getElementById("ctl00_ContentPlaceHolder1_divShape").innerHTML = Template.Shape;
        document.getElementById("ctl00_ContentPlaceHolder1_divMetal").innerHTML = Template.Metal;
        
        
      
        if(Template.Shape=="")
        {
            $("div[id*='CrumShape']").html("All Shapes");
            $("div[id*='CurrShape'] ").html("<strong>All Shapes</strong>");
            document.getElementById("ctl00_ContentPlaceHolder1_divShape").innerHTML = "All Shape";
            
        }
        
     
        $("div[id*='CurrMetal']").html("<strong>"+Template.Metal+"</strong>");       
       
        if(Template.Metal=="")
        {          
            $("div[id*='CurrMetal'] ").html("<strong>All Metals</strong>");         
             document.getElementById("ctl00_ContentPlaceHolder1_divMetal").innerHTML = "All Metal";
        }
         
       $("div.outprowq div.prowq div.loader").show();
       $("div#SearchResult").html("");
        
        //alert("Shape:"+Template.Shape+"\n"+"Sort:"+Template.Sort+"\n"+"Metal:"+Template.Metal+"\n"+"StartRecord:"+Template.StartRecord+"\n"+"EndRecord:"+Template.EndRecord+"\n"+"TotalRecord:"+Template.TotalRecord);
       
//        alert("5InMetal "+   Template.Metal);
//        alert("5InShape "+   Template.Shape);
        if(Template.Metal == "All Metal")
        {
            Template.Metal="";
        }
        if(Template.Shape == "All Shape")
        {
            Template.Shape="";
        }
        
     
        Templates_Template5PCES.GetItems(CatID,Template.Sort,Template.Shape,Template.Metal,Template.StartRecord,Template.EndRecord,Template.TotalRecord,Template.GetItemCallBack);
       
    },
    GetItemCallBack:function (res)
    {   
        
        
        if(res.value==null)
        {
            PopMessageBox.title = "Search Result";
            PopMessageBox.message = "Records not found for this filter";
            PopMessageBox.ShowMessage();
            if (Template.Shape != "" || Template.Metal != "")
            {
                 $("select[id*='drpMetal']").val("");
                 $("select[id*='drpShape']").val("");
                 Template.Metal="";
                 Template.Shape="";
                 Template.GetItems("1");
            } 
            return;
        }
        else
        {
            var p = eval("("+res.value+")");
            
            Template.addData(p);
        }
        
        $("div.midwrapper div.prow div.dleft select").attr('disabled', '');
        $("div#CurrShape,div#CurrMetal").attr('disabled', '');
        Template.RequestSent=false;
        
        $("div.outprowq div.prowq div.loader").hide();
    }
};


$(document).ready(function () 
{   
     
    var Shape = "";
    //$("div.outprowq div.prowq div.loader").hide();
    $("div.midwrapper div.prow div.dleft select").val("");
    
    $("div#CurrShape,div#CurrMetal").click(function()
    {
        if(Template.RequestSent==true) return;
        Template.TotalRecord=0;
        Template.GetItems(1);
    })
    .css({"cursor":"pointer"});
    
    $("div.midwrapper div.prow div.dleft select").change(function()
    {   
        if(Template.RequestSent==true) return;
        
        //Set Order By Creteria
        Template.Sort = $("select[id*='drpsort'] :selected").val();
        
        //Set Metal Setting in Variable 
        Template.Metal = $("select[id*='drpMetal'] :selected").val();
        
        //Set Carat Shape in Variable
        Template.Shape = $("select[id*='drpShape'] :selected").val();
        
        Template.TotalRecord=0;
        
        //Search For Items
        Template.GetItems(1);
    });
    Template.TotalRecord=0;
    Template.GetItems(1);
});
function returnpage(page)
{    
    Template.GetItems(page);         
}
function check()
{
    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);
  
}