function PopulateFieldsOnlinePlanning(result) {
    var d = new Date();
    try {
        if (result != undefined && result != "null") {
            try {

                var auto = '';
                if (result.BrandName != null)
                    auto = result.BrandName + ' ';
                if (result.Model != null)
                    auto = auto + result.Model + ' ';
                if (result.Details != null)
                    auto = auto + result.Details + ' ';
                if (result.Boujaar != null && result.Boujaar >0 )
                    auto = auto + result.Boujaar;

                var LicencePlate = result.LicencePlate;
                $("[id$='_txtLicense1']").val(LicencePlate);
                //   $("[id$='_lblStep4Licence']").val(LicencePlate);
                //                var tyresize = result.TyreWidth + '/' + result.TyreHeight + 'R' + result.WheelSize;
                //                $("[id$='_lblRightCarInfo']").text(auto);
                //                $("[id$='_lblStep4CarInfo']").text(auto);
                //                $("[id$='_lblRightBandenInfo']").text("Bandenmat: " + tyresize);
                //                $("[id$='_lblStep4BandenInfo']").text("Uw bandenmat: " + tyresize);
                //    $("#CarInfo").css("display", "block");
                $("[id$='_lblCarName']").text(auto);
                $("#imgTest").attr("src", result.Image);
                $("#imgTest").width(200);
                //                $("#lblBandenSize").text(tyresize);

//                $("#CarData").css("display", "block");

                if (result.LeasingCompanyId > 0) {
                    $("[id$='_ddlLeasing']").val(result.LeasingCompanyId);
                    $("[id$='_ddlLeasingLeaseControl']").val(result.LeasingCompanyId);
                }
                if ($("[id$='_ddlLeasing']").val() == 0 && result.LeasingCompanyId > 0) {
                    $("[id$='_ddlLeasing']").val().val("99999");
                    $("[id$='_ddlLeasingLeaseControl']").val("99999");
                    $("[id$='_trOtherLeasing']").css("display", "block");
                    $("[id$='_trOtherLeasing']").val(result.LeasingCompanyName);
                    ValidatorEnable($("[id$='_requiredValidatorLeasing']")[0], true);
                }
                if (result.LeasingCompanyId == 0) {
                    alert("Het door u ingevoerde kenteken staat in ons systeem niet gekoppeld aan een leasemaatschappij. U kunt een afspraak plannen door zelf uw leasemaatschappij te selecteren.");
                    $("[id$='_ddlLeasing']").val("0");
                    $("[id$='_ddlLeasingLeaseControl']").val("0");
                    $("[id$='_trOtherLeasing']").css("display", "none");
                    $("[id$='_trOtherLeasing']").val("");
                    ValidatorEnable($("[id$='_requiredValidatorLeasing']")[0], false);
                }
                var leaseId = result.LeasingCompanyId;
                if (leaseId != undefined) {
                    $.getJSON(_siteRoot + 'Ajax/OnlinePlanning/GetLeasingCompany.aspx?LeaseID=' + leaseId + '&_=' + d.getTime(), function (result) {
                        if (result != "null") {
                            var json = result;
                            try {
                                $("[id$='_imgLeasingCompany']").attr("src", json.image);
                                $("[id$='_imgStep1LeaseImage']").attr("src", json.image);
                                if (json.text) {
                                    $("[id$='_lblMessage']").show();
                                    $("[id$='_lblServiceConnected']").val(json.leaseId);
                                }
                                else
                                    $("[id$='_lblMessage']").hide();
                                //  $("[id$='_ddlLeasingLeaseControl']").val(json.leaseId);
                            } catch (e) {
                                //alert(e);
                            }
                        }
                    });
                }
                verifyOPHomePage();


            }
            catch (e) {
                alert(e);
            }
        }
    }
    catch (e) {

    }
}

function bringAxaptaInfo(licencePlate) {
    $.get(_siteRoot + "/Ajax/OnlinePlanning/GetAxaptaInfoByLicencePlate.aspx?mode=gettyresbylicence&licencePlate=" + licencePlate, function (response) {
        if (response != "null") {
        }
        else {
        }
    });
}

