/// <reference path="jquery-1.3.2-vsdoc.js" />


// ---------------------------------------------------------
// behaviour
// ---------------------------------------------------------
var showContract = true;
var showSoortEnergie = true;
var showEenFactuur = true;
var showTelefoonkosten = true;
var showPrijs = true;
var showUwGegevens = true;
var showTotaleKosten = true;
var showKortOverzicht = true;
var showSpecificatie = false;
var showBijzonderheden = true;

$(document).ready(function() {
    WireEvents()
});

function pageLoad(sender, args) {
    if (args.get_isPartialLoad()) {
        WireEvents()

        
    }
}

// ---------------------------------------------------------
// functions
// ---------------------------------------------------------
function WireEvents() {

    $("#filterContractHeader").unbind()
    $("#filterSoortEnergieHeader").unbind()
    $("filterEenFactuurFilterHeader").unbind()
    $("#filterTelefoonkostenFilterHeader").unbind()
    $("#filterPrijsHeader").unbind()
    $("#uwGegevensHeader").unbind()
    $("#detailTotaleKostenHeader").unbind()
    $("#detailKortOverzichtHeader").unbind()
    $("#detailSpecificatieHeader").unbind()
    $("#detailBijzonderhedenHeader").unbind()

    ShowHideContract(false)
    ShowHideSoortEnergie(false)
    ShowHideEenFactuur(false)
    ShowHideTelefoonkosten(false)
    ShowHidePrijs(false)
    ShowHideUwGegevens(false)
    ShowHideTotaleKosten(false)
    ShowHideKortOverzicht(false)
    ShowHideSpecificatie(false)
    ShowHideBijzonderheden(false)

    // Click | Contract filter
    $("#filterContractHeader").click(function() {
        if (showContract) { showContract = false; } else { showContract = true; }
        ShowHideContract(true)
    });

    // Click | Soort energie filter
    $("#filterSoortEnergieHeader").click(function() {
        if (showSoortEnergie) { showSoortEnergie = false; } else { showSoortEnergie = true; }
        ShowHideSoortEnergie(true)
    });

    // Click | Een factuur filter
    $("#filterEenFactuurHeader").click(function() {
        if (showEenFactuur) { showEenFactuur = false; } else { showEenFactuur = true; }
        ShowHideEenFactuur(true)
    });
    // Click | Telefoonkosten filter
    $("#filterTelefoonkostenHeader").click(function() {
        if (showTelefoonkosten) { showTelefoonkosten = false; } else { showTelefoonkosten = true; }
        ShowHideTelefoonkosten(true)
    });

    // Click | Prijs filter
    $("#filterPrijsHeader").click(function() {
        if (showPrijs) { showPrijs = false; } else { showPrijs = true; }
        ShowHidePrijs(true)
    });

    // Click | Uw gegevens
    $("#uwGegevensHeader").click(function() {
        if (showUwGegevens) { showUwGegevens = false; } else { showUwGegevens = true; }
        ShowHideUwGegevens(true)
    });

    // Click | Totale kosten
    $("#detailTotaleKostenHeader").click(function() {
        if (showTotaleKosten) { showTotaleKosten = false; } else { showTotaleKosten = true; }
        ShowHideTotaleKosten(true)
    });

    // Click | Kort overzicht
    $("#detailKortOverzichtHeader").click(function() {
        if (showKortOverzicht) { showKortOverzicht = false; } else { showKortOverzicht = true; }
        ShowHideKortOverzicht(true)
    });

    // Click | Specificatie
    $("#detailSpecificatieHeader").click(function() {
        if (showSpecificatie) { showSpecificatie = false; } else { showSpecificatie = true; }
        ShowHideSpecificatie(true)
    });

    // Click | Bijzonderheden
    $("#detailBijzonderhedenHeader").click(function() {
        if (showBijzonderheden) { showBijzonderheden = false; } else { showBijzonderheden = true; }
        ShowHideBijzonderheden(true)
    });

    // ------------------------------------------------------
    // Mouseover
    // ------------------------------------------------------
//    $("#ikStapOverLink").mouseover(function() {
//        $("#ikStapOverLink").attr('src', 'Images/btn_ik_stap_over_hover.png')
//    }).mouseout(function() {
//        $("#ikStapOverLink").attr('src', 'Images/btn_ik_stap_over.png')
//    });
//    $("#ikStapOverLink1").mouseover(function() {
//        $("#ikStapOverLink1").attr('src', 'Images/btn_ik_stap_over_hover.png')
//    }).mouseout(function() {
//        $("#ikStapOverLink1").attr('src', 'Images/btn_ik_stap_over.png')
//    });
//    $("#ikStapOverLink2").mouseover(function() {
//        $("#ikStapOverLink2").attr('src', 'Images/btn_ik_stap_over_hover.png')
//    }).mouseout(function() {
//        $("#ikStapOverLink2").attr('src', 'Images/btn_ik_stap_over.png')
//    });

    // ------------------------------------------------------
    // Click | jaarprijs tarieven links
    // ------------------------------------------------------
    $("#jaarprijsTarievenRechts").click(function() {
        if ($("#jaarprijsTarievenLinks").attr('src') == "Images/btn_jaarprijs.png") {
            $("#jaarprijsTarievenLinksDiv").hide();
            $("#jaarprijsTarievenRechtsDiv").hide();
            $("#jaarprijsTarievenLinks").attr('src', 'Images/btn_tarieven_hover.png');
            $("#jaarprijsTarievenRechts").attr('src', 'Images/btn_jaarprijs.png');
            $("#jaarprijsTarievenRechts").attr('alt', 'toon de jaarprijs')
            $("#jaarprijsTarievenLinksDiv").slideDown(750);
            $("#jaarprijsTarievenRechtsDiv").slideDown(750);
            $(".resultJaarprijs").hide();
            $(".resultTarieven").show();
            $(".resultTarievenStroomGas").slideDown(750);
            $(".resultTarievenDubbelGas").slideDown(750);
            $(".resultTarievenStroom").slideDown(750);
            $(".resultTarievenDubbel").slideDown(750);
            $(".resultTarievenGas").slideDown(750);
        }
        else {

            $("#jaarprijsTarievenLinksDiv").hide();
            $("#jaarprijsTarievenRechtsDiv").hide();
            $("#jaarprijsTarievenLinks").attr('src', 'Images/btn_jaarprijs_hover.png');
            $("#jaarprijsTarievenRechts").attr('src', 'Images/btn_tarieven.png');
            $("#jaarprijsTarievenRechts").attr('alt', 'toon de all-in tarieven')
            $("#jaarprijsTarievenLinksDiv").slideDown(750);
            $("#jaarprijsTarievenRechtsDiv").slideDown(750);
            $(".resultTarieven").hide();
            $(".resultTarievenStroomGas").hide();
            $(".resultTarievenDubbelGas").hide();
            $(".resultTarievenStroom").hide();
            $(".resultTarievenDubbel").hide();
            $(".resultTarievenGas").hide();
            $(".resultJaarprijs").slideDown(750);
        }
    });

    // ------------------------------------------------------
    // Mouseover | Jaarprijs | Tarieven
    // ------------------------------------------------------
    $("#jaarprijsTarievenRechts").mouseover(function() {

        var showJaarprijs = (($("#jaarprijsTarievenLinks").attr('src')).indexOf("btn_jaarprijs_hover") > 0);
        if (showJaarprijs) {
            $("#jaarprijsTarievenLinks").attr('src', 'Images/btn_jaarprijs.png');
            $("#jaarprijsTarievenRechts").attr('src', 'Images/btn_tarieven_hover.png');
        }
        var showTarieven = (($("#jaarprijsTarievenLinks").attr('src')).indexOf("btn_tarieven_hover") > 0);
        if (showTarieven) {
            $("#jaarprijsTarievenLinks").attr('src', 'Images/btn_tarieven.png');
            $("#jaarprijsTarievenRechts").attr('src', 'Images/btn_jaarprijs_hover.png');
        }
    }).mouseout(function() {
        var showJaarprijs = (($("#jaarprijsTarievenRechts").attr('src')).indexOf("btn_jaarprijs_hover") > 0);
        if (showJaarprijs) {
            $("#jaarprijsTarievenLinks").attr('src', 'Images/btn_tarieven_hover.png');
            $("#jaarprijsTarievenRechts").attr('src', 'Images/btn_jaarprijs.png');
        }
        var showTarieven = (($("#jaarprijsTarievenRechts").attr('src')).indexOf("btn_tarieven_hover") > 0);
        if (showTarieven) {
            $("#jaarprijsTarievenLinks").attr('src', 'Images/btn_jaarprijs_hover.png');
            $("#jaarprijsTarievenRechts").attr('src', 'Images/btn_tarieven.png');
        }
    });

    // ------------------------------------------------------
    // Tooltips
    // ------------------------------------------------------
    $("#tooltipTotaalprijsEnkeltarief").tooltip();
    $("#tooltipTotaalprijsHoogtarief").tooltip();
    $("#tooltipTotaalprijsLaagtarief").tooltip();
    $("#tooltipTotaalprijsGasTarief").tooltip();
    $("#tooltipStroometiket").tooltip();
    $("#tooltipGroenwaardering").tooltip();
    $("#tooltipPrestaties").tooltip();
    $("#tooltipFacturering").tooltip();
    $("#tooltipOpwekkingBronStroom").tooltip();
    $("#tooltipOpwekkingBronGas").tooltip();
    $("#tooltipGeldigheidPrijsStroom").tooltip();
    $("#tooltipGeldigheidPrijsGas").tooltip();
    $("#tooltipBoetebedragStroom").tooltip();
    $("#tooltipBoetebedragGas").tooltip();
}

