var min = 35, max = 80;
var diagramPercentValues = [];
var appgate_ID = "10005H";
var country = "com";
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 = "http://www.gfps.com/appgate/ecat/common_flow/";
var calcCounter = 0;
var isFirstInputChange = true;
var fittingSelected = sensorSelected = false;
function preparePrint()
{
    $("#pUnits").text($("input[name='flow_liquid']:checked").val() == "Eu"?"metric":"imperial");
    $("#pStandard").text($("#selectstandard").val());
    $("#pMaterial").text($("#selectmaterial").val());
    $("#pDimension").text($("#selectdn").val());
    $("#pSensorType").text($("#selectSensorsensorType").val());
    $(".pFilter").hide();
    switch ($("#selectSensorsensorType").val())
    {
        case "Flow":
            if($("#filter").is(":hidden")){
                $("#pFilterFlowMin").hide();
                $("#pFilterFlowMax").hide();
                $("#pFilterFlowSolids").hide();
            } else {
                $("#pFilterFlowMin").show();
                $("#pFilterFlowMax").show();
                $("#pFilterFlowSolids").show();
                $("#pFilterFlowMinText").text($("#filterFlowMin").val());
                $("#pFilterFlowMaxText").text($("#filterFlowMax").val());
                $("#pFilterSolidsText").text($("input[name='flow_liquid']:checked").val()==0?"No":"Yes");

            }
            break;
    }

    $("#pYourResult").empty();
    $("#pYourResult").append($("#sensorResults").html());
    $("#pYourResult").append("<br style='clear: both;'><br style='float:left;'> " + $("#installationFittingResults").html() + "<br style='clear: both;'><br style='clear: both;'>");


    $("#pYourResult .resetSelection").remove();

}
window.onafterprint = function(){
    $("#pYourResult").empty();
}

function init()
{

$("#firstP").css("left", "7.5%");
$("#lastP").css("left", "90.3%");
    //setFilterFlowUnit("Eu");
$("#filter_flow").hide();
    // if (getUrlParameter("m") != "" && typeof getUrlParameter("m") != "undefined")
    // {
        if(getUrlParameter("m")) $('#selectmaterial option').filter(function () { return $(this).text() == getUrlParameter("m").replaceAll("+"," "); }).prop("selected", true);
        if(getUrlParameter("f"))$('#selectSensorsensorType option').filter(function () { return $(this).text() == getUrlParameter("f").replaceAll("+"," "); }).prop("selected", true);
        if(getUrlParameter("d"))$('#selectdn option').filter(function () { return $(this).val() == getUrlParameter("d").replaceAll("+"," "); }).prop("selected", true);
        if(getUrlParameter("st")) $('#selectstandard option').filter(function () { return $(this).text() == getUrlParameter("st").replaceAll("+"," "); }).prop("selected", true);
        if(getUrlParameter("ff1"))$('#filterFlowMin').val(getUrlParameter("ff1").replaceAll("+"," "));
        if(getUrlParameter("ff2"))$('#filterFlowMax').val(getUrlParameter("ff2").replaceAll("+"," "));
        if(getUrlParameter("fc1"))$('#filterConductivityProcessTemperatureMin').val(getUrlParameter("fc1").replaceAll("+"," "));
        if(getUrlParameter("fc2"))$('#filterConductivityProcessTemperatureMax').val(getUrlParameter("fc2").replaceAll("+"," "));
        if(getUrlParameter("fc3"))$('#filterConductivityConducticityMin').val(getUrlParameter("fc3").replaceAll("+"," "));
        if(getUrlParameter("fc4"))$('#filterConductivityConducticityMax').val(getUrlParameter("fc4").replaceAll("+"," "));
        if(getUrlParameter("fp1"))$('#filterPhProcessTemperatureMin').val(getUrlParameter("fp1").replaceAll("+"," "));
        if(getUrlParameter("fp2"))$('#filterPhProcessTemperatureMax').val(getUrlParameter("fp2").replaceAll("+"," "));
        if(getUrlParameter("fp3"))$('#filterPhConducticityMin').val(getUrlParameter("fp3").replaceAll("+"," "));
        if(getUrlParameter("fp4"))$('#filterPhConducticityMax').val(getUrlParameter("fp4").replaceAll("+"," "));
        if(getUrlParameter("fo1"))$('#filterOrpProcessTemperatureMin').val(getUrlParameter("fo1").replaceAll("+"," "));
        if(getUrlParameter("fo2"))$('#filterOrpProcessTemperatureMax').val(getUrlParameter("fo2").replaceAll("+"," "));




    if(getUrlParameter("u"))$("input[name='rUnits'][value="+getUrlParameter("u").replaceAll("+"," ")+"]").prop("checked", true);
        if(getUrlParameter("so")) $("input[name='flow_liquid'][value="+getUrlParameter("so").replaceAll("+"," ")+"]").prop("checked", true);
        if (getUrlParameter("ao") && getUrlParameter("ao").replaceAll("+", " ") == 1)
        {
            $("#filter").show();
            $("#filter_flow").show();
            $(".openParams").text("- close additional parameters");
            $(".openParams").show();

        } else {
            $("#filter").hide();
            $("#filter_flow").hide();
            $(".openParams").text("+ open additional parameters");
            $(".openParams").hide();
        }
        var item;
    if (getUrlParameter("f"))
    {


        switch (getUrlParameter("f").replaceAll("+"," "))
        {
            case "Flow":
                item = $("#filter_flow");
                break;
            case "pH":
                item = $("#filter_pH");
                break;
            case "Conductivity":
                item = $("#filter_Conductivity");
                break;
            case "ORP":
                item = $("#filter_orp");
                break;
        }

        $(".filter").hide();
        item.show();
        changeFitting();
    }
    // } else
    // {
    //
    // }
    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("lang") != "" && typeof getUrlParameter("lang") != "undefined")
    {
        lang = getUrlParameter("lang");
    }
    $(".infoI").hover(function () {
        $(this).parent().find(".tipp").fadeIn();
    }, function () {
        $(this).parent().find(".tipp").fadeOut();
    });

}