function bringServicesOP(radioText) {
    var d = new Date();
    if (radioText == 'reparatie') {
        $("[id$='_imgReparatie']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Reparatie_shadow.png");
        if ($("[id$='_imgOnderhoud']").attr("src").indexOf('_shadow') > -1)
            $("[id$='_imgOnderhoud']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Onderhoud.png");
        if ($("[id$='_imgBanden']").attr("src").indexOf('_shadow') > -1)
            $("[id$='_imgBanden']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Banden.png");
    }
    else
        if (radioText == 'onderhoud') {
            $("[id$='_imgOnderhoud']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Onderhoud_shadow.png");
            if ($("[id$='_imgReparatie']").attr("src").indexOf('_shadow') > -1)
                $("[id$='_imgReparatie']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Reparatie.png");
            if ($("[id$='_imgBanden']").attr("src").indexOf('_shadow') > -1)
                $("[id$='_imgBanden']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Banden.png");
        }
        else
            if (radioText == 'banden') {
                $("[id$='_imgBanden']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Banden_shadow.png");
                if ($("[id$='_imgOnderhoud']").attr("src").indexOf('_shadow') > -1)
                    $("[id$='_imgOnderhoud']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Onderhoud.png");
                if ($("[id$='_imgReparatie']").attr("src").indexOf('_shadow') > -1)
                    $("[id$='_imgReparatie']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Banden.png");
            }
    $("#divCheckBoxes").html('<div style="width:188px;"><img src="' + _appTheme + '/Images/OnlinePlanningImages/Loader/ajax-loader.gif" style=padding-top:20px;"/></div>');
    $.post(_siteRoot + "Ajax/OnlinePlanning/GetServicesForACategory.aspx?category=" + radioText + '&_=' + d.getTime(), function (content) {
        var $Content = $(content);
        $("#__VIEWSTATE", $Content).remove();
        $("#divCheckBoxes").html($Content);
        $("[id$='_lblCategoryName']").val(radioText);
    });
}

function CreateServicesLeasingHome(leaseId, service) {

    var d = new Date();

    $("[id$='_ddlLeasing']").val(leaseId);
    if (leaseId == 99999) {
        $("[id$='_trOtherLeasing']").css("display", "block");
        ValidatorEnable($("[id$='_requiredValidatorLeasing']")[0], true);
    }
    else {
        $("[id$='_trOtherLeasing']").css("display", "none");
        ValidatorEnable($("[id$='_requiredValidatorLeasing']")[0], false);
    }
    // $("#containerServiceCategory").html('<div style="width:188px;"><img src="' + _appTheme + '/Images/LicencePlate/ajax-loader.gif" style="padding-left:340px;padding-top:30px;"/></div>');
    if (leaseId == 30144)
        service = "banden";

    $.get(_siteRoot + 'Ajax/OnlinePlanning/GetServicesForLeasingStep1.aspx?LeaseID=' + leaseId + "&service=" + service + '&_=' + d.getTime(), function (json) {
        var $Content = $(json);
        $("#__VIEWSTATE", $Content).remove();
        $("#containerServiceCategory").html($Content);
        $("#divLeasing").html($Content);
        $.get(_siteRoot + 'Ajax/OnlinePlanning/GetLeasingCompany.aspx?LeaseID=' + leaseId + '&_=' + d.getTime(), function (result) {
            if (result != "null") {
                var js = "var json=" + result + ";";
                try {
                    var q = "(" + result + ")";
                    var json = eval(q);
                    $("[id$='_imgLeasingCompany']").attr("src", json.image);
                    $("[id$='_imgStep1LeaseImage']").attr("src", json.image);
                    if (json.text) {
                        $("[id$='_lblMessage']").show();
                        $("[id$='_lblServiceConnected']").val(json.leaseId);
                    }
                    else
                        $("[id$='_lblMessage']").hide();
                    $("[id$='_ddlLeasingLeaseControl']").val(json.leaseId);
                } catch (e) {
                    //alert(e);
                }
            }
            if ($("[id$='_imgReparatie']").attr("src").indexOf('_shadow') > -1)
                service = "reparatie";
            else
                if ($("[id$='_imgOnderhoud']").attr("src").indexOf('_shadow') > -1) {
                    service = "onderhoud";
                }
                else
                    if ($("[id$='_imgBanden']").attr("src").indexOf('_shadow') > -1) {
                        service = "banden";
                    }
                    else {
                        service = "banden";
                        $("[id$='_imgBanden']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Banden_shadow.png");
                        if ($("[id$='_imgOnderhoud']").attr("src").indexOf('_shadow') > -1)
                            $("[id$='_imgOnderhoud']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Onderhoud.png");
                        if ($("[id$='_imgReparatie']").attr("src").indexOf('_shadow') > -1)
                            $("[id$='_imgReparatie']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Banden.png");

                    }

            if (service != "") {
                $("#divCheckBoxes").html('<div style="width:188px;"><img src="' + _appTheme + '/Images/OnlinePlanningImages/Loader/ajax-loader.gif" style=padding-top:20px;"/></div>');
                $.post(_siteRoot + "Ajax/OnlinePlanning/GetServicesForACategory.aspx?leasing=" + leaseId + "&category=" + service, function (content) {
                    var $Content = $(content);
                    $("#__VIEWSTATE", $Content).remove();
                    $("#divCheckBoxes").html($Content);
                });
            }
            else {
                $("#divCheckBoxes").html('');
            }
        });
    });

}