// Show or hide | Contract
function ShowHideContract(animated) {
    if (showContract) {
        $("#contractHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#filterContractHeader").attr('title', 'verberg contract filter')
        $("#filterContractHeader img").attr('alt', 'verberg contract filter')
        if (animated) {
            $("#filterContractBody").slideDown();
        }
        else {
            $("#filterContractBody").show();
        }
    }
    else {
        $("#contractHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#filterContractHeader").attr('title', 'toon contract filter')
        $("#filterContractHeader img").attr('alt', 'toon contract filter')
        if (animated) {
            $("#filterContractBody").slideUp();
        }
        else {
            $("#filterContractBody").hide();
        }
    }
}

// Show or hide | Soort energie
function ShowHideSoortEnergie(animated) {
    if (showSoortEnergie) {
        $("#soortEnergieHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#filterSoortEnergieHeader").attr('title', 'verberg soort energie filter')
        $("#filterSoortEnergieHeader img").attr('alt', 'verberg soort energie filter')
        if (animated) {
            $("#filterSoortEnergieBody").slideDown();
        }
        else {
            $("#filterSoortEnergieBody").show();
        }
    }
    else {
        $("#soortEnergieHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#filterSoortEnergieHeader").attr('title', 'toon soort energie filter')
        $("#filterSoortEnergieHeader img").attr('alt', 'ton soort energie filter')
        if (animated) {
            $("#filterSoortEnergieBody").slideUp();
        }
        else {
            $("#filterSoortEnergieBody").hide();
        }
    }
}