function sendMail()
{
    var rUnits = $("input[name='rUnits']:checked").val(),
        rSolids = $("input[name='flow_liquid']:checked").val(),
        selectMaterialVal = $("#selectmaterial").val().replaceAll(" ", "+"),
        selectStandardVal = $("#selectstandard").val().replaceAll(" ", "+"),
        selectDimensionVal = $("#selectdn").val().replaceAll(" ", "+"),
        selectSensorTypeVal = $("#selectSensorsensorType").val().replaceAll(" ", "+"),
        filterFlowMin = $("#filterFlowMin").val().replaceAll(" ", "+"),
        filterFlowMax = $("#filterFlowMax").val().replaceAll(" ", "+"),

        filterConductivityProcessTemperatureMin = $("#filterConductivityProcessTemperatureMin").val(),
        filterConductivityProcessTemperatureMax = $("#filterConductivityProcessTemperatureMax").val(),
        filterConductivityConducticityMin = $("#filterConductivityConducticityMin").val(),
        filterConductivityConducticityMax = $("#filterConductivityConducticityMax").val(),
        filterOrpProcessTemperatureMin = $("#filterOrpProcessTemperatureMin").val(),
        filterOrpProcessTemperatureMax = $("#filterOrpProcessTemperatureMax").val(),
        filterPhProcessTemperatureMin = $("#filterPhProcessTemperatureMin").val(),
        filterPhProcessTemperatureMax = $("#filterPhProcessTemperatureMax").val(),
        filterPhConducticityMin = $("#filterPhConducticityMin").val(),
        filterPhConducticityMax = $("#filterPhConducticityMax").val(),
        additionalOptions;
    if($("#filter").is(":hidden")){
        additionalOptions = 0;
    } else {
        additionalOptions = 1;
    }
var mailurl = 'https://www.gfps.com///support_and_services/online_tools/sensor-installationfitting-finder.html?m=';
    //location.href = "mailto:?to=&subject="+mailSubject+"&body="+mailBody1+"https://gfpstools.com/sensor-installationfitting-tool/?m=" + selectMaterialVal + "%26st=" + selectStandardVal + "%26so=" + rSolids + "%26ao=" + additionalOptions + "%26u=" + rUnits + "%26ff1=" + filterFlowMin + "%26ff2=" + filterFlowMax + "%26f=" + selectSensorTypeVal + "%26d=" + selectDimensionVal + "%26fc1=" + filterConductivityProcessTemperatureMin + "%26fc2=" + filterConductivityProcessTemperatureMax + "%26fc3=" + filterConductivityConducticityMin + "%26fc4=" + filterConductivityConducticityMax + "%26fp1=" + filterPhProcessTemperatureMin + "%26fp2=" + filterPhProcessTemperatureMax + "%26fp3=" + filterPhConducticityMin + "%26fp4=" + filterPhConducticityMax + "%26fo1=" + filterOrpProcessTemperatureMin + "%26fo2=" + filterOrpProcessTemperatureMax + "%26lang=" + lang+mailBody2;
    location.href = "mailto:?to=&subject="+mailSubject+"&body="+mailBody1+mailurl + selectMaterialVal + "%26st=" + selectStandardVal + "%26so=" + rSolids + "%26ao=" + additionalOptions + "%26u=" + rUnits + "%26ff1=" + filterFlowMin + "%26ff2=" + filterFlowMax + "%26f=" + selectSensorTypeVal + "%26d=" + selectDimensionVal + "%26fc1=" + filterConductivityProcessTemperatureMin + "%26fc2=" + filterConductivityProcessTemperatureMax + "%26fc3=" + filterConductivityConducticityMin + "%26fc4=" + filterConductivityConducticityMax + "%26fp1=" + filterPhProcessTemperatureMin + "%26fp2=" + filterPhProcessTemperatureMax + "%26fp3=" + filterPhConducticityMin + "%26fp4=" + filterPhConducticityMax + "%26fo1=" + filterOrpProcessTemperatureMin + "%26fo2=" + filterOrpProcessTemperatureMax + "%26lang=" + lang+mailBody2;
}

