﻿// JScript File
var strfrompage;
var obj;
var strpagetype;
function showsearch(id,strid,ob,frompage)
{  


    if(ob==1)
    {
        if(window.document.getElementById(strid+id).checked)
            window.document.getElementById(strid+id).checked = false;
        else
            window.document.getElementById(strid+id).checked = true;
    }
    if(strid == "metalcheck")
        txtname = "idmetal"
    else
        txtname = "idstyle"
    if(window.document.getElementById(""+strid+id).checked)
    {
        var idstones = window.document.getElementById(txtname).value;
        idstones = idstones.substr(1,idstones.length-2)
        if(idstones != "") idstones = idstones + ",";
        idstones = idstones + window.document.getElementById(strid+id).value;
        window.document.getElementById(txtname).value = "(" + idstones + ")";
    }
    else
    {
        var idstones = window.document.getElementById(txtname).value;
        var id = window.document.getElementById(strid+id).value;
        if(idstones.indexOf(id)>0)
        {
            idstones = idstones.replace("(" + id + ")","");
            idstones = idstones.replace("," + id + ")","");
            idstones = idstones.replace("(" + id + ",","");
            idstones = idstones.replace("," + id + ",",",");
        }
        idstones = idstones.replace("(","");
        idstones = idstones.replace(")","");
        window.document.getElementById(txtname).value = "(" + idstones + ")";
    }
    idmetals = window.document.getElementById("idmetal").value
    idstyles = window.document.getElementById("idstyle").value
    //GetDataViaAJAX(idmetals,idstyles)
       GetTotalrecords(frompage)
}
var obj;
function GetTotalrecords(frompage)
{
    
    strfrompage = frompage;
	try
	{
	//	obj = new ActiveXObject("Msxml2.XMLHTTP");
	obj=new XMLHttpRequest();
	}
	catch(e)
	{
		try
		{
			obj = new ActiveXObject("Microsoft.XMLHTTP");
			
		}
		catch(e1)
		{
			obj = null;
		}
	}
	if(obj!=null)
	{   
	    		
		obj.onreadystatechange = getNoofrecords;
		//alert("getnoofrecords-settings.aspx?drpMetal=" + idmetals +"&drpStyle=" + idstyles)
		obj.open("GET", "getnoofrecords-settings.aspx?drpMetal=" + idmetals +"&drpStyle=" + idstyles,  true);
		obj.send(null);    
	}
	return false;
}
function getNoofrecords()
{   
    if(obj.readyState == 4)
	{
		if(obj.status == 200)
		{
		    var rowCount = obj.responseText;
		    //alert(rowCount);
		    obj = null;
		    var pageno = parseInt(rowCount/15);
		    if(rowCount-(pageno*15) > 0)
		        pageno = pageno + 1
		       //alert(pageno);
		   window.document.getElementById("totpages").value = pageno;
		   if(window.document.getElementById("pagecnts"))
		   {
		        window.document.getElementById("pagecnts").value = pageno;
		    }
		    
		    if(window.document.getElementById("pagecnts1"))
		    {
		        window.document.getElementById("pagecnts1").value = pageno;
		    }
		    
		   // window.document.getElementById("strsearchdiv").innerHTML = "Your search results: "+ rowCount +"&nbsp; Diamonds"
		   // GetDiamondsListViaAJAX(strfrompage);
		  GetDataViaAJAX(idmetals,idstyles)
		}
	}

}

