var ThemeName = 'WhiteTheme';
var curVal = 0;
var curVal2 = 0;
var selectedShape = '';
var objProcessBar='';
var HasLink = '';
var GFLinkOption = 0;
var detailsLink = 'BuildRingStep2DiamondDetail.aspx';
var centerStonesThatFit = '';
var centerStoneMinCarat = '';
var centerStoneMaxCarat = '';
var DID = '';
//Parameters to Pass
var flgShowPolish = false;
var flgShowSymmetry = false;
var flgShowDepth = false;
var flgShowTable = false;
var flgShowFluor = false;
var flgShowCutGrade = false;
var dealerID = 720;
var shapeList = 'Round';
var polishList = '';
var CutGradeList = '';
var ColorList = '';
var ClarityList = '';
var SymmetryList = '';
var FluorescenceList = '';
var certificate = '%';
var skuNo = '';
var pairCode = 1;
var orderBy = 'FltPrice'
var orderType = 'Asc';
var OrderByCompare = "FltPrice";
var OrderTypeCompare = "Asc";
var SortTd = '';
var BreakForScroll = false;
var BreakForScrollTop = false;
var cutgradeMin = 1;
var cutgradeMax = 6;
var symmetryMin = 1;
var symmetryMax = 5;
var polishMin = 1;
var polishMax = 5;
var fluorescenceMin = 1;
var fluorescenceMax = 6;
var caratMin = 0;
var caratMax = 15.00;
var colorMin = 68;
var colorMax = 75;
var clarityMin = 1;
var clarityMax = 9;
var IntensityMin = 1;
var IntensityMax = 10;
var depthMin = 0;
var depthMax = 100;
var tableMin = 0;
var tableMax = 100;
var caratPriceMin = 0;
var caratPriceMax = 100000;
var minCaratPriceVal = 0;
var maxCaratPriceVal = 100000;
var minPriceVal = 0;
var maxPriceVal = 100000;
var minSizeVal = 0;
var maxSizeVal = 15;
var pageSize = 6;
var currentPage = 1;
var totalPages = 0;
var showPrices = true;
var showPopup = true;
var totalRecords = 0;
var totalCompareRecords = 0;
var tblDiamonds;
var displayNoOfPages = 3;
var ctw = '';
var webCall = null;
var ExtraQStr = '';
var SOrigin = '';
//////////////////////
var dvDiamonds; //Diamond DataView
var dvCompareDiamonds; //Diamond DataView
/////////////////////////////////////////////////////////////////////////////////////////////////
//For Silder
var curVal = 0;
var curVal2 = 0;
var SimpleOverLay = '#FFFFFF'; var SimpleSelectedOverLay = '#E0E0E0'; var SimpleOverLayAdv = '#FFFFFF'; var SimpleSelectedOverLayAdv = '#E0E0E0';
var sldCaratMin;
var sldCaratMax;
var sldCutGradeMin;
var sldCutGradeMax;
var sldColorMin;
var sldColorMax;
var sldClarityMin;
var sldClarityMax;
var sldIntensityMin;
var sldIntensityMax;
var sldPriceMin;
var sldPriceMax;
var sldPolishMin;
var sldPolishMax;
var sldSymmetryMin;
var sldSymmetryMax;
var sldFluorescenceMin;
var sldFluorescenceMax;
var sldDepthMin;
var sldDepthMax;
var sldTableMin;
var sldTableMax;
////////////////////////////////////////////////////////////////////////////////////////////////////////
var PriceMin = '';
var PriceMax = '';
var minPriceVal = 0;
var maxPriceVal = 100000;
var sldpriceMin = 0;
var sldpriceMax = 100000;
var priceid = 0;
function loadInitialData() {
// $('#divFavorite').show();
// $("#ddlDayOptions1").msDropDown();
// $("#ddlMonthOptions1").msDropDown();
// $("#ddlYearOptions1").msDropDown();
// $("#ddlHourOptions1").msDropDown();
// $("#ddlFormatOptions1").msDropDown();
if (DID != '') {
objProcessBar = document.getElementById("divProcessBar");
o = document.getElementById("divResult");
objProcessBar.style.left = getAbsLeft(o) + 'px';
objProcessBar.style.top = getAbsTop(o) + 23 + 'px';
currentPage = 1;
//CallAjaxRequest();
}
objProcessBar = document.getElementById("divProcessBar");
o = document.getElementById("divResult");
objProcessBar.style.left = getAbsLeft(o) + 'px';
objProcessBar.style.top = getAbsTop(o) + 23 + 'px';
//CallAjaxRequestForDiamondGrid();
}
//Call function to call service used to load diamonds
function CallAjaxRequestForDiamondGrid() {
// var PageSize = 9;
if (webCall != null) {
webCall.abort();
}
objProcessBar = document.getElementById("divProcessBar");
document.getElementById("divProcessBar").style.top = '627px';
document.getElementById("divProcessBar").style.display = '';
webCall = $.ajax({
type: "POST",
url: "GetBuildRingStep2DiamondData.asmx/LoadDiamonds",
data: "{dealerID:'" + dealerID + "',shapeList:'" + shapeList + "',priceMin:'" + PriceMin + "',priceMax:'" + PriceMax + "',caratMin:'" + parseFloat(caratMin) + "',caratMax:'" + parseFloat(caratMax) + "',colorMin:'" + colorMin + "',colorMax:'" + colorMax + "',clarityMin:'" + clarityMin + "',clarityMax:'" + clarityMax + "',cutgradeMin:'" + cutgradeMin + "',cutgradeMax:'" + cutgradeMax + "',symmetryMin:'" + symmetryMin + "',symmetryMax:'" + symmetryMax + "',polishMin:'" + polishMin + "',polishMax:'" + polishMax + "',fluorescenceMin:'" + fluorescenceMin + "',fluorescenceMax:'" + fluorescenceMax + "',certificate:'" + certificate + "',skuNo:'" + skuNo + "',pairCode:'" + pairCode + "',pageSize:'" + pageSize + "',currentPage:'" + currentPage + "',orderBy:'" + orderBy + "',orderType:'" + orderType + "',detailsLink:'" + detailsLink + "',DID:'" + DID + "',depthMin:'" + depthMin + "',depthMax:'" + depthMax + "',tableMin:'" + tableMin + "',tableMax:'" + tableMax + "',caratPriceMin:'" + caratPriceMin + "',caratPriceMax:'" + caratPriceMax + "',ThemeName:'" + ThemeName + "',ShowPrice:'" + showPrices + "',BindWhat:'All',polishList:'" + polishList + "',SymmetryList:'" + SymmetryList + "',FluorescenceList:'" + FluorescenceList + "',ExtraQStr:'" + ExtraQStr + "',CutGradeList:'" + CutGradeList + "',ColorList:'" + ColorList + "',ClarityList:'" + ClarityList + "',BindCheckbox:'0',SOrigin:'" + SOrigin + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: true,
cache: false,
processData: false,
success: function (response) {
if (response != null) {
if (response.d.dtHTMLData.length > 0) {
var strHtml = '';
if (response.d.dtHTMLData[0]["HTMLData"].charAt(0) == '1') {
$(".scr_bot").css("display", "none");
strHtml = response.d.dtHTMLData[0]["HTMLData"].substring(1, response.d.dtHTMLData[0]["HTMLData"].length);
}
else {
//SetStandardCriteria();
$(".scr_bot").css("display", "");
strHtml = response.d.dtHTMLData[0]["HTMLData"];
}
$('#divResult').html(strHtml);
totalRecords = $('#hndTotalDiamonds').val();
if (totalRecords > 0) {
displayPageNumbers();
}
$("#ddlSort").msDropDown();
ForPopup();
// $('#divDiamondsList').hide();
//LoadGridScroll();
document.getElementById("divProcessBar").style.display = 'none';
//$("#divProcessBar").css("display", "none");
}
}
else {
document.getElementById("divProcessBar").style.display = 'none';
//$("#divProcessBar").css("display", "none");
}
},
error: function (msg) {
document.getElementById("divProcessBar").style.display = 'none';
//$("#divProcessBar").css("display", "none");
}
});
}
function displayPageNumbers() {
var strPaging = '';
var tempPageIndex = 0;
var topClick = "";
var BottomClick = "";
strPaging = "";
if (currentPage % displayNoOfPages == 0) {
tempPageIndex = ((currentPage / displayNoOfPages) - 1) * displayNoOfPages;
}
else {
tempPageIndex = Math.floor(currentPage / displayNoOfPages) * displayNoOfPages;
}
var iNo2 = currentPage - 1;
lastPageIndex = Math.ceil(totalRecords / pageSize);
if (tempPageIndex >= displayNoOfPages && tempPageIndex < lastPageIndex) {
topClick += "onclick=\"PagerClick('" + tempPageIndex + "');\"";
}
else if (currentPage > 1) {
topClick += "onclick=\"PagerClick('" + iNo2 + "');\"";
}
tempPageIndex++;
for (var i = 0; i < displayNoOfPages; i++) {
if (tempPageIndex > lastPageIndex) { break; }
if (currentPage == tempPageIndex) {
strPaging += "
" + tempPageIndex + "";
}
else {
strPaging += "" + tempPageIndex + "";
}
tempPageIndex++;
}
var iNo = new Number(currentPage) + 1;
if (tempPageIndex <= lastPageIndex) {
BottomClick += "onclick=\"PagerClick('" + iNo + "');\"";
}
var TopHTML = ' ' + strPaging + '';
var BottomHTML =' '+ strPaging + '';
$("#divTopPaging").html('');
$("#divBottomPaging").html('');
}
function PagerClick(intpageNo) {
currentPage = new Number(intpageNo);
CallAjaxRequestForDiamondGrid();
}
function LoadDiamondForScrollBottomForGrid(obj, SearchId) {
if (!BreakForScroll && ((parseInt(currentPage) + 1) <= Math.ceil(totalRecords / pageSize))) {
BreakForScroll = true;
document.getElementById("divProcessBar").style.display = '';
currentPage = parseInt(currentPage) + 1;
$.ajax({
type: "POST",
url: "GetBuildRingStep2DiamondData.asmx/LoadDiamonds",
data: "{dealerID:'" + dealerID + "',shapeList:'" + shapeList + "',priceMin:'" + PriceMin + "',priceMax:'" + PriceMax + "',caratMin:'" + parseFloat(caratMin) + "',caratMax:'" + parseFloat(caratMax) + "',colorMin:'" + colorMin + "',colorMax:'" + colorMax + "',clarityMin:'" + clarityMin + "',clarityMax:'" + clarityMax + "',cutgradeMin:'" + cutgradeMin + "',cutgradeMax:'" + cutgradeMax + "',symmetryMin:'" + symmetryMin + "',symmetryMax:'" + symmetryMax + "',polishMin:'" + polishMin + "',polishMax:'" + polishMax + "',fluorescenceMin:'" + fluorescenceMin + "',fluorescenceMax:'" + fluorescenceMax + "',certificate:'" + certificate + "',skuNo:'" + skuNo + "',pairCode:'" + pairCode + "',pageSize:'" + pageSize + "',currentPage:'" + currentPage + "',orderBy:'" + orderBy + "',orderType:'" + orderType + "',detailsLink:'" + detailsLink + "',DID:'" + DID + "',depthMin:'" + depthMin + "',depthMax:'" + depthMax + "',tableMin:'" + tableMin + "',tableMax:'" + tableMax + "',caratPriceMin:'" + caratPriceMin + "',caratPriceMax:'" + caratPriceMax + "',ThemeName:'" + ThemeName + "',ShowPrice:'" + showPrices + "',BindWhat:'Diamond',polishList:'" + polishList + "',SymmetryList:'" + SymmetryList + "',FluorescenceList:'" + FluorescenceList + "',ExtraQStr:'" + ExtraQStr + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: true,
cache: false,
processData: false,
success: function (response) {
if (response != null) {
if (response.d.dtHTMLData.length > 0) {
$('#divDiamondsList').hide();
$('#divDiamondsList').html(response.d.dtHTMLData[0]["HTMLData"]);
//LoadGridScrollPaging();
LoadGridScroll();
BreakForScroll = false;
document.getElementById("divProcessBar").style.display = 'none';
}
}
else {
document.getElementById("divProcessBar").style.display = 'none';
}
},
error: function (msg) {
document.getElementById("divProcessBar").style.display = 'none';
}
});
}
}
function LoadDiamondForScrollTopForGrid(obj, SearchId) {
if (!BreakForScroll && !BreakForScrollTop && ((parseInt(currentPage) - 1) > 0)) {
BreakForScrollTop = true;
document.getElementById("divProcessBar").style.display = '';
currentPage = parseInt(currentPage) - 1;
$.ajax({
type: "POST",
url: "GetBuildRingStep2DiamondData.asmx/LoadDiamonds",
data: "{dealerID:'" + dealerID + "',shapeList:'" + shapeList + "',priceMin:'" + PriceMin + "',priceMax:'" + PriceMax + "',caratMin:'" + parseFloat(caratMin) + "',caratMax:'" + parseFloat(caratMax) + "',colorMin:'" + colorMin + "',colorMax:'" + colorMax + "',clarityMin:'" + clarityMin + "',clarityMax:'" + clarityMax + "',cutgradeMin:'" + cutgradeMin + "',cutgradeMax:'" + cutgradeMax + "',symmetryMin:'" + symmetryMin + "',symmetryMax:'" + symmetryMax + "',polishMin:'" + polishMin + "',polishMax:'" + polishMax + "',fluorescenceMin:'" + fluorescenceMin + "',fluorescenceMax:'" + fluorescenceMax + "',certificate:'" + certificate + "',skuNo:'" + skuNo + "',pairCode:'" + pairCode + "',pageSize:'" + pageSize + "',currentPage:'" + currentPage + "',orderBy:'" + orderBy + "',orderType:'" + orderType + "',detailsLink:'" + detailsLink + "',DID:'" + DID + "',depthMin:'" + depthMin + "',depthMax:'" + depthMax + "',tableMin:'" + tableMin + "',tableMax:'" + tableMax + "',caratPriceMin:'" + caratPriceMin + "',caratPriceMax:'" + caratPriceMax + "',ThemeName:'" + ThemeName + "',ShowPrice:'" + showPrices + "',BindWhat:'Diamond',polishList:'" + polishList + "',SymmetryList:'" + SymmetryList + "',FluorescenceList:'" + FluorescenceList + "',ExtraQStr:'" + ExtraQStr + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: true,
cache: false,
processData: false,
success: function (response) {
if (response != null) {
if (response.d.dtHTMLData.length > 0) {
$('#divDiamondsList').hide();
$('#divDiamondsList').html(response.d.dtHTMLData[0]["HTMLData"]);
LoadGridScroll();
BreakForScrollTop = false;
document.getElementById("divProcessBar").style.display = 'none';
}
}
else {
document.getElementById("divProcessBar").style.display = 'none';
}
},
error: function (msg) {
document.getElementById("divProcessBar").style.display = 'none';
}
});
}
}
function ForPopup() {
$('a.poplight[href^=#]').click(function () {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL
var query = popURL.split('?');
var dim = query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number(popWidth) }).prepend('');
var popMargTop = ($(window).height() - 80) / 2;
var popMargLeft = (parseInt(popWidth) + 85) / 2;
//alert(popMargTop);
//Apply Margin to Popup
$('#' + popID).css({
'margin-top': -popMargTop,
'margin-left': -popMargLeft
});
//Fade in Background
$('body').append(''); //Add the fade layer to bottom of the body tag.
$('#fade').css({ 'filter': 'alpha(opacity=80)' }).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
return false;
});
//Close Popups and Fade Layer
$('a.close, #fade').live('click', function () { //When clicking on the close or fade layer...
$('#fade , .popup_block').fadeOut(function () {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
}
function CheckUncheckFavoriteDiamond(chk) {
var strDiamonds = $('#hndChkDiamonds').val();
var ComapreCount = $('#hndCompareCount').val();
var strCompareDiamonds = $('#hndCompareDiamondsDetail').val();
if (chk.checked == true) {
strDiamonds = strDiamonds + chk.value + ',';
strCompareDiamonds = strCompareDiamonds + chk.value + ',';
ComapreCount = parseInt(ComapreCount) + 1;
$('#hndCompareCount').val(ComapreCount);
$('#spanDCompareCount').html(' (' + ComapreCount + ')');
}
else {
strDiamonds = strDiamonds.replace(chk.value + ',', '');
strCompareDiamonds = strCompareDiamonds.replace(chk.value + ',', '');
ComapreCount = parseInt(ComapreCount) - 1;
$('#hndCompareCount').val(ComapreCount);
$('#spanDCompareCount').html(' (' + ComapreCount + ')');
}
$('#hndChkDiamonds').val(strDiamonds);
$('#hndCompareDiamondsDetail').val(strCompareDiamonds);
}
function FbShareClick(imgpath, ProductName, ProductDesc, url) {
if (dealerID == "2926") {
var u = window.location.href;
var qry = u.split("?");
u = 'http://www.liordiamonds.com/ring-builder?Step=2&' + qry[1];
}
else {
var u = url;
}
window.open('http://www.facebook.com/sharer.php?s=100&p[title]=' + ProductName + '&p[url]=' + encodeURIComponent(u) + '&p[summary]=' + encodeURIComponent(ProductDesc) + '&p[images][0]=' + encodeURIComponent(imgpath) + '');
}
function ShowPopupDetails(intDiamondId, Shape, Price, Cut, Color, Clarity) {
}
function alinkCompareDiamond() {
var strDiamonds = $('#hndCompareDiamondsDetail').val();
if (strDiamonds == '') {
alert('Please Select Diamonds.');
}
else {
strDiamonds = strDiamonds.substring(0, strDiamonds.length - 1);
window.location = "BuildRingStep2CompareDiamond.aspx?Dealerlink=" + dealerID + "&Diamonds=" + strDiamonds + "&ThemeName="+ ThemeName +"&T=D" + ExtraQStr;
}
}
function fnSort(strSort) {
var sotrType = 'Asc';
if (strSort == orderBy) {
if (orderType == "Asc")
sotrType = 'Desc';
else
sotrType = 'Asc';
}
orderBy = strSort;
orderType = sotrType;
currentPage = 1;
CallAjaxRequestForDiamondGrid();
}
function fnddlSort() {
var sortval = $('#ddlSort').val();
if (sortval == '1') {
orderBy = 'FltPrice';
orderType = 'Desc';
CallAjaxRequest();
}
else if (sortval == '2') {
orderBy = 'FltPrice';
orderType = 'Asc';
CallAjaxRequestForDiamondGrid();
}
}
function LoadGridScroll() {
$("#divDiamondsList").jScrollPane({ scrollbarWidth: 17, scrollbarMargin: 0, showArrows: false, arrowSize: 0, maintainPosition: false });
$('#divDiamondsList').show();
}
function LoadGridScrollPaging() {
$("#divDiamondsList").jScrollPane({ scrollbarWidth: 17, scrollbarMargin: 0, showArrows: false, arrowSize: 0, IsFromPager: true, maintainPosition: false });
$("#divDiamondsList").css({ top: '0px' });
$('#divDiamondsList').show();
}
//Get absolute left position of any control passed
function getAbsLeft(o) {
oLeft = o.offsetLeft
while (o.offsetParent != null) {
oParent = o.offsetParent
oLeft += oParent.offsetLeft
o = oParent
}
return oLeft
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Get absolute top position of any control passed
function getAbsTop(o) {
oTop = o.offsetTop
while (o.offsetParent != null) {
oParent = o.offsetParent
oTop += oParent.offsetTop
o = oParent
}
return oTop
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function getfocus(obj, val) {
if (obj.value == val) {
obj.value = '';
}
}
function lostfocus(obj, val) {
if (obj.value == '') {
obj.value = val;
}
}
function emailValidation(TxtId) {
var emailRegEx = /^([a-zA-Z0-9])(([a-zA-Z0-9])*([\._-])?([a-zA-Z0-9]))*@(([a-zA-Z0-9\-])+(\.))+([a-zA-Z]{2,4})+$/
if (document.getElementById(TxtId).value.search(emailRegEx) == -1) //if match failed
{
document.getElementById(TxtId).focus();
alert("invalid Email!!!");
}
}
function ChangeImgSrc(imgId, Temp) {
var trid = imgId.replace('img', 'tr');
var className = $('#' + trid).attr('class');
if (Temp == '1') {
$('#' + imgId).attr('src', 'Themes/' + ThemeName + '/images/eyes_White_img.png');
}
else if (Temp == '2') {
if (className != 'Activetr') {
$('#' + imgId).attr('src', 'Themes/' + ThemeName + '/images/View_image.png');
}
}
}
function ShowDivInCenter() {
try {
var divplatId = document.getElementById('divFlag');
var left = divplatId.offsetLeft;
var top = divplatId.offsetTop;
var divId = "divArrow";
var contdivId = "outerpop-up";
var ojbDiv = document.getElementById(divId);
var divheight = $('#outerpop-up').height();
//debugger
ojbDiv.style.left = 375 + 'px';
ojbDiv.style.top = '-14px';
ojbDiv = document.getElementById(contdivId);
ojbDiv.style.top = top + 36 + 'px';
ojbDiv.style.left = left - 370 + 'px';
}
catch (e) { alert(e); }
}
function PmouseOver() {
ShowDivInCenter();
$('div#outerpop-up').show();
$('div#pop-up').show();
}
function closethediv() {
$('div#outerpop-up').hide();
}
function popupover() {
if ($("div#outerpop-up").is(":visible")) {
}
else {
$('div#outerpop-up').show();
}
}