var fittingLocked = false, sensorLocked = false;

function calcFilterFlowVal(val)
{
    val = val.replace(",", ".");
    var dn = $("#selectdn").val();
    var r1, r2;
    switch ($("#filterFlowUnit").val())
    {
        case "m1":
            r1 = val;
            r2 = (val * 4 / ( 3600000 * Math.PI)) * Math.pow( (1000 / dn ),2);
            break;
        case "m2":
            r1 = val * 60;
            r2 = (val * 4 / ( 60000 * Math.PI)) * Math.pow(( 1000 / dn ),2);
            break;
        case "m3":
            r1 = val * 3600;
            r2 = (val * 4 / ( 1000 * Math.PI)) * Math.pow(( 1000 / dn ),2);
            break;
        case "m4":
            r1 = val * 1000;
            r2 = (val * 4 / ( 3600 * Math.PI)) * Math.pow(( 1000 / dn ),2);
            break;
        case "m5":
            r1 = val * 60000;
            r2 = (val * 4 / ( 60 * Math.PI)) * Math.pow(( 1000 / dn ),2);
            break;
        case "m6":
            r1 = val * 3600000;
            r2 = (val * 4 / Math.PI) * Math.pow(( 1000 / dn ),2);
            break;

        case "i1":
            r1 = val * 1728 / 231 / 60;
            r2 = ( val / 3600 * 4 / Math.PI ) / Math.pow(( dn / 304.8 ), 2);
            break;
        case "i2":
            r1 = val * 1728 / 231;
            r2 = ( val / 60 * 4 / Math.PI ) / Math.pow(( dn / 304.8 ), 2);
            break;
        case "i3":
            r1 = val * 1728 / 231 * 60;
            r2 = ( val * 4 / Math.PI ) / Math.pow(( dn / 304.8 ), 2);
            break;
        case "i4":
            r1 = val / 60;
            r2 = ( val / 3600 * 231 / 1728  * 4 / Math.PI ) / Math.pow(( dn / 304.8 ), 2);
            break;
        case "i5":
            r1 = val;
            r2 = ( val / 60 * 231 / 1728  * 4 / Math.PI ) / Math.pow(( dn / 304.8 ), 2);
            break;
        case "i6":
            r1 = val * 60;
            r2 = ( val * 231 / 1728 * 4 / Math.PI ) / Math.pow(( dn / 304.8 ), 2);
            break;
        case "i7":
            r1 = val / 13860;
            r2 = ( val / 3600 * 1 / 1728 * 4 / Math.PI ) / Math.pow(( dn / 304.8 ), 2);
            break;
        case "i8":
            r1 = val / 231;
            r2 = ( val / 60 * 1 / 1728 * 4 / Math.PI ) / Math.pow(( dn / 304.8 ), 2);
            break;
        case "i9":
            r1 = val *60 / 231;
            r2 = ( val / 1728 * 4 / Math.PI ) / Math.pow(( dn / 304.8 ), 2);
            break;
    }
    return {"flow":r1, "speed":r2};
}