var obj;
function GetDataViaAJAX(idmetals,idstyles)
{
	try
	{
	    obj=new XMLHttpRequest();
	}
	catch(e)
	{
		try
		{
			obj = new ActiveXObject("Microsoft.XMLHTTP");
			
		}
		catch(e1)
		{
			obj = null;
		}
	}
	if(obj!=null)
	{
		obj.onreadystatechange = ProcessResponse;
		//obj.open("GET", "ajax-style.aspx?drpMetal=" + idmetals +"&drpStyle=" + idstyles + "&pricefrom=" + document.getElementById("pricefrom").value + "&priceto=" + document.getElementById("priceto").value,  true);
		//alert("ajax-style.aspx?drpMetal=" + idmetals +"&drpStyle=" + idstyles)
		obj.open("GET", "ajax-style.aspx?drpMetal=" + idmetals +"&drpStyle=" + idstyles ,  true);
		obj.send(null);         
	}
	return false;
}


function ProcessResponse()
{						
	if(obj.readyState == 4)
	{//alert(obj.status);
	

		if(obj.status == 200)
		{
			///alert(obj.responseText);
					
		    var Strtable="";
		    
		    if(window.document.getElementById("pagecnts"))
		    {
		        pagecnt=window.document.getElementById("pagecnts").value;
		    }
		    
		    Strtable = "<table id=Table1 cellspacing=0 cellpadding=4 border=0 style=color:White;width:100%;border-collapse:collapse;>"
            //Strtable = Strtable + "<tr><td colspan=8 align=right>"    
//============================================[Block one]Modified By shinoj on 22-05-07=====================
                    Strtable=Strtable + " <tr><td colspan=8 align=left>"
                    Strtable=Strtable + " <a href=# class=visiblelinkselected>&lt;&lt; First</a>&nbsp;&nbsp;"
                    Strtable=Strtable + " <a href=# class=visiblelinkselected>&lt; Prev</a>&nbsp;&nbsp;"
                    Strtable=Strtable + " <input type=text readonly id=curpage class=pagetext value=1 />&nbsp;&nbsp;of"
                    
                    Strtable=Strtable + " <input type=text readonly id=pagecnts class=pagetext value="+pagecnt+" />&nbsp;&nbsp;"
                   
                   if(pagecnt == 1)
                   {
                        Strtable=Strtable + " <a href=# class=visiblelinkselected>Next &gt;</a>&nbsp;&nbsp;"
                        Strtable=Strtable + " <a href=# class=visiblelinkselected>Last &gt;&gt;</a>&nbsp;&nbsp;"
                   }
                   else
                   {
                        Strtable=Strtable + " <a href=# onclick=\"nextpage('"+strfrompage+"','next');\" class=visiblelink>Next &gt;</a>&nbsp;&nbsp;"
                        Strtable=Strtable + " <a href=# onclick=\"nextpage('"+strfrompage+"','last');\" class=visiblelink>Last &gt;&gt;</a>&nbsp;&nbsp;"
                   }
                   Strtable=Strtable + " </td></tr>"

           //================================================[End of Block one]===================================
			
			//alert(obj.responseText);
			var dsRoot=obj.responseXML.documentElement; 
			
			//alert(dsRoot);
		    
			var idProduct   = dsRoot.getElementsByTagName('idProduct');
			var pTitle      = dsRoot.getElementsByTagName('title');
			var plistPrice  = dsRoot.getElementsByTagName('listprice');
			var pCarat      = dsRoot.getElementsByTagName('carat');
			var pFoldePath  = dsRoot.getElementsByTagName('folderpath');
			var pImageUrl   = dsRoot.getElementsByTagName('imageurl');
			
			///////////////////////////////////////////////////////////////////
			var pSku             = dsRoot.getElementsByTagName('sku');
            var pStrAWT          = dsRoot.getElementsByTagName('strAWT');
            var pChainType       = dsRoot.getElementsByTagName('ChainType');
            var pLength          = dsRoot.getElementsByTagName('Length');
            var pStrBackType     = dsRoot.getElementsByTagName('strBackType');
            var pShowdiamond     = dsRoot.getElementsByTagName('showdiamond');
            var pNoofstones      = dsRoot.getElementsByTagName('noofstones');
            var pCarat           = dsRoot.getElementsByTagName('carat');
            var pStoneclarity    = dsRoot.getElementsByTagName('stoneclarity');
            var pStonesetting    = dsRoot.getElementsByTagName('stonesetting');
            var pFilepdf         = dsRoot.getElementsByTagName('filepdf');
            var pShowstone       = dsRoot.getElementsByTagName('showstone');
            var pDiamondno       = dsRoot.getElementsByTagName('diamondno');
            var pStoneType       = dsRoot.getElementsByTagName('StoneType');
            var pStoneShape      = dsRoot.getElementsByTagName('StoneShape');
			///////////////////////////////////////////////////////////////////
			
			var rowCount    = idProduct.length;
			var r = 1
                for(var incvar=0;incvar<rowCount;incvar++)
                { 
                   
         
          	        try
				    {	
				    if(idProduct[incvar].innerText!= undefined || idProduct[incvar].text!= undefined)
				    {
					    idProdVal=(idProduct[incvar].textContent || idProduct[incvar].innerText || idProduct[incvar].text);
					 }
					 else
					 {
					 idProdVal=(idProduct[incvar].textContent);
					 }   
					    
				    }
			        catch(e)
				    {
				    	idProdVal="";
				    }
                    try
				    {	
				    if(pTitle[incvar].innerText!= undefined || pTitle[incvar].text != undefined)
				    {
				    
					    titleVal=(pTitle[incvar].textContent || pTitle[incvar].innerText || pTitle[incvar].text);
					    }
					    else
					    {
					     titleVal=(pTitle[incvar].textContent);
					    }
				    }
			        catch(e)
				    {
				    	titleVal="";
				    }

                     try
				    {	
				    if(plistPrice[incvar].innerText!= undefined || plistPrice[incvar].text!= undefined)
				    {
					    listPriceVal=(plistPrice[incvar].textContent || plistPrice[incvar].innerText || plistPrice[incvar].text);
					 }
					 else
					 {
					  listPriceVal=(plistPrice[incvar].textContent);
					 }   
					    
				    }
			          catch(e)
				    {
				    	listPriceVal="";
				    }

                   							    
			        try
				    {	
				    
				    if( pFoldePath[incvar].innerText!= undefined || pFoldePath[incvar].text!= undefined)
				    {
					    foldepathVal=(pFoldePath[incvar].textContent || pFoldePath[incvar].innerText || pFoldePath[incvar].text);
					  }
					  else
					  {
					   foldepathVal=(pFoldePath[incvar].textContent);
					  }
				    }
			          catch(e)
				    {
				    	foldepathVal="";
				    }
                     try
				    {	
				    
				        if(pImageUrl[incvar].innerText!= undefined || pImageUrl[incvar].text!= undefined)
				        {
					        pImageUrlVal=(pImageUrl[incvar].textContent || pImageUrl[incvar].innerText || pImageUrl[incvar].text);
					    }
					    else
					    {
					        pImageUrlVal=(pImageUrl[incvar].textContent);
					    }
				    }
			         catch(e)
				    {
				    	pImageUrlVal="";
				    }
          	        
          	        
          	        pSkuVal            = GetInnerContent(pSku[incvar]);
                    pStrAWTVal         = GetInnerContent(pStrAWT[incvar]);
                    pChainTypeVal      = GetInnerContent(pChainType[incvar]);
                    pLengthVal         = GetInnerContent(pLength[incvar]);
                    pStrBackTypeVal    = GetInnerContent(pStrBackType[incvar]);
                    pShowdiamondVal    = GetInnerContent(pShowdiamond[incvar]);
                    pNoofstonesVal     = GetInnerContent(pNoofstones[incvar]);
                    pCaratVal          = GetInnerContent(pCarat[incvar]);
                    pStoneclarityVal   = GetInnerContent(pStoneclarity[incvar]);
                    pStonesettingVal   = GetInnerContent(pStonesetting[incvar]);
                    pFilepdfVal        = GetInnerContent(pFilepdf[incvar]);
                    pShowstoneVal      = GetInnerContent(pShowstone[incvar]);
                    pDiamondnoVal      = GetInnerContent(pDiamondno[incvar]);
                    pStoneTypeVal      = GetInnerContent(pStoneType[incvar]);
                    pStoneShapeVal     = GetInnerContent(pStoneShape[incvar]);
          	
                    if (r == 1) 
                    {
                        Strtable=Strtable + " <input type=hidden id=firstid value="+ idProdVal +" />" ; 
                        Strtable = Strtable + "<tr>";
                    }
                    		        

                    Strtable = Strtable + "<td valign=top height=100 width=24% align=center >";
                    Strtable = Strtable + "<table cellpadding=0 cellspacing=0 border=0 width=130  bgcolor=#ffffff align=center >";
                    Strtable = Strtable + "<tr><td height=5></td></tr>";
                    
                    
                    
                    ///////////////////////////////////////////////////////////
                    Strtable = Strtable + "<tr><td>";
                    Strtable = Strtable + "     <div  id='div" + idProdVal + "' style='visibility:hidden; position:absolute; background-color:#e9e9e9'>";
                    Strtable = Strtable + "         <table cellpadding='0' cellspacing='0' width='220'>";
				    Strtable = Strtable + "             <tr><td style='border:solid 2px #CF963C'>";
                    Strtable = Strtable + "                 <table width='200' cellpadding='0' cellspacing='1' align='right'>";
				    Strtable = Strtable + "                     <tr><td colspan='2'><b>" + titleVal + "&nbsp;" + listPriceVal + "</b></td></tr>";
                    Strtable = Strtable + "                     <tr><td colspan='2' style='height:20px;'><b>General Information</b></td></tr>";
                    Strtable =                                  GetRowHtml(Strtable, "Product Number", pSkuVal);
                    Strtable =                                  GetRowHtml(Strtable, "Average Piece Weight", pStrAWTVal);
                    Strtable =                                  GetRowHtml(Strtable, "Chain Type", pChainTypeVal);
                    Strtable =                                  GetRowHtml(Strtable, "Length (inches)", pLengthVal);
                    Strtable =                                  GetRowHtml(Strtable, "Back Type", pStrBackTypeVal);
                    
                    if (pShowdiamondVal == "1"){
                    Strtable = Strtable + "                     <tr><td colspan='2' style='height:24px;'><b>Diamond Information</b></td></tr>";
                    Strtable =                                  GetRowHtml(Strtable, "Number of Diamonds", pNoofstonesVal);
                    Strtable =                                  GetRowHtml(Strtable, "Minimum Carat Total Weight", pCaratVal);
                    Strtable =                                  GetRowHtml(Strtable, "Average Clarity", pStoneclarityVal);
                    Strtable =                                  GetRowHtml(Strtable, "Setting Type", pStonesettingVal);
                    Strtable =                                  GetRowHtml(Strtable, "View Certificate", pFilepdfVal);
                    }
                    
                    if (pShowstoneVal == "1"){
                    Strtable = Strtable + "                     <tr><td colspan='2' style='height:24px;'><b>Stone Information</b></td></tr>";
                    Strtable =                                  GetRowHtml(Strtable, "Number of Stones", pDiamondnoVal);
                    Strtable =                                  GetRowHtml(Strtable, "Stone Type", pStoneTypeVal);
                    Strtable =                                  GetRowHtml(Strtable, "Stone Shape", pStoneShapeVal);
                    }

                    Strtable = Strtable + "                  </table>";
				    Strtable = Strtable + "              </td></tr>";
	                Strtable = Strtable + "        </table>";
				    Strtable = Strtable + "     </div>";
                    Strtable = Strtable + "</td></tr>";      
                    ///////////////////////////////////////////////////////////
                    
                    
                    
                    
                    Strtable = Strtable + "<tr>";
                    Strtable = Strtable + "<td height=130 align=center valign=top valign=top>"  ;
                    
                    if(pImageUrlVal!="")
                    {						
                        Strtable = Strtable + "<a href=" + foldepathVal + "?s=1&id="+ idProdVal + " onmousemove='showproddetaildiv(" + idProdVal + ")'   onmouseout='hideproddetaildiv(" + idProdVal + ")'><img src=/uploadimages/" + pImageUrlVal + " alt='" + titleVal + "'  border=0 width=120 id='tdid" + idProdVal + "'></a>";
	                }
	                else
	                {
                        Strtable = Strtable + "<a href=" + foldepathVal + "?s=1&id="+ idProdVal + "><img src=/images/image_na.jpg  alt='" + titleVal + "' border=0></a>";
	                }
	                
	                //////////////////////////////////////////////////
                    if(pImageUrlVal!="")
                    {						
                        Strtable = Strtable + "<table  cellpadding=0 cellspacing=0 align=left style='margin-left:3px;'>";
                        Strtable = Strtable + "<tr><td colspan=3 height=13></td></tr>";
                        Strtable = Strtable + "<tr>";
                        Strtable = Strtable + "<td><a href='/uploadimages/OriginalProductImages/" + pImageUrlVal + "' rel='lightbox [pageone]'><img src='/images/quickview.jpg' alt='quickview' style='border:0px' /></a></td>";
                        Strtable = Strtable + "<td width='1'></td>";
                        Strtable = Strtable + "<td><a href='" + foldepathVal + "?s=1&id="+ idProdVal + "' class='prodlink'><img src='/images/details1.jpg' alt='Details' style='border:0px' /></a></td>";
                        Strtable = Strtable + "</tr>";
                        Strtable = Strtable + "</table>";
                    }
                    ///////////////////////////////////////////////////
                

                    Strtable = Strtable +  "</td>";
                    Strtable = Strtable +  "</tr>";
                    Strtable = Strtable +  "<tr>";
                    Strtable = Strtable +  "<td colspan=2 align=center  valign=top><a href='" + foldepathVal + "?s=1&id="+ idProdVal + "' class=prodlink><b>" + titleVal + "</b></a></td>";
                    Strtable = Strtable +  "</tr>";
                    Strtable = Strtable +  "<tr>";
                    
//                    if ()
//                    {
//                    }
//                    else
//                    {
//                    }
                    
                    Strtable = Strtable +  "<td colspan=2 align=center  valign=top>$" + listPriceVal + "</td>";
                    Strtable = Strtable +  "</tr>";
                    Strtable = Strtable +  "</table>";
                    Strtable = Strtable +  "</td>";

                    
    
                    
                    if( (r % 3) == 0)
                    {
                        Strtable = Strtable +  "</tr>";
                        Strtable = Strtable +  "<tr><td height=5></td></tr>";
                        Strtable = Strtable +  "<tr>"
                        
                    }
                   r = r + 1
                }

                Strtable = Strtable +  "</tr>";
                Strtable = Strtable +  "<tr><td height=10px;></td></tr>";
                
                
                //============== code added by kavitha on 23-05-07
                    Strtable=Strtable + " <input type=hidden id=lastid value="+ idProdVal +" />" ;
                    Strtable=Strtable + " <tr><td colspan=4 align=left>"
                    Strtable=Strtable + " <a href=#  class=visiblelinkselected>&lt;&lt; First</a>&nbsp;&nbsp;"
                    Strtable=Strtable + " <a href=#  class=visiblelinkselected>&lt; Prev</a>&nbsp;&nbsp;"
                    Strtable=Strtable + " <input type=text readonly id=curpage1 class=pagetext value=1 />&nbsp;&nbsp;of"
                    
                    Strtable=Strtable + " <input type=text readonly id=pagecnts1 class=pagetext value="+pagecnt+" />&nbsp;&nbsp;"
                   
                    if(pagecnt == 1)
                    {
                        Strtable=Strtable + " <a href=#  class=visiblelinkselected>Next &gt;</a>&nbsp;&nbsp;"
                        Strtable=Strtable + " <a href=#  class=visiblelinkselected>Last &gt;&gt;</a>&nbsp;&nbsp;"
                    }
                    else
                    {
                        Strtable=Strtable + " <a href=# onclick=\"nextpage('"+strfrompage+"','next');\" class=visiblelink>Next &gt;</a>&nbsp;&nbsp;"
                        Strtable=Strtable + " <a href=# onclick=\"nextpage('"+strfrompage+"','last');\" class=visiblelink>Last &gt;&gt;</a>&nbsp;&nbsp;"
                    }
                    Strtable=Strtable + " </td></tr>"
                    Strtable = Strtable +  "</table>";
                    Strtable = Strtable +  "</td></tr>";
                //=====================end of code added by kavitha on 23-05-07
                
                
//                //============================================ADDED===================
//                Strtable=Strtable + " <input type=text id=lastid value="+ idProdVal +" />" ;
//                 Strtable=Strtable + " <a href=# onclick=\"nextpage('"+strfrompage+"','first');\" class=visiblelinkselected>&lt;&lt; First</a>&nbsp;&nbsp;"
//                    Strtable=Strtable + " <a href=# onclick=\"nextpage('"+strfrompage+"','prev');\" class=visiblelinkselected>&lt; Prev</a>&nbsp;&nbsp;"
//                    Strtable=Strtable + " <input type=text readonly id=curpage1 class=pagetext value=1 />&nbsp;&nbsp;of"
//                    
//                    Strtable=Strtable + " <input type=text readonly id=pagecnts1 class=pagetext value="+pagecnt+" />&nbsp;&nbsp;"
//                   
//                   
//                    Strtable=Strtable + " <a href=# onclick=\"nextpage('"+strfrompage+"','next');\" class=visiblelink>Next &gt;</a>&nbsp;&nbsp;"
//                    Strtable=Strtable + " <a href=# onclick=\"nextpage('"+strfrompage+"','last');\" class=visiblelink>Last &gt;&gt;</a>&nbsp;&nbsp;"
//                
//                //=====================================================
            //}
    Strtable = Strtable +  "</table>";

			if(rowCount>0)
			{
			window.document.getElementById("divResult").innerHTML='';
	    	window.document.getElementById("divResult").innerHTML=Strtable;
	    	initLightbox();
            }
            else
            {
            
            var Strtable1='';
             window.document.getElementById("divResult").innerHTML='';
            Strtable1 = Strtable1 + "<table width=200px cellpadding=0 cellspacing=0 border=1 align=center style=border-collapse:collapse; border:solid 1px #CF963C >";
            Strtable1 = Strtable1 + "<tr><td></td></tr>";
            Strtable1 = Strtable1 + "<tr><td height=100 align=center>Sorry! No Ring Setting available for your search criteria..</td></tr></table>";
            window.document.getElementById("divResult").innerHTML=Strtable1;
            }

		}
		
	}
}
function GetInnerContent(element){
    try
    {	
        if(element.innerText!= undefined || element.text!= undefined)
        {
	        content=(element.textContent || element.innerText || element.text);
	    }
	    else
	    {
	        content=(element.textContent);
	    }   
    }
    catch(e)
    {
    	content="";
    }
    return content;
}
function GetRowHtml(Strtable, name, value){
    if(value != ""){
        Strtable = Strtable + "                     <tr style='background-color:#f9f9f9; height:20px;'>";
        Strtable = Strtable + "                         <td style='width:45%;'>" + name + "</td>";
        Strtable = Strtable + "                         <td>" + value + "</td>";
        Strtable = Strtable + "                     </tr>";
    }
    return Strtable;
}
