&nbsp;<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/style.css" />
<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/ipad.css" media="screen and (min-width:751px) and (max-width:1000px)" />
<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/tablet.css" media="screen and (min-width:501px) and (max-width:750px)" />
<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/mobile.css" media="screen and (min-width:100px) and (max-width:500px)" />

<script type="text/javascript" src="https://www.bestingems.com/js_bestingems/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="https://www.bestingems.com/js_bestingems/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="https://www.bestingems.com/js_bestingems/script.js"></script>
<!--[if lt IE 9]>
<script src="https://www.bestingems.com/js_bestingems/html5shiv.js"></script>
<![endif]-->

<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/jquery.selectbox.css" />
<script type="text/javascript" src="https://www.bestingems.com/js_bestingems/jquery.selectbox-0.2.js"></script>


<script language="javascript" type="text/javascript">
$(document).ready(function(){
    $.fn.addToCart = function() {
        var args = arguments[0] || {};
        var productId = args.productId || "";
        //alert("==");
        
        var productQTY = $('#qtyId').val();
        var productMetalColorId = args.productMetalColorId || "";
        //alert("==" + productId +"--"+productMetalColorId);
        
        $.ajax({
            type: "POST",
            url: "/ajax_cart.php",
            data: "type=addToCart&product_id=" + productId+"&product_metal_color_id=" + productMetalColorId+"&productQTY=" + productQTY,
            beforeSend: function() {
                 $(".addToCartDiv_" + productId).html("<a href='javascript:void(0)' class='adding2Cart'>Add To Cart</a>");
            },
            success: function(msg) {
                //alert(msg);
                var spl_txt = msg.split("~~~");
                setTimeout(function(){
                    if($.trim(spl_txt[1]) == "1" || $.trim(spl_txt[1]) == "2") 
                    {
                        $(".productQty_" + productId).hide();
                        $(".addToCartDiv_" + productId).html('<a href="javascript:void(0)" class="inCart" onclick="parent.location.href=\'/cart.php\'" >In Cart</a>');
                        
                        parent.$(".addToCartDiv_" + productId).html('<a href="javascript:void(0)" class="inCart" onclick="parent.location.href=\'/cart.php\'" >In Cart</a>');
                    
                    
                    } 
                    else if($.trim(spl_txt[1]) == "3") 
                    {
                        $(".productQty_" + productId).hide();
                        
                        var requestDiv="";
                            
                        requestDiv= requestDiv +'<div class="requestFrm">';
                            requestDiv= requestDiv +'<div class="requestFrmContainer">';
                                requestDiv= requestDiv +'<h3>Request this product</h3>';
                                requestDiv= requestDiv +'<input type="text" class="requestTxt reqName" value="" placeholder="Enter Your Name" />';
                                requestDiv= requestDiv +'<input type="text" class="requestTxt reqEmail" value="" placeholder="Enter Your Email"/>';
                                requestDiv= requestDiv +'<span class="REQUEST-INPROCESS1">';
                                    requestDiv= requestDiv +'<input type="button" value="Submit" class="requestBtn saveRequest" product_id="0" product_metal_color_id="0"/> <a href="javascript:void(0)" class="closeRequestBtn">X</a>';
                                requestDiv= requestDiv +'</span>';
                                requestDiv= requestDiv +'<span class="REQUEST-INPROCESS2" style="display: none;"></span>';
                            requestDiv= requestDiv +'</div>';
                        requestDiv= requestDiv +'</div>'; 
                        
                        $(".addToCartDiv_" + productId).html('<a href="javascript:void(0);" class="request2Cart">Request This Product</a><br>'+requestDiv);
                        
                        parent.$(".addToCartDiv_" + productId).html('<a href="javascript:void(0);" class="request2Cart">Request This Product</a><br>'+requestDiv);
                        
                    } 
                    
                }, 1000);
                
                parent.$("#rightCartItems").rightCartDisplay();
            }
        });   
    };
    
    
    $.fn.addToFavorites = function() {
        var args = arguments[0] || {};
        var productId = args.productId || "";
        var productMetalColorId = args.productMetalColorId || "";        
        //alert("==" + productId +"--"+productMetalColorId);
        var MYVAL = "Add";
        //alert("==");
        
        $.ajax({
            type: "POST",
            url: "/ajax_common.php",
            data: "type=add2Favorite&product_id=" + productId+"&product_metal_color_id=" + productMetalColorId+"&myvalue="+MYVAL,
            beforeSend: function() {
                 $(".add2Fav").html("<a href='javascript:void(0)' class='favoriteProcess'><img src='https://www.bestingems.com/images_bestingems/delProcess.gif' align='left' />Favorite</a>");
			},
            success: function(msg) {
                //alert(msg);
                var spl_txt = msg.split("~~~");
                setTimeout(function(){
                    if($.trim(spl_txt[1]) == "1") 
                    {
                        $(".add2Fav").hide();
                        $(".added2Fav").show();
                        
                        if(parseInt(spl_txt[3]) == parseInt(1)) 
                        {
                            $(".favCount").show().html("<img src='https://www.bestingems.com/images_bestingems/favCountArrow.jpg' />"+  + $.trim(spl_txt[3]));
                        }
                    } 
                    else 
                    {
                        $(".add2Fav").html('<a href="javascript:void(0)"  class="add2Favorites" onclick="$(this).addToFavorites({productId:\'0\',productMetalColorId:\'0\'});" ><img src="https://www.bestingems.com/images_bestingems/favoriteGreyIcon.png" align="left" />Favorite</a>');
                    } 
                    
                }, 500);
                
                parent.$("#rightFavoriteItems").rightFavoriteDisplay();
            }
        });   
    };
	
	
	$(".request2Cart").click(function(){
		var requestIndx = $(".request2Cart").index(this);
		$('.requestFrm').fadeOut();
		$(".requestFrm:eq(" + requestIndx + ")").fadeIn();        
	});
	
	$(".closeRequestBtn").click(function(){
		var closeIndx = $(".closeRequestBtn").index(this);		
		$(".requestFrm:eq(" + closeIndx + ")").fadeOut();        
	});
	
	$('.requestFrmContainer').click(function(e) {
			e.stopPropagation();
	});
	
	$('.request2Cart').click(function(e) {
			e.stopPropagation();
	});
	
	$(document).click(function(){
		$('.requestFrm').fadeOut();
	});
    
    
    
    $(".saveRequest").on('click ', function(e){
  
        //e.stopPropagation();
        var reqIndex = $(".saveRequest").index(this);
        var product_id = $(this).attr('product_id');
        var product_metal_color_id = $(this).attr('product_metal_color_id');
        
        
        
        var reqName = $(".reqName:eq("+reqIndex+")").val();
        var reqEmail = $(".reqEmail:eq("+reqIndex+")").val();
        
        //alert(reqIndex);
        
        if( $.trim(reqName) == "" )
        {
            $(".reqName:eq("+reqIndex+")").addClass('error');
            $(".reqName:eq("+reqIndex+")").focus();
            return false;
        }
        else
        {   
            $(".reqName:eq("+reqIndex+")").removeClass('error');
        }
        
        if( $.trim(reqEmail) == "" )
        {
            $(".reqEmail:eq("+reqIndex+")").addClass('error');
            $(".reqEmail:eq("+reqIndex+")").focus();
            return false;
        }
        else
        {   
            $(".reqEmail:eq("+reqIndex+")").removeClass('error');
        }
        
        if(IsEmail(reqEmail)== false )
        {
            $(".reqEmail:eq("+reqIndex+")").addClass('error');
            $(".reqEmail:eq("+reqIndex+")").select();
            return false;
        }
        
        $(this).saveRequest({req_Index: reqIndex});  
         
    });
    
    
    
    
    
    $.fn.saveRequest = function() {
        var args = arguments[0] || {};  // It's your object of arguments 
        var reqIndex = args.req_Index ||""; 
        
        //alert("=="+reqIndex)
        
        var product_id = $(this).attr('product_id');
        var product_metal_color_id = $(this).attr('product_metal_color_id');
        
        
        var reqName = $(".reqName:eq("+reqIndex+")").val();
        var reqEmail = $(".reqEmail:eq("+reqIndex+")").val();
       
       
        $.ajax({
            type: "POST",
            url: "/ajax_common.php",
            data: "type=saveRequest&product_id="+product_id+"&product_metal_color_id="+product_metal_color_id+"&reqName="+reqName+"&reqEmail="+reqEmail,
            beforeSend: function(){
                $(".REQUEST-INPROCESS1:eq("+reqIndex+")").hide();
                $(".REQUEST-INPROCESS2:eq("+reqIndex+")").show().html("<input type='button' value='Submit' class='requestBtn process'/>");
            },
            
            success:function(msg){
                //alert(msg);
                var spl_txt = msg.split("~~~");
                
                 setTimeout(function(){
                    $(".REQUEST-INPROCESS2:eq("+reqIndex+")").html("<span class='requestSent'>"+spl_txt[2]+"</span>");
                },100);
                    
                
                setTimeout(function(){
                   
                   if( parseInt(spl_txt[1]) == parseInt(1) )
                    {  
                       $(".reqName:eq("+reqIndex+")").val(reqName);
                       $(".reqEmail:eq("+reqIndex+")").val(reqEmail);
                       
                       $(".REQUEST-INPROCESS2:eq("+reqIndex+")").hide();
                       $(".REQUEST-INPROCESS1:eq("+reqIndex+")").show();
                       
                    } 
                    else
                    {
                        $(".REQUEST-INPROCESS2:eq("+reqIndex+")").hide();
                        $(".REQUEST-INPROCESS1:eq("+reqIndex+")").show();
                    }
                    $('.requestFrm').fadeOut();
                    
                 },1500);
                
                
                
            }
            
        });
        
    };
    
    $(".reqName").on('keypress',function(e){
        
        var reqIndex = $(".reqName").index(this);
        var reqName = $(".reqName:eq("+reqIndex+")").val();
        var reqEmail = $(".reqEmail:eq("+reqIndex+")").val();
     
        //alert("1"+reqIndex)
        
        if (e.keyCode == 13)
        {
            if( $.trim(reqName) == "" )
            {
                $(".reqName:eq("+reqIndex+")").addClass('error');
                $(".reqName:eq("+reqIndex+")").focus();
                return false;
            }
            else
            {   
                $(".reqName:eq("+reqIndex+")").removeClass('error');
            }
            
            if( $.trim(reqEmail) == "" )
            {
                $(".reqEmail:eq("+reqIndex+")").addClass('error');
                $(".reqEmail:eq("+reqIndex+")").focus();
                return false;
            }
            else
            {   
                $(".reqEmail:eq("+reqIndex+")").removeClass('error');
            }
            
            if(IsEmail(reqEmail)== false )
            {
                $(".reqEmail:eq("+reqIndex+")").addClass('error');
                $(".reqEmail:eq("+reqIndex+")").select();
                return false;
            }
            
            
            $(this).saveRequest({req_Index: reqIndex});  
        }    
        
    });
    
    
    
    
    $(".reqEmail").on('keypress',function(e){
        
        var reqIndex = $(".reqEmail").index(this);
        var reqName = $(".reqName:eq("+reqIndex+")").val();
        var reqEmail = $(".reqEmail:eq("+reqIndex+")").val();
     
        //alert("2="+reqIndex)
        
        if (e.keyCode == 13)
        {
            if( $.trim(reqName) == "" )
            {
                $(".reqName:eq("+reqIndex+")").addClass('error');
                $(".reqName:eq("+reqIndex+")").focus();
                return false;
            }
            else
            {   
                $(".reqName:eq("+reqIndex+")").removeClass('error');
            }
            
            if( $.trim(reqEmail) == "" )
            {
                $(".reqEmail:eq("+reqIndex+")").addClass('error');
                $(".reqEmail:eq("+reqIndex+")").focus();
                return false;
            }
            else
            {   
                $(".reqEmail:eq("+reqIndex+")").removeClass('error');
            }
            
            if(IsEmail(reqEmail)== false )
            {
                $(".reqEmail:eq("+reqIndex+")").addClass('error');
                $(".reqEmail:eq("+reqIndex+")").select();
                return false;
            }
            
            
            $(this).saveRequest({req_Index: reqIndex});  
        }    
        
    });
    

}); 

function IsEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return regex.test(email);
}

</script>



<div id="popupPageContainer">            
        
    <div id="popupRight"> 
        <div id="productDetailTxt">
            <h1 class="popupProductName"></h1>
                                    
                        
                                    
            <div class="relativePos">
				     
                 
                
                <div class="clear"></div>
                
                <h2 class="productPrice">$0.00</h2>
                <h3 class="productOldPrice">
                                    </h3>
                                
                <div class="productBtnWrap">
                    <div class="productCartBtn"><a href="javascript:void(0)" class="request2Cart">Request This Product</a></div>                            <div class="requestFrm">
                                <div class="requestFrmContainer">
                                    <h3>Request this product</h3>
                                    <input type="text" class="requestTxt reqName" value="" placeholder="Enter Your Name" />
                                    <div class="clear"></div>
                                    <input type="text" class="requestTxt reqEmail" value="" placeholder="Enter Your Email"/>
                                    <div class="clear REQUEST-INPROCESS1">
                                        <input type="button" value="Submit" class="requestBtn saveRequest" product_id="0"  product_metal_color_id="0" /> <a href="javascript:void(0)" class="closeRequestBtn">X</a>
                                    </div>
                                    <span class="REQUEST-INPROCESS2" style="display: none;"></span>
                                </div>
                            </div>
                                    </div><!--productBtnWrap end-->
                 
                
            </div><!--relativePos end-->
            
                        
            <div class="pDetailFavBtnWrap">
                <span class="added2Fav add2Favorites" style='display:none' ><img src="https://www.bestingems.com/images_bestingems/favoriteRedIcon.png" align="left" />Favorited</span>
             	<span class="add2Fav" > <a href="javascript:void(0)"  onclick="$(this).addToFavorites({productId: '0',productMetalColorId: '0'});" class="add2Favorites"><img src="https://www.bestingems.com/images_bestingems/favoriteGreyIcon.png" align="left"/>Favorite</a></span>
                <span class="favCount" style='display:none'><img src="https://www.bestingems.com/images_bestingems/favCountArrow.jpg" />0</span>
            </div>
        </div>
        
    </div><!--popupRight end-->
     
    <div class="clear"></div>
    <div class="popupItemDetail">
    	<!--h3>Details</h3--> 
                 
         
         
         
    </div><!--specificationWrap end-->
        
</div><!--popupPageContainer end-->