function resetFittings()
{
    $("#installationFittingResults").empty();
    $("#installationFittingResults").append('<h2 style="font-size:16px;line-height: 100px;">Installation fitting&nbsp;&nbsp;<button onclick="resetFittings()" class="resetSelection" id="resetSelectionFittings" style="margin-top: 10px;margin-right:12px;margin-bottom:20px;display:none">back</button></h2>');
    $("#installationFittingResults").append(dataFittings);
}
function resetSensors()
{
    $("#sensorResults").empty()
    $("#sensorResults").append('<h2 style="font-size:16px;line-height: 100px;">Sensor&nbsp;&nbsp;<button onclick="resetSensors()" class="resetSelection" id="resetSelectionSensors" style="margin-top: 10px;margin-right:12px;margin-bottom:20px;display:none">back</button></h2>');
    $("#sensorResults").append(dataSensors);
    $("#sensorResults").append("<br style='clear:both'><br><br>");
}




var filterFlowUnitMetric = ["l/h", "l/min", "l/s", "m³/h", "m³/min", "m³/s"];
var filterFlowUnitImperial = ["cfh  (Ft³/h)", "cfm (Ft³/min)", "cfs (Ft³/s)", "gph (gallon/h)", "gpm (gallon/min)", "gps (gallon/s)", "in³/h", "in³/min", "in³/s"];

function setFilterFlowUnit(unit)
{
    $("#filterFlowUnit option").remove();
    if (unit == "Eu")
    {
        var o;
        for(var i = 0; i<filterFlowUnitMetric.length;++i ){
            o = new Option(filterFlowUnitMetric[i], "m"+(i+1));
            $(o).html(filterFlowUnitMetric[i]);
            $("#filterFlowUnit").append(o);
        }
    } else
    {
        var o;
        for(var i = 0; i<filterFlowUnitImperial.length;++i ){
            o = new Option(filterFlowUnitImperial[i], "u"+(i+1));
            $(o).html(filterFlowUnitImperial[i]);
            $("#filterFlowUnit").append(o);
        }
    }
}