// Show or hide | Een Factuur
function ShowHideEenFactuur(animated) {
    if (showEenFactuur) {
        $("#eenFactuurHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#filterEenFactuurHeader").attr('title', 'verberg één factuur filter')
        $("#filterEenFactuurHeader img").attr('alt', 'verberg één factuur filter')
        if (animated) {
            $("#filterEenFactuurBody").slideDown();
        }
        else {
            $("#filterEenFactuurBody").show();
        }
    }
    else {
        $("#eenFactuurHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#filterEenFactuurHeader").attr('title', 'toon één factuur filter')
        $("#filterEenFactuurHeader img").attr('alt', 'toon één factuur filter')
        if (animated) {
            $("#filterEenFactuurBody").slideUp();
        }
        else {
            $("#filterEenFactuurBody").hide();
        }
    }
}


// Show or hide | Telefoonkosten
function ShowHideTelefoonkosten(animated) {
    if (showTelefoonkosten) {
        $("#telefoonkostenHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#filterTelefoonkostenHeader").attr('title', 'verberg telefoonkosten filter')
        $("#filterTelefoonkostenHeader img").attr('alt', 'verberg telefoonkosten filter')
        if (animated) {
            $("#filterTelefoonkostenBody").slideDown();
        }
        else {
            $("#filterTelefoonkostenBody").show();
        }
    }
    else {
        $("#telefoonkostenHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#filterTelefoonkostenHeader").attr('title', 'toon telefoonkosten filter')
        $("#filterTelefoonkostenHeader img").attr('alt', 'toon telefoonkosten filter')
        if (animated) {
            $("#filterTelefoonkostenBody").slideUp();
        }
        else {
            $("#filterTelefoonkostenBody").hide();
        }
    }
}

// Show or hide | Prijs (soort tarief)
function ShowHidePrijs(animated) {
    if (showPrijs) {
        $("#prijsHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#filterPrijsHeader").attr('title', 'verberg soort tarief filter')
        $("#filterPrijsHeader img").attr('alt', 'verberg soort tarief filter')
        if (animated) {
            $("#filterPrijsBody").slideDown();
        }
        else {
            $("#filterPrijsBody").show();
        }
    }
    else {
        $("#prijsHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#filterPrijsHeader").attr('title', 'toon soort prijs filter')
        $("#filterPrijsHeader img").attr('alt', 'toon soort prijs filter')
        if (animated) {
            $("#filterPrijsBody").slideUp();
        }
        else {
            $("#filterPrijsBody").hide();
        }
    }
}

