$(document).ready(function () {
    var d = new Date();
    $('#liConsumer').click(function () {
        path = _siteRoot + 'Ajax/OnlinePlanning/Utils.aspx?appointmentType=0' + '&_=' + d.getTime();
        $.getJSON(path, function (result) {

        });
        CreateServicesLeasing(0);
        $('#Div00').attr("class", "noHoverLeft");
        $('#Div01').attr("class", "noHoverMiddle");
        $('#Div02').attr("class", "noHoverRight");

        $('#Div1').attr("class", "HoverLeft");
        $('#Div2').attr("class", "HoverMiddle");
        $('#Div3').attr("class", "HoverRight");

        $("[id$='_trLeasing']").css("display", "none");
        $("[id$='_trLeasingDropDown']").css("display", "none");
        $("[id$='_trOtherLeasing']").css("display", "none");
        ValidatorEnable($("[id$='_customValidatorLeasing']")[0], false);
        ValidatorEnable($("[id$='_requiredValidatorLeasing']")[0], false);
    });

    $('#liZakelijke').click(function () {
        path = _siteRoot + 'Ajax/OnlinePlanning/Utils.aspx?appointmentType=1' + '&_=' + d.getTime();
        $.getJSON(path, function (result) {

        });
        CreateServicesLeasing(0);
        $('#Div00').attr("class", "HoverLeft");
        $('#Div01').attr("class", "HoverMiddle");
        $('#Div02').attr("class", "HoverRight");

        $('#Div1').attr("class", "noHoverLeft");
        $('#Div2').attr("class", "noHoverMiddle");
        $('#Div3').attr("class", "noHoverRight");

        $("[id$='_trLeasing']").css("display", "block");
        $("[id$='_trLeasingDropDown']").css("display", "block");
        ValidatorEnable($("[id$='_customValidatorLeasing']")[0], true);

    });


    $('#OnlinePlanning').removeClass("ui-corner-all");
    $('#OnlinePlanning').removeClass("ui-widget-content");

    $('#consument').removeClass("ui-corner-all");
    $('#consument').removeClass("ui-widget-content");

});

function selectAppointmentType(appointmentType) {
    if (appointmentType == 0) {
        $('#Div00').attr("class", "noHoverLeft");
        $('#Div01').attr("class", "noHoverMiddle");
        $('#Div02').attr("class", "noHoverRight");

        $('#Div1').attr("class", "HoverLeft");
        $('#Div2').attr("class", "HoverMiddle");
        $('#Div3').attr("class", "HoverRight");

        $("[id$='_trLeasing']").css("display", "none");
        $("[id$='_trLeasingDropDown']").css("display", "none");
        $("[id$='_trOtherLeasing']").css("display", "none");
        ValidatorEnable($("[id$='_customValidatorLeasing']")[0], false);
        ValidatorEnable($("[id$='_requiredValidatorLeasing']")[0], false);
    }
    else {
        $('#Div00').attr("class", "HoverLeft");
        $('#Div01').attr("class", "HoverMiddle");
        $('#Div02').attr("class", "HoverRight");

        $('#Div1').attr("class", "noHoverLeft");
        $('#Div2').attr("class", "noHoverMiddle");
        $('#Div3').attr("class", "noHoverRight");

        $("[id$='_trLeasing']").css("display", "block");
        $("[id$='_trLeasingDropDown']").css("display", "block");
        ValidatorEnable($("[id$='_customValidatorLeasing']")[0], true);
    }

}

//for car from step 2

function Tip1_1(text1, text2, text3) {
    if (text3 != 'N/A')
        if (Number(text3) < 1.6)
            Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + '<span style="background-color:Red;color:white;">' + text3 + ' mm</span><br /><span style="font-style:italic">profieldiepte onder wettelijk minimum, advies: vervangen</span>', BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
        else {
            if (Number(text3) >= 1.6 && Number(text3) < 4.0)
                Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + '<span style="background-color:Orange;color:white;">' + text3 + ' mm</span><br /><span style="font-style:italic"> 1,6-4,0mm is onvoldoende profieldiepte voor winterbanden,<br /> 1,6-2,5mm is onvoldoende profieldiepte voor zomerbanden,<br /> volgens APK Norm is het advies: vervangen</span>', BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
            else
                if (Number(text3) >= 4.0)
                    Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + '<span style="background-color:Green;color:white;">' + text3 + ' mm</span><br /><span style="font-style:italic"> voldoende profieldiepte</span>', BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
                else
                    Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + text3, BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
        }
    else
        Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + text3, BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
}

function TipHeight() {
    Tip('<span class="textTyre"><b>Hoogte</b><br>De hoogte wordt weergegeven als percentage van de breedte. Bij de bandenmaat 195/65 R15 bijvoorbeeld, is de hoogte 65% van de breedte. In het hier genoemde voorbeeld is de hoogte 65% van 195 mm, en dus 126,75 mm.</span>', WIDTH, 250, BORDERWIDTH, 1, PADDING, 10, BGCOLOR, '#ffffff', CLICKCLOSE, true, BORDERCOLOR, '#e2e2e2', DELAY, 0);
}

function TipPostalCode() {
    Tip('<span class="textTyre"><b>PostCode</b><br>Voer uw postcode in om uw route te plannen.</span>', WIDTH, 250, BALLOON, true, BORDERWIDTH, 1, PADDING, 10, BGCOLOR, '#ffffff', CLICKCLOSE, true, BORDERCOLOR, '#e2e2e2', DELAY, 0);
}