var dataFittings, dataSensors;
function changeFitting(obj, type)
{
    if (typeof type == "undefined")
    {
        type  = "";
    }
    sensorLocked = false;
    isFirstInputChange = false;
    $(".resetSelection").hide();
    $("#tPrint").hide();
    var sendData = {};
    var sendDataSensor = {};
    $(".selectFitting").each(function () {
        // console.log("changeFitting", $(this).data("col"));
        if ($(this).val() != "") sendData[$(this).data("col")] = $(this).val();
    });
    $(".selectSensor").each(function () {
        if ($(this).val() != "") sendDataSensor[$(this).data("col")] = $(this).val();
    });
    sendDataSensor["usableWithSolids"] = $("input[name='flow_liquid']:checked").val();
    if ($.isEmptyObject(sendData) && $.isEmptyObject(sendDataSensor))
    {
        $("#installationFittingResults").empty();
        // $("#sensorResults").empty();
        // return;
    }
    if($(obj).attr('id') == "selectSensorsensorType"){
        $("#filter").hide();
        $(".openParams").text("+ open additional parameters");
    }
    if ($("#filterFlowMin").val() != "")
    {
        var mins = calcFilterFlowVal($("#filterFlowMin").val());
        sendDataSensor["flow_flow_min"] = mins["flow"];
        sendDataSensor["flow_speed_min"] = mins["speed"];
    }
    if ($("#filterFlowMax").val() != "")
    {
        var mins = calcFilterFlowVal($("#filterFlowMax").val());
        sendDataSensor["flow_flow_max"] = mins["flow"];
        sendDataSensor["flow_speed_max"] = mins["speed"];
    }

    console.log("$(this).id", $(obj));
    var data = {};
    data["fittings"] = sendData;
    data["sensors"] = sendDataSensor;
    data["units"] = $("input[name='rUnits']:checked").val();
    if ($("#filter").is(":hidden"))
    {
        data["additionalOptions"] = 0;
    } else
    {
        data["additionalOptions"] = 1;
    }
    if ($("#selectdn").val() != "")
    {
        $("#filterFlowMin").prop("disabled", false);
        $("#filterFlowMax").prop("disabled", false);
        $("#tMinFlowRange").css("color", "#000");
        $("#tMaxFlowRange").css("color", "#000");
    } else
    {
        $("#filterFlowMin").prop("disabled", true);
        $("#filterFlowMax").prop("disabled", true);
        $("#tMinFlowRange").css("color", "#bfbfbf");
        $("#tMaxFlowRange").css("color", "#bfbfbf");
    }
    $.ajax({
        url: "get_data.php",
        data: {sendData: data},
        dataType: 'JSON',
        method: 'get',
        context: document.body
    }).done(function (data) {
        $("#installationFittingResults").empty();
        $("#resultDiv").show();
        $("#sensorResults").empty();
        $("#resultsError").hide();
        $("#tMinFlowRange").text("Flow rate min");
        $("#tMaxFlowRange").text("Flow rate max");
        if (data.fittings.length == 0)
        {
            $("#resultDiv").hide();
            $("#resultsError").show();
            return;
        }
        dataFittings = data.fittings;
        dataSensors = data.sensors;
        $("#installationFittingResults").append('<h2 style="font-size:16px;line-height: 100px;">Installation fitting&nbsp;&nbsp;<button onclick="resetFittings()" class="resetSelection" id="resetSelectionFittings" style="margin-top: 10px;margin-right:12px;margin-bottom:20px;display:none">back</button></h2>');
        $("#installationFittingResults").append(data.fittings);
        var standardFitting = '<div id="sensor_standard" class="prodSensor">' +
            '<div class="divToHighlight" >' +
            '<img class="imgProduct" src="img/logo_big.png">' +
            '<div style="padding-top:2px;text-align: center">no Installation fitting needed</div><br style="clear:both">' +
            '</div>' +
            '<div class="sensorsTextLinks"></div></div>';
        if (data.fittings.length == 1)
        {
            $("#installationFittingResults").find(".prodFitting").click();
        }
        $("#installationFittingResults").append(standardFitting);
        if (data.sensors.length == 1)
        {
            $("#sensorResults").find(".prodSensor").click();
        }
        // console.log(data.fittings);
        // $("#installationFittingResults").append(data.fittings);
        $("#sensorResults").append('<h2 style="font-size:16px;line-height: 100px;">Sensor&nbsp;&nbsp;<button onclick="resetSensors()" class="resetSelection" id="resetSelectionSensors" style="margin-top: 10px;margin-right:12px;margin-bottom:20px;display:none">back</button></h2>');
        $("#sensorResults").append(data.sensors);
        $("#sensorResults").append("<br style='clear:both'><br><br>");


        var selVal = $("#selectmaterial").val()
        var selectData = data.selects.selectMaterial;
        // console.log("selectData", selectData);
        $("#selectmaterial").empty();
        for (i = 0; i < selectData.length; ++i)
        {
            if (selVal == selectData[i] || selectData.length == 2)
            {
                selected = "selected";
            } else
            {
                selected = "";
            }
            if (i == 0)
            {
                $("#selectmaterial").append('<option value="" ' + selected + '>' + selectData[i] + '</option>');
            } else
            {

                $("#selectmaterial").append('<option value="' + selectData[i] + '" ' + selected + '>' + selectData[i] + '</option>');
            }
        }
        selVal = $("#selectdn option:selected").text();
        selectData = data.selects.selectDimension;
        $("#selectdn").empty();

        for (i = 0; i < selectData.length; ++i)
        {
            if (selVal == selectData[i]["label"] || selectData.length == 2)
            {
                selected = "selected";
            } else
            {
                selected = "";
            }
            if (i == 0)
            {
                $("#selectdn").append('<option value="" ' + selected + '>' + selectData[i]["label"] + '</option>');
            } else
            {

                $("#selectdn").append('<option value="' + selectData[i]["val"] + '" ' + selected + '>' + selectData[i]["label"] + '</option>');
            }
        }
        selVal = $("#selectstandard").val()
        selectData = data.selects.selectStandard;
        // console.log("selectData", selectData);
        $("#selectstandard").empty();

        for (i = 0; i < selectData.length; ++i)
        {
            if (selVal == selectData[i] || selectData.length == 2)
            {
                selected = "selected";
            } else
            {
                selected = "";
            }
            if (i == 0)
            {
                $("#selectstandard").append('<option value="" ' + selected + '>' + selectData[i] + '</option>');
            } else
            {

                $("#selectstandard").append('<option value="' + selectData[i] + '" ' + selected + '>' + selectData[i] + '</option>');
            }
        }

        selVal = $("#selectSensorsensorType").val()
        selectData = data.selects.selectSensorType;
        // console.log("selectData", selectData);
        $("#selectSensorsensorType").empty();

        for (i = 0; i < selectData.length; ++i)
        {
            if (selVal == selectData[i] || selectData.length == 2)
            {
                selected = "selected";
            } else
            {
                selected = "";
            }
            if (i == 0)
            {
                $("#selectSensorsensorType").append('<option value="" ' + selected + '>' + selectData[i] + '</option>');
            } else
            {

                $("#selectSensorsensorType").append('<option value="' + selectData[i] + '" ' + selected + '>' + selectData[i] + '</option>');
            }
        }
        switch ($("#selectSensorsensorType").val())
        {
            case "Flow":
            case "pH":
            case "Conductivity":
            case "ORP":
                $(".openParams").show();
                //if ($(".openParams").text() =="//")
                //{
                //    $(".openParams").text("//");
                //} else
                //{
                //    $(".openParams").text("//");
                //}
                break;
            case "pH":
                $(".openParams").show();
                //if ($(".openParams").text() =="//")
                //{
                //    $(".openParams").text("//");
                //} else
                //{
                //    $(".openParams").text("//");
                //}
                break;
            default:
                $(".openParams").hide();
                break;
        }

    });
}