// Show or hide | Uw gegevens
function ShowHideUwGegevens(animated) {
    if (showUwGegevens) {
        $("#uwGegevensHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#uwGegevensHeader").attr('title', 'verberg uw gegevens')
        $("#uwGegevensHeader img").attr('alt', 'verberg uw gegevens')
        if (animated) {
            $("#uwGegevensBody").slideDown();
        }
        else {
            $("#uwGegevensBody").show();
        }
    }
    else {
        $("#uwGegevensHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#uwGegevensHeader").attr('title', 'toon uw gegevens')
        $("#uwGegevensHeader img").attr('alt', 'toon uw gegevens')
        if (animated) {
            $("#uwGegevensBody").slideUp();
        }
        else {
            $("#uwGegevensBody").hide();
        }
    }
}

// Show or hide | Totale kosten
function ShowHideTotaleKosten(animated) {
    if (showTotaleKosten) {
        $("#detailTotaleKostenHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#detailTotaleKostenHeader").attr('title', 'verberg totale kosten')
        $("#detailTotaleKostenHeader img").attr('alt', 'verberg totale kosten')
        if (animated) {
            $("#detailTotaleKostenBody").slideDown();
        }
        else {
            $("#detailTotaleKostenBody").show();
        }
    }
    else {
        $("#detailTotaleKostenHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#detailTotaleKostenHeader").attr('title', 'toon totale kosten')
        $("#detailTotaleKostenHeader img").attr('alt', 'toon totale kosten')
        if (animated) {
            $("#detailTotaleKostenBody").slideUp();
        }
        else {
            $("#detailTotaleKostenBody").hide();
        }
    }
}

// Show or hide | Totale kosten
function ShowHideKortOverzicht(animated) {
    if (showKortOverzicht) {
        $("#detailKortOverzichtHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#detailKortOverzichtHeader").attr('title', 'verberg kort overzicht')
        $("#detailKortOverzichtHeader img").attr('alt', 'verberg kort overzicht')
        if (animated) {
            $("#detailKortOverzichtBody").slideDown();
        }
        else {
            $("#detailKortOverzichtBody").show();
        }
    }
    else {
        $("#detailKortOverzichtHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#detailKortOverzichtHeader").attr('title', 'toon kort overzicht')
        $("#detailKortOverzichtHeader img").attr('alt', 'toon kort overzicht')
        if (animated) {
            $("#detailKortOverzichtBody").slideUp();
        }
        else {
            $("#detailKortOverzichtBody").hide();
        }
    }
}

// Show or hide | Specificatie
function ShowHideSpecificatie(animated) {
    if (showSpecificatie) {
        $("#detailSpecificatieHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#detailSpecificatieHeader").attr('title', 'verberg specificatie')
        $("#detailSpecificatieHeader img").attr('alt', 'verberg specificatie')
        if (animated) {
            $("#detailSpecificatieBody").slideDown();
        }
        else {
            $("#detailSpecificatieBody").show();
        }
    }
    else {
        $("#detailSpecificatieHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#detailSpecificatieHeader").attr('title', 'toon specificatie')
        $("#detailSpecificatieHeader img").attr('alt', 'toon specificatie')
        if (animated) {
            $("#detailSpecificatieBody").slideUp();
        }
        else {
            $("#detailSpecificatieBody").hide();
        }
    }
}

// Show or hide | Bijzonderheden
function ShowHideBijzonderheden(animated) {
    if (showBijzonderheden) {
        $("#detailBijzonderhedenHideShow").attr('src', 'Images/btn_filter_hide.png')
        $("#detailBijzonderhedenHeader").attr('title', 'verberg bijzonderheden')
        $("#detailBijzonderhedenHeader img").attr('alt', 'verberg bijzonderheden')
        if (animated) {
            $("#detailBijzonderhedenBody").slideDown();
        }
        else {
            $("#detailBijzonderhedenBody").show();
        }
    }
    else {
        $("#detailBijzonderhedenHideShow").attr('src', 'Images/btn_filter_show.png')
        $("#detailBijzonderhedenHeader").attr('title', 'toon bijzonderheden')
        $("#detailBijzonderhedenHeader img").attr('alt', 'toon bijzonderheden')
        if (animated) {
            $("#detailBijzonderhedenBody").slideUp();
        }
        else {
            $("#detailBijzonderhedenBody").hide();
        }
    }
}