$(document).ready(function () {


    doResizeFrame();

    // ---------------------------------------------------------
    // behaviour
    // ---------------------------------------------------------
    // Selected | Producten | Stroom
    if ($("#EnergievergelijkerUserControl_ProductenRadioButtonList_1").is(':checked')) {
        $("#divStroom").show();
        $("#divGas").hide();
    }
    // Selected | Producten | Gas
    if ($("#EnergievergelijkerUserControl_ProductenRadioButtonList_2").is(':checked')) {
        $("#divStroom").hide();
        $("#divGas").show();
    }
    // Click | Producten | Stroom en gas
    $("#EnergievergelijkerUserControl_ProductenRadioButtonList_0").click(function () {
        $("#divStroom").slideDown();
        $("#divGas").slideDown();
    });
    // Click | Producten | Stroom
    $("#EnergievergelijkerUserControl_ProductenRadioButtonList_1").click(function () {
        $("#divStroom").slideDown();
        $("#divGas").slideUp();
    });
    // Click | Producten | Gas
    $("#EnergievergelijkerUserControl_ProductenRadioButtonList_2").click(function () {
        $("#divStroom").slideUp();
        $("#divGas").slideDown();
    });
    // Selected | Metertype | Enkel
    if ($("#EnergievergelijkerUserControl_MetertypeRadioButtonList_0").is(':checked')) {
        $("#divStroomEnkel").show();
        $("#divStroomDubbel").hide();
    }
    // Selected | Metertype | Dubbel
    if ($("#EnergievergelijkerUserControl_MetertypeRadioButtonList_1").is(':checked')) {
        $("#divStroomEnkel").hide();
        $("#divStroomDubbel").show();
    }
    // Click | Metertype | Enkel
    $("#EnergievergelijkerUserControl_MetertypeRadioButtonList_0").click(function () {
        $("#divStroomEnkel").slideDown();
        $("#divStroomDubbel").slideUp();
    });
    // Click | Metertype | Dubbel
    $("#EnergievergelijkerUserControl_MetertypeRadioButtonList_1").click(function () {
        $("#divStroomEnkel").slideUp();
        $("#divStroomDubbel").slideDown();
    });


    // ---------------------------------------------------------
    // behaviour
    // ---------------------------------------------------------
    // Selected | Producten | Stroom
    if ($("#ctl00_EnergievergelijkerUserControl_ProductenRadioButtonList_1").is(':checked')) {
        $("#divStroom").show();
        $("#divGas").hide();
    }
    // Selected | Producten | Gas
    if ($("#ctl00_EnergievergelijkerUserControl_ProductenRadioButtonList_2").is(':checked')) {
        $("#divStroom").hide();
        $("#divGas").show();
    }
    // Click | Producten | Stroom en gas
    $("#ctl00_EnergievergelijkerUserControl_ProductenRadioButtonList_0").click(function () {
        $("#divStroom").slideDown();
        $("#divGas").slideDown();
    });
    // Click | Producten | Stroom
    $("#ctl00_EnergievergelijkerUserControl_ProductenRadioButtonList_1").click(function () {
        $("#divStroom").slideDown();
        $("#divGas").slideUp();
    });
    // Click | Producten | Gas
    $("#ctl00_EnergievergelijkerUserControl_ProductenRadioButtonList_2").click(function () {
        $("#divStroom").slideUp();
        $("#divGas").slideDown();
    });
    // Selected | Metertype | Enkel
    if ($("#ctl00_EnergievergelijkerUserControl_MetertypeRadioButtonList_0").is(':checked')) {
        $("#divStroomEnkel").show();
        $("#divStroomDubbel").hide();
    }
    // Selected | Metertype | Dubbel
    if ($("#ctl00_EnergievergelijkerUserControl_MetertypeRadioButtonList_1").is(':checked')) {
        $("#divStroomEnkel").hide();
        $("#divStroomDubbel").show();
    }
    // Click | Metertype | Enkel
    $("#ctl00_EnergievergelijkerUserControl_MetertypeRadioButtonList_0").click(function () {
        $("#divStroomEnkel").slideDown();
        $("#divStroomDubbel").slideUp();
    });
    // Click | Metertype | Dubbel
    $("#ctl00_EnergievergelijkerUserControl_MetertypeRadioButtonList_1").click(function () {
        $("#divStroomEnkel").slideUp();
        $("#divStroomDubbel").slideDown();
    });
    // ---------------------------------------------------------
    // masked input
    // ---------------------------------------------------------
    $(".postcode").mask("9999aa");
    $(".numeric").numeric();
    // ------------------------------------------------------
    // Tooltips
    // ------------------------------------------------------
    $("#tooltipStroomverbruikEnkel").tooltip();
    $("#tooltipStroomverbruikHoog").tooltip();
    $("#tooltipStroomverbruikLaag").tooltip();
    $("#tooltipGasverbruik").tooltip();
    $("#tooltipOpzegvergoeding").tooltip();

    // ------------------------------------------------------
    // Tooltip click events
    // ------------------------------------------------------
    // Click | Enkel | Single
    $(".enkelSingle").click(function () {
        SetSingle();
    });
    // Click | Enkel | Duo
    $(".enkelDuo").click(function () {
        SetDuo();
    });
    // Click | Enkel | Gezin
    $(".gasGezin").click(function () {
        SetGezin();
    });
    // Click | Enkel | Groot gezin
    $(".enkelGrootGezin").click(function () {
        SetGrootGezin();
    });
    // ------------------------------------------------------
    // Click | Hoog | Single
    $(".hoogSingle").click(function () {
        SetSingle();
    });
    // Click | Hoog | Duo
    $(".hoogDuo").click(function () {
        SetDuo();
    });
    // Click | Hoog | Gezin
    $(".hoogGezin").click(function () {
        SetGezin();
    });
    // Click | Hoog | Groot gezin
    $(".hoogGrootGezin").click(function () {
        SetGrootGezin();
    });
    // ------------------------------------------------------
    // Click | Laag | Single
    $(".laagSingle").click(function () {
        SetSingle();
    });
    // Click | Laag | Duo
    $(".laagDuo").click(function () {
        SetDuo();
    });
    // Click | Laag | Gezin
    $(".laagGezin").click(function () {
        SetGezin();
    });
    // Click | Laag | Groot gezin
    $(".laagGrootGezin").click(function () {
        SetGrootGezin();
    });
    // ------------------------------------------------------
    // Click | Gas | Single
    $(".gasSingle").click(function () {
        SetSingle();
    });
    // Click | Gas | Duo
    $(".gasDuo").click(function () {
        SetDuo();
    });
    // Click | Gas | Gezin
    $(".gasGezin").click(function () {
        SetGezin();
    });
    // Click | Gas | Groot gezin
    $(".gasGrootGezin").click(function () {
        SetGrootGezin();
    });
});
function SetSingle() {
    $(".enkel").val('1900');
    $(".hoog").val('650');
    $(".laag").val('1250');
    $(".gas").val('600');
}
function SetDuo() {
    $(".enkel").val('2500');
    $(".hoog").val('875');
    $(".laag").val('1625');
    $(".gas").val('700');
}
function SetGezin() {
    $(".enkel").val('3200');
    $(".hoog").val('1000');
    $(".laag").val('2200');
    $(".gas").val('1300');
}
function SetGrootGezin() {
    $(".enkel").val('4400');
    $(".hoog").val('1540');
    $(".laag").val('2860');
    $(".gas").val('1500');
}


jQuery.fn.contentChange = function (callback) {
    var elms = jQuery(this);
    elms.each(
      function (i) {
          var elm = jQuery(this);
          elm.data("lastContents", elm.html());
          window.watchContentChange = window.watchContentChange ? window.watchContentChange : [];
          window.watchContentChange.push({ "element": elm, "callback": callback });
      }
    )
    return elms;
}
setInterval(function () {
    if (window.watchContentChange) {
        for (i in window.watchContentChange) {
            if (window.watchContentChange[i].element.data("lastContents") != window.watchContentChange[i].element.html()) {
                window.watchContentChange[i].callback.apply(window.watchContentChange[i].element);
                window.watchContentChange[i].element.data("lastContents", window.watchContentChange[i].element.html())
            };
        }
    }
}, 200);


$(function () {
    $('#ctl00_ContentPlaceHolder_ResultUpdatePanel').contentChange(function () {
        doResizeFrame();
    });

    $('#ContentPlaceHolder_ResultUpdatePanel').contentChange(function () {
        doResizeFrame();
    });
});