function selectFitting(fid)
{
    // return;
    fittingLocked = true;
    $(".prodFitting > .divToHighlight").removeClass("prodHighlight");
    $(".prodFitting").hide();
    $("#fitting_" + fid + " > .divToHighlight").addClass("prodHighlight");
    $("#fitting_" + fid).show();

    $(".fittingsTextLinks").show();
    $("#resultDiv").show();
    if (fittingLocked == true && sensorLocked == true)
    {
        $("#tPrint").show();
    }
    if(dataFittings.length > 1) $("#resetSelectionFittings").show();
    if (sensorLocked) return;
    var sendData = {};
    var sendDataSensor = {};
    $(".selectFitting").each(function () {
        if ($(this).val() != "") sendData[$(this).data("col")] = $(this).val();
    });
    $(".selectSensor").each(function () {
        if ($(this).val() != "") sendDataSensor[$(this).data("col")] = $(this).val();
    });
    sendDataSensor["usableWithSolids"] = $("input[name='flow_liquid']:checked").val();
    if ($.isEmptyObject(sendDataSensor))
    {
        // $("#installationFittingResults").empty();
        $("#sensorResults").empty();
        return;
    }
    var data = {};
    data["fittings"] = sendData;
    data["sensors"] = sendDataSensor;
    data["units"] = $("input[name='rUnits']:checked").val();
    if ($("#filter").is(":hidden"))
    {
        data["additionalOptions"] = 0;
    } else
    {
        data["additionalOptions"] = 1;
    }
    // alert("vor ajax");
    $.ajax({
        url: "get_sensors.php",
        data: {fid: fid, sendData: data},
        dataType: 'JSON',
        method: 'get',
        context: document.body
    }).done(function (data) {
        // $("#installationFittingResults").empty();
        // alert("nach ajax");
        $("#sensorResults").empty();
        // console.log(data.fittings);
        // $("#installationFittingResults").append(data.fittings);
        $("#sensorResults").append('<h2 style="font-size:16px;line-height: 100px;">Sensor&nbsp;&nbsp;<button onclick="resetSensors()" class="resetSelection" id="resetSelectionSensors" style="margin-top: 10px;margin-right:12px;margin-bottom:20px;display:none">back</button></h2>');
        $("#sensorResults").append(data.sensors);

        $("#sensorResults").append("<br style='clear:both'><br><br>");
        if (data.sensors.length == 1)
        {
            $("#sensorResults").find(".prodSensor").click();
        }

    });
}


