var min = 35, max = 80;
var diagramPercentValues = [];
var appgate_ID = "10005H";
var country = "com";
var country_ok;
var lang = "en";
// var url = "http://www.gfps.com/appgate/ecat/common_flow/10005H/COM/en/searchview.html?query=";
// http://www.gfps.com/appgate/ecat/common_flow/[appgate_ID]/[country]/[lang]/catalog.do?action=product-redirect&codeNumber=[Code-Nummer]
var url = "https://www.gfps.com/appgate/ecat/common_flow/";
var calcCounter = 0;
function doCalc()
{
$("#resultsError").hide();
var selectMaterialVal = $("#selectMaterial").val(),
selectDimensionVal = $("#selectDimension").val(),
selectFlangeTypeVal = $("#selectFlangeType").val(),
selectValveVal = $("#selectValve").val(),
selectGasketVal = $("#selectGasket").val(),
radioFlangeVal = $('input[name=radioFlange]:checked').val(),
radioSDRVal = $('input[name=radioSDR]:checked').val();
for (var i = 0; i < data.length; ++i)
{
if (data[i]["material"] == selectMaterialVal
&& data[i]["valve"] == selectValveVal
&& data[i]["dimension"] == selectDimensionVal
&& data[i]["typeOfGasket"] == selectGasketVal
&& data[i]["flangeType"] == selectFlangeTypeVal
&& data[i]["combinationOfFlanges"] == radioFlangeVal
&& ($("#radiogruopSDR").css("display") == "none" || (radioSDRVal == data[i]["sdr"]))
)
{
$("#resultBolt").text(data[i]["lengthOfBolts"] + " mm");
$("#resultAmount").text(data[i]["amount"]);
$("#resultThread").text(data[i]["thread"]);
$("#resultBoltTighteningTorque").text(data[i]["boltTighteningTorque"] + " Nm");
$("#resultFlange").text(data[i]["flange"]);
$("#resultFlangeAdapter").text(data[i]["flangeAdapter"]);
if ($("#selectGasket").val() == "O-Ring (EPDM)" || $("#selectGasket").val() == "O-Ring (FKM)")
{
$("#resultORingLabel").text("O-Ring:");
} else
{
$("#resultORingLabel").text("Gasket:");
}
$("#resultORing").text(data[i]["gasket"]);
$("#resultFlangeLink").attr("href", url + appgate_ID + "/" + country_ok + "/" + lang + "/catalog.do?action=product-redirect&codeNumber=" + data[i]["flange"]);
$("#resultFlangeAdapterLink").attr("href", url + appgate_ID + "/" + country_ok + "/" + lang + "/catalog.do?action=product-redirect&codeNumber=" + data[i]["flangeAdapter"]);
$("#resultORingLink").attr("href", url + appgate_ID + "/" + country_ok + "/" + lang + "/catalog.do?action=product-redirect&codeNumber=" + data[i]["gasket"]);
if (data[i]["gasket"] != "-" && data[i]["gasket"] != "")
{
$("#resultORingLabel").show();
$("#resultORingLink").show();
$("#resultORing").show();
} else
{
$("#resultORingLabel").hide();
$("#resultORingLink").hide();
$("#resultORing").hide();
}
if (data[i]["flangeAdapter"] != "-" && data[i]["flangeAdapter"] != "")
{
$(".flangeAdapterResult").show();
} else
{
$(".flangeAdapterResult").hide();
}
if (data[i]["flange"] != "-" && data[i]["flange"] != "")
{
$(".flangeResult").show();
} else
{
$(".flangeResult").hide();
}
$("#resultDiv").show();
$("#pYourResult").show();
return;
}
}
if (calcCounter++ > 0 && $("#selectMaterial").val() != "" && $("#selectValve").val() != "" && $("#selectDimension").val() != "" && $("#selectFlangeType").val() != "" && $("#selectGasket").val() != "") $("#resultsError").show();
$("#resultDiv").hide();
$("#pYourResult").hide();
}
function preparePrint()
{
$("#pMaterial").text($("#selectMaterial").val());
$("#pValveType").text($("#selectValve").val());
$("#pCombinationOfFlange").text($('input[name=radioFlange]:checked').val());
$("#pDimension").text($("#selectDimension").val());
$("#pSDR").text($('input[name=radioSDR]:checked').val());
$("#pGasket").text($("#selectGasket").val());
$("#pFlangeType").text($("#selectFlangeType").val());
$("#pLengthOfBolts").text($("#resultBolt").text());
$("#pAmount").text($("#resultAmount").text());
$("#pBoltTighteningTorque").text($("#resultBoltTighteningTorque").text());
$("#pFlange").text($("#resultFlange").text());
$("#pFlangeAdapter").text($("#resultFlangeAdapter").text());
$("#presultORingLabel").text($("#resultORingLabel").text());
$("#presultORingLabel").text($("#resultORingLabel").text());
$("#pORing").text($("#resultORing").text());
$("#pResultFlangeLink").attr("href", url + $("#resultFlange").text());
$("#resultFlangeAdapterLink").attr("href", url + $("#resultFlangeAdapter").text());
$("#resultORingLink").attr("href", url + $("#resultORing").text());
if ($("#radiogruopSDR").css("display") == "none")
{
$("#pSDRDiv").hide();
$(".printSDR").hide();
} else
{
$("#pSDRDiv").show();
$(".printSDR").show();
}
}
function onValveChanged()
{
}
function init()
{
$("#firstP").css("left", "7.5%");
$("#lastP").css("left", "90.3%");
if (getUrlParameter("m") != "" && typeof getUrlParameter("m") != "undefined")
{
$('#selectMaterial option').filter(function () {
return $(this).val() == getUrlParameter("m").replaceAll("+", " ");
}).prop("selected", true);
checkMaterial();
$('#selectFlangeType option').filter(function () {
return $(this).val() == getUrlParameter("f").replaceAll("+", " ");
}).prop("selected", true);
$('#selectValve option').filter(function () {
return $(this).val() == getUrlParameter("v").replaceAll("+", " ");
}).prop("selected", true);
$('#selectDimension option').filter(function () {
return $(this).val() == getUrlParameter("d").replaceAll("+", " ");
}).prop("selected", true);
$('#selectGasket option').filter(function () {
return $(this).val() == getUrlParameter("t").replaceAll("+", " ");
}).prop("selected", true);
var radios = $('input:radio[name=radioFlange]');
radios.filter('[value=' + getUrlParameter("c") + ']').prop('checked', true);
radios = $('input:radio[name=radioSDR]');
radios.filter('[value=\'' + getUrlParameter("s").replace("+", " ") + '\']').prop('checked', true);
} else
{
onValveChanged();
}
if (getUrlParameter("appgate_ID") != "" && typeof getUrlParameter("appgate_ID") != "undefined")
{
appgate_ID = getUrlParameter("appgate_ID");
}
if (getUrlParameter("country") != "" && typeof getUrlParameter("country") != "undefined")
{
country = getUrlParameter("country");
}
if (getUrlParameter("country") != "" && typeof getUrlParameter("country") != "undefined")
{
country_ok = getUrlParameter("country_ok");
}
if (getUrlParameter("lang") != "" && typeof getUrlParameter("lang") != "undefined")
{
lang = getUrlParameter("lang");
}
$(".infoI").hover(function () {
$(this).parent().find(".tipp").fadeIn();
}, function () {
$(this).parent().find(".tipp").fadeOut();
});
setTimeout(doCalc(), 200);
}
function sendMail()
{
var radioSDR = "";
if (typeof $("input[name='radioSDR']:checked").val() != "undefined")
{
radioSDR = encodeURIComponent($("input[name='radioSDR']:checked").val().replace(" ", "+"));
}
var selectMaterialVal = $("#selectMaterial").val().replaceAll(" ", "+"),
selectDimensionVal = $("#selectDimension").val().replaceAll(" ", "+"),
selectFlangeTypeVal = $("#selectFlangeType").val().replaceAll(" ", "+"),
selectValveVal = $("#selectValve").val().replaceAll(" ", "+"),
selectGasketVal = $("#selectGasket").val().replaceAll(" ", "+"),
radioFlangeVal = $('input[name=radioFlange]:checked').val(),
radioSDRVal = $('input[name=radioSDR]:checked').val();
console.log("matmat", selectMaterialVal);
location.href = "mailto:?to=&subject=" + mailSubject + "&body=" + mailBody1 + "https://www.gfps.com/" + country + "/" + lang + "/support_and_services/online_tools/flange-tool.html?m=" + selectMaterialVal + "%26f=" + selectFlangeTypeVal + "%26v=" + selectValveVal + "%26d=" + selectDimensionVal + "%26t=" + selectGasketVal + "%26c=" + $("input[name='radioFlange']:checked").val() + "%26s=" + radioSDR + "%26lang=" + lang + "%26country_ok=" + country_ok+ mailBody2;
}
function resetPage()
{
location.href = '/flange_tool/?lang=' + lang;
}
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = decodeURIComponent(window.location.search.substring(1)),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++)
{
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam)
{
return sParameterName[1] === undefined ? true : sParameterName[1];
}
}
};
function getTypeID(type)
{
switch (type)
{
case "Ball Valve Type 546":
case "Kugelhahn Typ 546":
return "Ball Valve Type 546";
break;
case "Ball Valve Type 546 linear":
case "Linearkugelhahn Typ 546":
return "Ball Valve Type 546 linear";
break;
case "Diaphragm Valve Type 514 - 517":
case "Membranventil Typ 514 - 517":
return "Diaphragm Valve Type 514 - 517";
break;
case "Diaphragm Valve Type 317 - 025":
case "Membranventil Typ 317 - 025":
return "Diaphragm Valve Type 317 - 025";
break;
case "Butterfly Valve Type 567 - 568":
case "Absperrklappe 567 - 568":
return "Butterfly Valve Type 567 - 568";
break;
}
}
function checkMaterial(calcAgain)
{
var check = false;
var values = [];
var selMat = $("#selectMaterial").val();
for (var i = 0; i < data.length; ++i)
{
if (selMat != "" && data[i]["material"] == selMat && data[i]["sdr"] != "-")
{
check = true;
if (data[i]["sdr"] != values[0])
{
if (typeof values[0] == "undefined")
{
values[0] = data[i]["sdr"];
} else if (typeof values[1] == "undefined")
{
values[1] = data[i]["sdr"];
break;
} else
{
break;
}
}
}
}
$("#radiogruopSDR").hide();
$("#sdgroupplaceholder").hide();
if (values[0] > values[1])
{
var tmp = values[0];
values[0] = values[1];
values[1] = tmp;
}
if (check)
{
$("#radio3").val(values[0]);
$("#lradio3").text(values[0]);
$("#radio4").val(values[1]);
$("#lradio4").text(values[1]);
$("#radiogruopSDR").show();
$("#sdgroupplaceholder").show();
$(".fakeheight").show();
}
var dimensions = [], material = [], flangeType = [], gasket = [], valve = [], combinationOfFlangesL = 0,
combinationOfFlangesF = 0, radio3 = 0, radio4 = 0;
var selectMaterialVal = $("#selectMaterial").val(),
selectDimensionVal = $("#selectDimension").val(),
selectFlangeTypeVal = $("#selectFlangeType").val(),
selectValveVal = $("#selectValve").val(),
selectGasketVal = $("#selectGasket").val(),
radioFlangeVal = $('input[name=radioFlange]:checked').val(),
radioSDRVal = $('input[name=radioSDR]:checked').val();
for (var i = 0; i < data.length; ++i)
{
if ($('#radio3').val() == data[i]["sdr"]
&& (selectMaterialVal == "" || data[i]["material"] == selectMaterialVal)
&& (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal)
&& (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal)
&& (selectValveVal == "" || data[i]["valve"] == selectValveVal)
&& (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal
&& (data[i]["combinationOfFlanges"] == radioFlangeVal)
)
)
{
radio3 = 1;
}
if ($('#radio4').val() == data[i]["sdr"]
&& (selectMaterialVal == "" || data[i]["material"] == selectMaterialVal)
&& (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal)
&& (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal)
&& (selectValveVal == "" || data[i]["valve"] == selectValveVal)
&& (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal
&& (data[i]["combinationOfFlanges"] == radioFlangeVal)
)
)
{
radio4 = 1;
}
if (data[i]["combinationOfFlanges"] == "F"
&& (selectMaterialVal == "" || data[i]["material"] == selectMaterialVal)
&& (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal)
&& (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal)
&& (selectValveVal == "" || data[i]["valve"] == selectValveVal)
&& (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal
&& ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal)
)
)
{
combinationOfFlangesF = 1;
}
if (data[i]["combinationOfFlanges"] == "L"
&& (selectMaterialVal == "" || data[i]["material"] == selectMaterialVal)
&& (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal)
&& (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal)
&& (selectValveVal == "" || data[i]["valve"] == selectValveVal)
&& (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal)
&& ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal)
)
{
combinationOfFlangesL = 1;
}
if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal)
&& (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal)
&& (selectValveVal == "" || data[i]["valve"] == selectValveVal)
&& (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal)
&& (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal)
&& ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal)
)
{
if (dimensions.indexOf(data[i]["dimension"]) == -1)
{
dimensions.push(data[i]["dimension"]);
}
}
// var obj = [];
// obj["material"] = selectMaterialVal;
// obj["type"] = selectFlangeTypeVal;
// obj["dimension"] = selectDimensionVal;
// obj["gasket"] = selectGasketVal;
// obj["valve"] = selectValveVal;
// obj["radioFlange]"] = $('input[name=radioFlange]:checked').val();
// // console.log("=============>", obj);
// if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal)
// && (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal)
// && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal)
// && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal)
// && (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal)
// && ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal))
// {
// console.log("##########", data[i]["valve"]);
// }
if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal)
&& (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal)
&& (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal)
&& (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal)
&& (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal)
&& ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal)
)
{
if (valve.indexOf(data[i]["valve"]) == -1)
{
valve.push(data[i]["valve"]);
}
}
if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal)
&& (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal)
&& (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal)
&& (selectValveVal == "" || data[i]["valve"] == selectValveVal)
&& (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal)
&& ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal)
)
{
if (gasket.indexOf(data[i]["typeOfGasket"]) == -1)
{
gasket.push(data[i]["typeOfGasket"]);
}
}
if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal)
&& (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal)
&& (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal)
&& (selectValveVal == "" || data[i]["valve"] == selectValveVal)
&& (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal)
&& ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal)
)
{
if (flangeType.indexOf(data[i]["flangeType"]) == -1 && data[i]["flangeType"] != "-")
{
flangeType.push(data[i]["flangeType"]);
}
}
if ((selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal)
&& (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal)
&& (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal)
&& (selectValveVal == "" || data[i]["valve"] == selectValveVal)
&& (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal)
&& ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal)
)
{
if (material.indexOf(data[i]["material"]) == -1 && data[i]["material"] != "-")
{
material.push(data[i]["material"]);
}
}
}
$(".fakeheight").hide();
var selVal = $("#selectDimension").val()
$("#selectDimension").empty();
$("#selectDimension").append(firstSelect);
for (i = 0; i < dimensions.length; ++i)
{
if (selVal == dimensions[i] || dimensions.length == 1)
{
selected = "selected";
} else
{
selected = "";
}
$("#selectDimension").append('');
}
selVal = $("#selectValve").val()
$("#selectValve").empty();
$("#selectValve").append(firstSelect);
for (i = 0; i < valve.length; ++i)
{
if (selVal == valve[i] || valve.length == 1)
{
selected = "selected";
} else
{
selected = "";
}
$("#selectValve").append('');
}
selVal = $("#selectGasket").val()
$("#selectGasket").empty();
$("#selectGasket").append(firstSelect);
for (i = 0; i < gasket.length; ++i)
{
if (selVal == gasket[i] || gasket.length == 1)
{
selected = "selected";
} else
{
selected = "";
}
$("#selectGasket").append('');
}
selVal = $("#selectFlangeType").val()
$("#selectFlangeType").empty();
$("#selectFlangeType").append(firstSelect);
for (i = 0; i < flangeType.length; ++i)
{
if (selVal == flangeType[i] || flangeType.length == 1)
{
selected = "selected";
} else
{
selected = "";
}
$("#selectFlangeType").append('');
}
selVal = $("#selectMaterial").val()
$("#selectMaterial").empty();
$("#selectMaterial").append(firstSelect);
for (i = 0; i < material.length; ++i)
{
if (selVal == material[i] || material.length == 1)
{
selected = "selected";
} else
{
selected = "";
}
$("#selectMaterial").append('');
}
if (combinationOfFlangesL == 1)
{
$("#radio1").prop("disabled", false);
$("label[for=radio1]").css("opacity", 1);
} else
{
$("#radio1").prop("disabled", true);
$('#radio1').prop('checked', false);
$("label[for=radio1]").css("opacity", 0.4);
if ($("#radio2").prop("disabled") == false)
{
$('#radio2').prop('checked', true);
}
}
if (combinationOfFlangesF == 1)
{
$("#radio2").prop("disabled", false);
$("label[for=radio2]").css("opacity", 1);
} else
{
$("#radio2").prop("disabled", true);
$('#radio2').prop('checked', false);
$("label[for=radio2]").css("opacity", 0.4);
if ($("#radio1").prop("disabled") == false)
{
$('#radio1').prop('checked', true);
}
}
if (radio3 == 1)
{
$("#radio3").prop("disabled", false);
$("label[for=radio3]").css("opacity", 1);
} else
{
$("#radio3").prop("disabled", true);
$('#radio3').prop('checked', false);
$("label[for=radio3]").css("opacity", 0.4);
if ($("#radio4").prop("disabled") == false)
{
$('#radio4').prop('checked', true);
}
}
if (radio4 == 1)
{
$("#radio4").prop("disabled", false);
$("label[for=radio4]").css("opacity", 1);
} else
{
$("#radio4").prop("disabled", true);
$('#radio4').prop('checked', false);
$("label[for=radio4]").css("opacity", 0.4);
if ($("#radio3").prop("disabled") == false)
{
$('#radio3').prop('checked', true);
}
}
if (typeof calcAgain == "undefined")
{
checkMaterial(true);
}
}
$(function () {
$("#selectValve").change(function () {
onValveChanged();
});
$("#inletPressure").change(function () {
if ($("#inletPressure").val() < 0)
{
$("#inletPressure").val(0);
}
if (parseInt($("#inletPressure").val()) <= parseInt($("#outletPressure").val()))
{
$("#inletPressure").val(parseInt($("#outletPressure").val()) + 1);
}
doCalc();
});
$("#outletPressure").change(function () {
if ($("#outletPressure").val() < 0)
{
$("#outletPressure").val(0);
}
if (parseInt($("#outletPressure").val()) >= parseInt($("#inletPressure").val()))
{
$("#outletPressure").val(parseInt($("#inletPressure").val()) - 1);
}
doCalc();
});
$("#selectMaterial").change(function () {
checkMaterial();
doCalc();
});
$("#selectValve, #selectDimension, #selectGasket, #selectFlangeType, input[name=radioFlange], input[name=radioSDR]").change(function () {
checkMaterial();
doCalc();
});
$('input[type=radio][name=radioFlange]').change(function () {
doCalc();
});
$('input[type=radio][name=radioSDR]').change(function () {
doCalc();
});
init();
checkMaterial();
$(document).tooltip({
position: {at: "right top", collision: "flipfit"},
track: true
});
});
String.prototype.replaceAll = function (search, replacement) {
var target = this;
return target.split(search).join(replacement);
};