function makeAlertLeasePlan() {
    if (window.confirm('Voor onderhoud / reparatie kunt u uw afspraak in plannen op de LeasePlan AfspraakPlanner. Klik op OK voor de LeasePlan AfspraakPlanner.')) {
        var load = window.open('http://www.leaseplan.nl/afspraakplanner/index.asp', '', '');
    }
    else {
        $("[id$='_imgBanden']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Banden_shadow.png");
        $("[id$='_imgReparatie']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Reparatie.png");
        $("[id$='_imgOnderhoud']").attr("src", _appTheme + "/Images/OnlinePlanningImages/Services/Onderhoud.png");
    }
}

function verifyOPHomePage() {
    var d = new Date();

    if ($("[id$='_ddlLeasing']").val() == 99999) {
        $("[id$='_trOtherLeasing']").css("display", "block");
        ValidatorEnable($("[id$='_requiredValidatorLeasing']")[0], true);
    }
    else {
        $("[id$='_trOtherLeasing']").css("display", "none");
        ValidatorEnable($("[id$='_requiredValidatorLeasing']")[0], false);
    }

    var service = "";

//    if ($("[id$='_imgReparatie']").attr("src").indexOf('_shadow') > -1) {
//        service = "reparatie";
//    }
//    else
//        if ($("[id$='_imgOnderhoud']").attr("src").indexOf('_shadow') > -1) {
//            service = "onderhoud";
//        }
//        else
//            if ($("[id$='_imgBanden']").attr("src").indexOf('_shadow') > -1) {
//                service = "banden";
//            }

        $.get(_siteRoot + 'Ajax/OnlinePlanning/GetLeasingCompany.aspx?LeaseID=' + $("[id$='_ddlLeasing']").val() + '&_=' + d.getTime(), function (result) {
        if (result != "null") {
            var js = "var json=" + result + ";";
            try {
                var q = "(" + result + ")";
                var json = eval(q);
                $("[id$='_imgStep1LeaseImage']").attr("src", json.image);
                if (json.text) {
                    CreateServicesLeasingHome($("[id$='_ddlLeasing']").val());
                }
                else
                    CreateServicesLeasingHome($("[id$='_ddlLeasing']").val(), "");

            } catch (e) {
                //alert(e);
            }
            if (result.image != "null") {

                $("[id$='_imgRightCompany']").attr("src", json.image);
                $("[id$='_imgRightCompany']").css("display", "block");
                $("[id$='_imgStep4Leasing']").attr("src", json.image);
                $("[id$='_imgStep4Leasing']").css("display", "block");


            } else {
                $("[id$='_imgRightCompany']").css("display", "none");
                $("[id$='_imgStep4Leasing']").css("display", "none");

            }

        }
        var company = $("select[id$='ddlLeasing'] :selected").text();
        $("[id$='_lblRightCompanyName']").text(company);

        $("[id$='_lblLeasingCompanyText']").text(company);

    });
}