function changeSensor()
{
    fittingLocked = false;
    var sendData = {};
    var sendDataSensor = {};
    $(".selectFitting").each(function () {
        if ($(this).val() != "") sendData[$(this).data("col")] = $(this).val();
    });
    $(".selectSensor").each(function () {
        if ($(this).val() != "") sendDataSensor[$(this).data("col")] = $(this).val();
    });
    sendDataSensor["usableWithSolids"] = $("input[name='flow_liquid']:checked").val();
    if ($.isEmptyObject(sendDataSensor))
    {
        // $("#installationFittingResults").empty();
        $("#sensorResults").empty();
        return;
    }
    $(".filter").hide();
    $(".openParams").hide();
    // $(".openParams2").hide();
    switch ($("#selectSensorsensorType").val())
    {
        case "Flow":
            $(".openParams").show();
            // $(".openParams2").show();
            $(".openParams").text("+ open additional parameters");
            // $(".openParams2").text("+");
            break;
    }
    var data = {};
    data["fittings"] = sendData;
    data["sensors"] = sendDataSensor;
    data["units"] = $("input[name='rUnits']:checked").val();
    if ($("#filter").is(":hidden"))
    {
        data["additionalOptions"] = 0;
    } else
    {
        data["additionalOptions"] = 1;
    }
    $.ajax({
        url: "get_data_sensors.php",
        data: {sendData: data},
        dataType: 'JSON',
        method: 'get',
        context: document.body
    }).done(function (data) {
        // $("#installationFittingResults").empty();
        $("#sensorResults").empty();
        // console.log(data.fittings);
        $("#resultDiv").show();
        // $("#installationFittingResults").append(data.fittings);
        // if (!$("#selectSensorsensorType").val() == "" && !$("#selectmaterial").val() == "" && !$("#selectdimension").val() == "")
        // {
        $("#sensorResults").append('<h2 style="font-size:16px;line-height: 100px;">Sensor&nbsp;&nbsp;<button onclick="resetSensors()" class="resetSelection" id="resetSelectionSensors" style="margin-top: 10px;margin-right:12px;margin-bottom:20px;display:none">back</button></h2>');
        $("#sensorResults").append(data.sensors);
        $("#sensorResults").append("<br style='clear:both'><br><br>");
        // }
    });
}