function validateLeaseHomeP(obj, args) {
    if ($("[id$='_ddlLeasing']").val() > 0) {
        args.IsValid = true;
    }
    else {
        args.IsValid = false;
    }
}

function jqGetServicesOPHomeP() {
    if (typeof (Page_ClientValidate) == 'function') {
        Page_ClientValidate();
    }
    if (!Page_IsValid) {
        return false;
    }
    var text1 = $("[id$='_lblServices']");
    text1.value = '';
    $("#divCheckBoxes :checked").each(function () {
        text1.value = text1.value + $(this).val() + "|";
    });

    $("[id$='_lblServices']").val(text1.value);
    if (text1.value == '') {
        $("[id$='_trError']").css("display", "block");
        return false;
    }
    else {
        //save data into session
        step1ClickHomePage();
    }
    //apel ajax pt right side

}

function step1ClickHomePage() {
    var text1 = $("[id$='_lblServices']");
    var leasingCompany = "";
    //check if can go to the next step
    if ($("[id$='_ddlLeasing']").val() > 0) {
        if ($("[id$='_ddlLeasing']").val() == 99999) {
            leasingCompany = $("[id$='_txtOtherLeasing']").val();
            if (leasingCompany == 'Uw andere leasemaatschappij.') {
                $("[id$='_txtOtherLeasing']").val('');
                ValidatorEnable($("[id$='_requiredValidatorLeasing']")[0], true);
                return false;
            }
        }
        else {
            leasingCompany = $("[id$='_ddlLeasing option:selected']").text();
        }
    }
    var d = new Date();

    $.getJSON(_siteRoot + 'Ajax/OnlinePlanning/SaveStepsDataOP.aspx?mode=step1&services=' + text1.val() + '&leasingName=' + leasingCompany + '&fromHomePage=true' + '&_=' + d.getTime(), function (result) {
        if (result.status == 1) {
            if (result.redirectToStep1b == 1) {
                Steps.setCurrentStep(1, 0);
                document.location = _siteRoot + 'OnlinePlanning/OnlinePlanning.aspx?action=fromhomepage&step=1#onlinePlanning';
            }
            else {
                Steps.setCurrentStep(1, 0);
                Steps.setCurrentStep(2, 0);
                document.location = _siteRoot + 'OnlinePlanning/OnlinePlanning.aspx?action=fromhomepage#onlinePlanning';
            }
        }
    });
}

function goToStep2BandenPage() {
    var d = new Date();
    if ($("#rdoSummer").attr("checked") == "checked") {
        $.getJSON(_siteRoot + 'Ajax/OnlinePlanning/SaveStepsDataOP.aspx?mode=step1&services=96|' + '&_=' + d.getTime(), function (result) {
            if (result.status == 1) {
                Steps.setCurrentStep(1, 0);
                Steps.setCurrentStep(2, 0);
                document.location = _siteRoot + 'OnlinePlanning/OnlinePlanning.aspx?action=fromhomepage#onlinePlanning';
            }
        });
    }
    else
        if ($("#rdoWinter").attr("checked") == "checked") {
            $.getJSON(_siteRoot + 'Ajax/OnlinePlanning/SaveStepsDataOP.aspx?mode=step1&services=97|' + '&_=' + d.getTime(), function (result) {
                if (result.status == 1) {
                    Steps.setCurrentStep(1, 0);
                    Steps.setCurrentStep(2, 0);
                    document.location = _siteRoot + 'OnlinePlanning/OnlinePlanning.aspx?action=fromhomepage#onlinePlanning';
                }
            });
        }
        else {
            $("#opContent").html('<div style="text-align:center;height:400px;"><img src="' + _appTheme + '/Images/OnlinePlanningImages/Loader/ajax-loader.gif" style="padding-top:200px;"/></div>');
            $.post(_siteRoot + "Ajax/OnlinePlanning/Step1Ajax.aspx", function (content) {
                Steps.setCurrentStep(1, 0);
                var $Content = $(content);
                $("[id$='_divRightPreview']").css("display", "none");
                $("#__VIEWSTATE", $Content).remove();
                $("#opContent").html($Content);
            });
        }
}

function checkError() {
    //display: none is an error message for service it's display
    $("#trError").css("display", "none");
}