function selectSensor(sid)
{
    sensorLocked = true;
    $(".prodSensor > .divToHighlight").removeClass("prodHighlight");
    $(".prodSensor").hide();
    $("#sensor_" + sid + "> .divToHighlight").addClass("prodHighlight");
    $("#sensor_" + sid).show();
    $(".sensorsTextLinks").show();
    if (fittingLocked == true && sensorLocked == true)
    {
        $("#tPrint").show();
    }
    if(dataSensors.length > 1) $("#resetSelectionSensors").show();
    if (fittingLocked)
    {
        return;
    }
    var type = $("#sensor_" + sid + "").data("type");

    var sendData = {};
    var sendDataSensor = {};
    $(".selectFitting").each(function () {
        if ($(this).val() != "") sendData[$(this).data("col")] = $(this).val();
    });
    $(".selectSensor").each(function () {
        if ($(this).val() != "") sendDataSensor[$(this).data("col")] = $(this).val();
    });
    sendDataSensor["usableWithSolids"] = $("input[name='flow_liquid']:checked").val();
    if ($.isEmptyObject(sendDataSensor))
    {
        // $("#installationFittingResults").empty();
        $("#sensorResults").empty();
        return;
    }
    if ($("#filterFlowMin").val() != "")
    {
        var mins = calcFilterFlowVal($("#filterFlowMin").val());
        sendDataSensor["flow_flow_min"] = mins["flow"];
        sendDataSensor["flow_speed_min"] = mins["speed"];
    }
    if ($("#filterFlowMax").val() != "")
    {
        var mins = calcFilterFlowVal($("#filterFlowMax").val());
        sendDataSensor["flow_flow_max"] = mins["flow"];
        sendDataSensor["flow_speed_max"] = mins["speed"];
    }
    var data = {};
    data["fittings"] = sendData;
    data["sensors"] = sendDataSensor;
    data["units"] = $("input[name='rUnits']:checked").val();
    if ($("#filter").is(":hidden"))
    {
        data["additionalOptions"] = 0;
    } else
    {
        data["additionalOptions"] = 1;
    }
    $.ajax({
        url: "get_fittings.php",
        data: {sid: sid, type: type, sendData: data},
        dataType: 'JSON',
        method: 'get',
        context: document.body
    }).done(function (data) {
        $("#installationFittingResults").empty();
        // $("#sensorResults").empty();
        $("#resultDiv").show();
        // console.log(data.fittings);
        $("#installationFittingResults").append('<h2  style="font-size:16px;">Installation fitting&nbsp;&nbsp;<button onclick="resetFittings()" class="resetSelection" id="resetSelectionFittings" style="margin-top: 10px;margin-right:12px;margin-bottom:20px;display:none">back</button></h2>');

        $("#installationFittingResults").append(data.fittings);
        if (data.fittings.length == 1)
        {
            $("#installationFittingResults").find(".prodFitting").click();
        }

        // $("#sensorResults").append(data.sensors);
    });
}
function showFilter()
{
    var item;
    switch ($("#selectSensorsensorType").val())
    {
        case "Flow":
            item = $("#filter_flow");
            break;
        case "pH":
            item = $("#filter_pH");
            break;
        case "Conductivity":
            item = $("#filter_Conductivity");
            break;
        case "ORP":
            item = $("#filter_orp");
            break;
    }
    $("#filter").fadeToggle();
    $(".filter").hide();
    if ($(".openParams").text() == "- close additional parameters")
    {
        $(".openParams").text("+ open additional parameters");
        // item.slideUp(function () {
        //     changeFitting();
        // });
        item.hide();
        changeFitting();
    } else
    {
        $(".openParams").text("- close additional parameters");
        // item.slideDown(function () {
        //     changeFitting();
        // });
        item.show();
        changeFitting();
    }

}



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 () {

    $(document).tooltip({
        position: {at: "right top", collision: "flipfit"},
        track: true
    });
    init();
});
//new Vue({
//    data: { },
//    created: function () {
//        // `this` points to the vm instance
//
//        $.ajax({
//            url: "index_vuetest.php",
//            context: document.body
//        }).done(function(data) {
//            //$( this ).addClass( "done" );
//            $(".sensorapp").append(data);
//        });
//    }
//})
String.prototype.replaceAll = function(search, replacement) {
    var target = this;
    return target.split(search).join(replacement);
};