function Initialiseer(nummer, taalId) {
    Selecteer(nummer, 0, taalId, '', '', '');
}

function busyblock(selectie, taalid) {
    var txt = ""
    switch (taalid) {
        case 1:
        case 3:
            txt = "Artikel wordt aan winkelwagen toegevoegd...";
            break;
        case 2:
            txt = "Article added to cart..."
            break;
        case 4:
        case 5:
            txt = "L'article ajouté au panier ...";
            break;
        default:
    }
    $(selectie).block({
        message: '<table><tr><td><img src="' + $("#apppath").html() + '/images/loading.gif"/></td><td><h1>' + txt + '</h1></td></tr></table>',
        css: { width: '100%', height: '100%', backgroundColor: '#FFF', opacity: 0.7, border: '3px none #aaa' },
        overlayCSS: { backgroundColor: '#FFF', opacity: 0.6 }


    });
}

function InWinkelwagen(profileID, taalId) {
    //Artikel toevoegen en MijnWinkelwagenControl bijwerken
    busyblock(".productdetailpanel", taalId);
    Winkelwagen.WinkelwagenToevoegen(profileID, document.getElementById("artikelnummer").innerHTML, taalId, 1, CallBackMijnWinkelWagen);
}

function SnelBestellen(profileID, taalId) {
    //Artikel toevoegen en naar winkelwagen pagina

    Winkelwagen.WinkelwagenToevoegen(profileID, document.getElementById("artikelnummer").innerHTML, taalId, 1, CallBackInWinkelWagen);
}

function InWinkelwagenGroep(profileID, taalId, artikelnummer) {
    busyblock(".busy" + artikelnummer, taalId);
    Winkelwagen.WinkelwagenToevoegen(profileID, artikelnummer, taalId, $(".lol" + artikelnummer + " :selected").text(), CallBackMijnWinkelWagen);
}

function WijzigWinkelwagen(profileID, taalId) {
    //originele artikel verwijderen, nieuw artikel toevoegen, overlay sluiten en winkelwagen herladen
    //Winkelwagen.WinkelwagenVerwijderen(profileID, $('#orgineelartikelnummer').html(), taalId)
    Winkelwagen.WinkelwagenWijzigen(profileID, $('#orgineelartikelnummer').html(), document.getElementById("artikelnummer").innerHTML, taalId, 1, CallBackGaNaarWinkelWagen);
}

var blocking;
function InWagenOnderdeel(profileID, taalId, nummer) {
    blocking = ".ib" + nummer;
    busyblock(".ib" + nummer, taalid);
    Winkelwagen.WinkelwagenToevoegen(profileID, nummer, taalId, $(".lol" + nummer + " :selected").text(), CallBackInWagenOnderdeel);
}

function CallBackInWagenOnderdeel(result) {

    GetContentMijnWinkelwagen();
    ShowDetailsMijnWinkelwagen();
    $(blocking).unblock();
    /* if (last_nummer != null) {
    Selecteer(last_nummer, last_gerelateerdArtNummer, last_taalId, last_kleur, last_afmeting, last_materiaal);
    }*/

}

function CallBackMijnWinkelWagen(result) {
    GetContentMijnWinkelwagen();
    ShowDetailsMijnWinkelwagen();
    $(".productpanelshop").unblock();
    $(".productdetailpanel").unblock();

    if (last_nummer != null) {
        Selecteer(last_nummer, last_gerelateerdArtNummer, last_taalId, last_kleur, last_afmeting, last_materiaal);
    }
}

function CallBackInWinkelWagen(result) {
    window.location = result;

}

function CallBackGaNaarWinkelWagen(result) {
    //TODO overlay sluiten?
    window.location = result;
}

function SelectOnGerelateerdArtikelNummer(gerelateerdArtikelNummer, taalId) {
    var kleur = $('.ddlKleur').val();
    var afmeting = $('.ddlAfmeting').val();
    var materiaal = $('.ddlMateriaal').val();

    if (kleur == null) {
        kleur = $('.lblKleur').html();
    }
    if (afmeting == null) {
        afmeting = $('.lblAfmetingen').html();
    }
    if (materiaal == null) {
        materiaal = $('.lblMateriaal').html();
    }
    Selecteer(0, gerelateerdArtikelNummer, taalId, kleur, afmeting, materiaal);
}


var last_nummer;
var last_gerelateerdArtNummer;
var last_taalId;
var last_kleur;
var last_afmeting;
var last_materiaal;

function Selecteer(nummer, gerelateerdArtNummer, taalId, kleur, afmeting, materiaal) {
    var inWebShop = true;

    last_nummer = nummer;
    last_gerelateerdArtNummer = gerelateerdArtNummer;
    last_taalId = taalId;
    last_kleur = kleur;
    last_afmeting = afmeting;
    last_materiaal = materiaal;


    try {
        var x = document.getElementById("divOnlineVerkrijgbaar");
        if (x) {
            inWebShop = false;
        }
    }
    catch (Error) {
    }


    var wsUrl = '';  //"http://localhost/LeenBakker/Website2009/webservice/Producten.asmx/GetProduct";
    try {
        wsUrl = document.getElementById("spanWsUrl").innerHTML;
    }
    catch (Error) {
        alert(Error);
        alert("Webservice url not found. Can't continue");
    }


    $.post(
        wsUrl,
        { artikelNummer: nummer, taalId: taalId, gerelateerdArtikelNummer: gerelateerdArtNummer, selectieAfmetingen: afmeting, selectieKleur: kleur, selectieMateriaal: materiaal, webShop: inWebShop },
        function(xml) {

            var protocol = document.location.protocol;

            if (nummer == 0) {
                nummer = $(xml).find('nummer:first').text();
            }

            //titel
            var titelinfopos = document.getElementsByTagName("h1").item(0).innerHTML.toLowerCase().indexOf("<div");
            if (titelinfopos == -1) {
                document.getElementsByTagName("h1").item(0).innerHTML = $(xml).find("titel:first").text();
            }
            else {
                document.getElementsByTagName("h1").item(0).innerHTML = $(xml).find("titel:first").text() + document.getElementsByTagName("h1").item(0).innerHTML.substring(titelinfopos)
            }

            if ($('.ddlKleur').css("display") == "none" && $('.ddlAfmeting').css("display") == "none" && $('.ddlMateriaal').css("display") == "none") {

                //pijl uitzetten bij vorige product
                if (document.getElementById("artikelnummer").innerHTML != 0) {
                    document.getElementById("pnlFotoPijl" + document.getElementById("artikelnummer").innerHTML).className = "fotopijl";
                }

                //pijl bij geselecteerd product aanzetten
                document.getElementById("pnlFotoPijl" + nummer).className = "fotopijl_actief";
            }
            //artikelnummer vullen met huidig artikelnummer
            document.getElementById("artikelnummer").innerHTML = nummer;
            //afbeelding
            document.getElementById("imgFotoproduct").src = $(xml).find("fotoM:first").text().replace("http:", protocol);
            if ($(xml).find("fotoL:first").text() != "") {
                try {
                    document.getElementById("lnkFotoGroot").href = $(xml).find("fotoL:first").text(); // +"?KeepThis=true&TB_iframe=true&height=600&width=800";
                    $("a#lnkFotoGroot").fancybox();
                    document.getElementById("panVergroten").style.display = "block";
                }
                catch (Error) { }
            }
            else {
                //geen grote foto, dan geen vergrootglas
                $("#panVergroten").hide();
            }

            //actielogo
            if ($(xml).find("actielogo:first").text() != "") {
                document.getElementById("imgActieLogo").src = $(xml).find("actielogo:first").text().replace("http:", protocol); ;
                document.getElementById("imgActieLogo").alt = $(xml).find("actielogotitel:first").text();
                document.getElementById("imgActieLogo").style.display = "block";
            }
            else {
                document.getElementById("imgActieLogo").style.display = "none";
            }

            //kenmerken tonen
            if ($(xml).find("kleur:first").text() != "" && $('.ddlKleur').css("display") == "none") {
                $('.lblKleur').html($(xml).find("kleur:first").text());
                $('.lblKleur').show();
            }
            else {
                $('.lblKleur').hide();
            }
            if ($(xml).find("materiaal:first").text() != "" && $('.ddlMateriaal').css("display") == "none") {
                $('.lblMateriaal').html($(xml).find("materiaal:first").text());
                $('.lblMateriaal').show();
            }
            else {
                $('.lblMateriaal').hide();
            }
            if ($(xml).find("afmetingen:first").text() != "" && $('.ddlAfmeting').css("display") == "none") {
                $('.lblAfmetingen').html($(xml).find("afmetingen:first").text());
                $('.lblAfmetingen').show();
            }
            else {
                $('.lblAfmetingen').hide();
            }

            //prijs tonen
            //aanbiedingsprijs alleen tonen indien gevuld
            if ($(xml).find("aanbieding2:first").text() != "0,00") {
                document.getElementById("lblPrijs").innerHTML = $(xml).find("aanbieding2:first").text();
                document.getElementById("lblPrijs").style.display = "inline";
                //prijs alleen tonen indien gevuld
                if ($(xml).find("prijs:first").text() != "0,00") {
                    document.getElementById("lblStreepprijs").innerHTML = $(xml).find("prijs:first").text() + "<br>";
                    document.getElementById("lblStreepprijs").style.display = "inline";
                    document.getElementById("lblPrijs").style.display = "inline";
                }
                else {
                    document.getElementById("lblStreepprijs").style.display = "none";
                    document.getElementById("lblPrijs").style.display = "none";
                }
            }
            //aanbiedingsprijs tonen indien gevuld en afwijkend van prijs
            else if ($(xml).find("aanbieding:first").text() != "0,00" && $(xml).find("aanbieding:first").text() != $(xml).find("prijs:first").text()) {
                document.getElementById("lblPrijs").innerHTML = $(xml).find("aanbieding:first").text().replace(/,00/, ",-");
                document.getElementById("lblPrijs").style.display = "inline";
                //prijs alleen tonen indien gevuld
                if ($(xml).find("prijs:first").text() != "0,00") {
                    document.getElementById("lblStreepprijs").innerHTML = $(xml).find("prijs:first").text().replace(/,00/, ",-") + "<br>";
                    document.getElementById("lblStreepprijs").style.display = "inline";
                    document.getElementById("lblPrijs").style.display = "inline";
                }
                else {
                    document.getElementById("lblStreepprijs").style.display = "none";
                    document.getElementById("lblPrijs").style.display = "none";
                }
            }
            else {
                document.getElementById("lblStreepprijs").style.display = "none";
                document.getElementById("lblPrijs").style.display = "inline";
                //prijs alleen tonen indien gevuld
                if ($(xml).find("prijs:first").text() != "0,00") {
                    document.getElementById("lblPrijs").innerHTML = $(xml).find("prijs:first").text().replace(/,00/, ",-");
                    document.getElementById("lblPrijs").style.display = "inline";
                }
                else {
                    document.getElementById("lblPrijs").style.display = "none";
                }
            }

            //Online verkrijgbaar?
            if (inWebShop == false) {
                if ($(xml).find("niet:first").text() == "true" && $(xml).find("online:first").text().toLowerCase() == "true") {
                    document.getElementById("divOnlineVerkrijgbaar").style.display = "none";
                    document.getElementById("divTijdelijkNiet").style.display = "inline";
                }
                else if ($(xml).find("online:first").text().toLowerCase() == "true") {
                    document.getElementById("divOnlineVerkrijgbaar").style.display = "inline";
                    document.getElementById("divTijdelijkNiet").style.display = "none";
                }
                else {
                    document.getElementById("divOnlineVerkrijgbaar").style.display = "none";
                }
            }

            //In winkelwagen?
            if (inWebShop == true) {
                if ($(xml).find("niet:first").text() == "true") {
                    document.getElementById("divInWinkelwagen").style.display = "none";
                    document.getElementById("divTijdelijkNiet2").style.display = "inline";
                }
                else {
                    document.getElementById("divInWinkelwagen").style.display = "inline";
                    document.getElementById("divTijdelijkNiet2").style.display = "none";
                }
            }

            //Tabje Info openen bij wijzigen artikel
            SelecteerTab('Info');

            //Extra omschrijving tonen op tabje info
            document.getElementById("lblTekst").innerHTML = $(xml).find("tekst:first").text();

            var logos = $(xml).find("logos:first").text().split("|");
            var logoimages = "";
            for (i = 0; i < logos.length; i++) {
                if (logos[i] != "") {
                    logoimages = logoimages + "<img src='" + logos[i] + "' />&nbsp;";
                }
            }
            if (logoimages != "") {
                document.getElementById("lblLogos").innerHTML = "<br/><br/>" + logoimages;
            }
            else {
                document.getElementById("lblLogos").innerHTML = "";
            }

            //Tabje Bijpassend bijwerken met woonprogramma's
            var metBijpassend = false;

            try {
                var x = document.getElementById("bijpassendtitel");
                if (x) {
                    metBijpassend = true;
                }
            }
            catch (Error) {
            }

            if ($(xml).find("Woonprogrammas").text() == "") {
                //tabje Woonprogramma's verbergen indien er geen bijpassende producten zijn
                if (metBijpassend == false) {
                    document.getElementById("ctl00_ctl00_cphMasterMain_cphVervolgContent_panTabBijpassend").style.display = "none";
                }
                document.getElementById("divWoonprogrammas").style.display = "none";
            }
            else {
                document.getElementById("ctl00_ctl00_cphMasterMain_cphVervolgContent_panTabBijpassend").style.display = "block";
                document.getElementById("divWoonprogrammas").style.display = "block";

                var vervolgProg = false;

                //alle vervolgpanels met Woonprogrammas verwijderen voor inlezen artikel
                $(".woonprogrammavervolg").remove();

                //doorloop alle Woonprogrammas in xml
                $(xml).find("Woonprogrammas > XmlProduct").each(function() {
                    if (vervolgProg) {
                        //bij meer dan 1 Woonprogramma een clone maken
                        $("#panWoonprogramma").clone().insertAfter("#panWoonprogramma");
                        document.getElementById("panWoonprogramma").className = "woonprogrammavervolg";
                    }
                    document.getElementById("titelWoonprogramma").innerHTML = $(this).find("titel").text();
                    document.getElementById("imgWoonprogramma").src = $(this).find("fotoM").text();
                    if (inWebShop == false) {
                        document.getElementById("lnkMeerWoonprogramma").href = $(this).find("urlassortiment").text();
                    }
                    else {
                        document.getElementById("lnkMeerWoonprogramma").href = $(this).find("urlshop").text();
                    }

                    vervolgProg = true;
                })
            }

            //Tabje Sets bijwerken
            if ($(xml).find("Sets").text() == "") {
                //tabje Sets verbergen
                $('.panTabSets').hide();
            }
            else {
                $('.panTabSets').show();
                var vervolgSet = false;
                //alle vervolgpanels met sets verwijderen voor inlezen artikel
                $(".setproductdetailpanelborder").remove();

                //doorloop alle sets in xml
                $(xml).find("Sets > XmlProduct").each(function() {
                    if (vervolgSet) {
                        //bij meer dan 1 set een clone maken en voorzien van bovenrand
                        $("#panSet").clone().insertAfter("#panSet");
                        document.getElementById("panSet").className = "setproductdetailpanelborder";
                    }
                    document.getElementById("lblSetTitel").innerHTML = "<h3>" + $(this).find("titel").text() + "</h3>";
                    document.getElementById("lblSetMateriaal").innerHTML = $(this).find("materiaal").text();
                    document.getElementById("lblSetMateriaal").style.display = "block";
                    document.getElementById("lblSetKleur").innerHTML = $(this).find("kleur").text();
                    document.getElementById("lblSetKleur").style.display = "block";
                    document.getElementById("lblSetAfmetingen").innerHTML = $(this).find("afmetingen").text();
                    document.getElementById("lblSetAfmetingen").style.display = "block";
                    document.getElementById("imgSetFotoproduct").src = $(this).find("fotoM").text();
                    if (inWebShop == false) {
                        document.getElementById("lnkMeer").href = $(this).find("urlassortiment").text();
                        document.getElementById("lnkMeer2").href = $(this).find("urlassortiment").text();
                    }
                    else {
                        document.getElementById("lnkMeer").href = $(this).find("urlshop").text();
                        document.getElementById("lnkMeer2").href = $(this).find("urlshop").text();
                    }

                    //prijs tonen
                    //aanbiedingsprijs alleen tonen indien gevuld
                    if ($(this).find("aanbieding2").text() != "0,00") {
                        document.getElementById("lblSetPrijs").innerHTML = $(this).find("aanbieding2").text();
                        document.getElementById("lblSetPrijs").style.display = "inline";
                        //prijs alleen tonen indien gevuld
                        if ($(this).find("prijs").text() != "0,00") {
                            document.getElementById("lblSetStreepprijs").innerHTML = $(this).find("prijs").text() + "<br>";
                            document.getElementById("lblSetStreepprijs").style.display = "inline";
                            document.getElementById("lblSetPrijs").style.display = "inline";
                        }
                        else {
                            document.getElementById("lblSetStreepprijs").style.display = "none";
                            document.getElementById("lblSetPrijs").style.display = "none";
                        }
                    }
                    //aanbiedingsprijs tonen indien gevuld en afwijkend van prijs
                    else if ($(this).find("aanbieding").text() != "0,00" && $(this).find("aanbieding").text() != $(this).find("prijs").text()) {
                        document.getElementById("lblSetPrijs").innerHTML = $(this).find("aanbieding").text().replace(/,00/, ",-");
                        document.getElementById("lblSetPrijs").style.display = "inline";
                        //prijs alleen tonen indien gevuld
                        if ($(this).find("prijs").text() != "0,00") {
                            document.getElementById("lblSetStreepprijs").innerHTML = $(this).find("prijs").text().replace(/,00/, ",-") + "<br>";
                            document.getElementById("lblSetStreepprijs").style.display = "inline";
                            document.getElementById("lblSetPrijs").style.display = "inline";
                        }
                        else {
                            document.getElementById("lblSetStreepprijs").style.display = "none";
                            document.getElementById("lblSetPrijs").style.display = "none";
                        }
                    }
                    else {
                        document.getElementById("lblSetStreepprijs").style.display = "none";
                        document.getElementById("lblSetPrijs").style.display = "inline";
                        //prijs alleen tonen indien gevuld
                        if ($(this).find("prijs").text() != "0,00") {
                            document.getElementById("lblSetPrijs").innerHTML = $(this).find("prijs").text().replace(/,00/, ",-");
                            document.getElementById("lblSetPrijs").style.display = "inline";
                        }
                        else {
                            document.getElementById("lblSetPrijs").style.display = "none";
                        }
                    }

                    //actielogo
                    if ($(this).find("actielogo").text() != "") {
                        document.getElementById("imgSetActieLogo").src = $(this).find("actielogo").text(); ;
                        document.getElementById("imgSetActieLogo").alt = $(this).find("actielogotitel").text();
                        document.getElementById("imgSetActieLogo").style.display = "block";
                    }
                    else {
                        document.getElementById("imgSetActieLogo").style.display = "none";
                    }

                    vervolgSet = true;
                })
            }

            //Onderdelen combi
            if ($(xml).find("Onderdelen").text() == "") {
                //overzicht onderdelen verbergen
                document.getElementById("panSetOverzicht").style.display = "none";
            }
            else {

                var vervolgSet = false;
                //alle vervolgpanels met onderdelen verwijderen voor inlezen artikel
                $(".vervolgonderdeel").remove();


                $(xml).find("Onderdelen > XmlProduct").each(function() {


                    var htmlId = "ib" + $(this).find("nummer").text();
                    var nummer = $(this).find("nummer").text();
                    //alert(htmlId);

                    $("#panOnderdelen").clone().insertBefore("#panOnderdelen").attr("id", htmlId);

                    $("#" + htmlId).addClass(htmlId);
                    $("#" + htmlId).addClass("vervolgonderdeel");
                    $("#" + htmlId).css("display", "block");
                    //alert($(".xx .xxx").attr("id"));
                    $("." + htmlId + " .imgOnderdeel").attr("src", $(this).find("fotoS").text());
                    $("." + htmlId + " .lblOnderdeelMateriaal").html($(this).find("materiaal").text());
                    $("." + htmlId + " .lblOnderdeelMateriaal").css("display", "block");
                    $("." + htmlId + " .lblOnderdeelKleur").html($(this).find("kleur").text());
                    $("." + htmlId + " .lblOnderdeelKleur").css("display", "block");
                    $("." + htmlId + " .lblOnderdeelAfmetingen").html($(this).find("afmetingen").text());
                    $("." + htmlId + " .lblOnderdeelAfmetingen").css("display", "block");
                    $("." + htmlId + " .hlProductTitel").html($(this).find("titel").text());
                    if (inWebShop == false) {
                        $("." + htmlId + " .hlProductTitel").attr("href", $(this).find("urlassortiment").text());
                        $("." + htmlId + " .lnkOnderdeelMeer").attr("href", $(this).find("urlassortiment").text());
                        $("." + htmlId + " .lnkProductFoto").attr("href", $(this).find("urlassortiment").text());
                    }
                    else {
                        $("." + htmlId + " .hlProductTitel").attr("href", $(this).find("urlshop").text());
                        $("." + htmlId + " .lnkOnderdeelMeer").attr("href", $(this).find("urlshop").text());
                        $("." + htmlId + " .lnkProductFoto").attr("href", $(this).find("urlshop").text());
                    }

                    //prijs tonen
                    //aanbiedingsprijs alleen tonen indien gevuld
                    if ($(this).find("aanbieding2").text() != "0,00") {

                        $("." + htmlId + " .lblprijs").html($(this).find("aanbieding2").text().replace(/,00/, ",-"));
                        $("." + htmlId + " .lblprijs").css("display", "inline");

                        //prijs alleen tonen indien gevuld
                        if ($(this).find("prijs").text() != "0,00") {
                            $("." + htmlId + " .lblstreepprijs").html($(this).find("prijs").text().replace(/,00/, ",-"));
                            $("." + htmlId + " .lblstreepprijs").css("display", "inline");

                        }
                        else {
                            $("." + htmlId + " .lblstreepprijs").css("display", "none");


                        }
                    }
                    //aanbiedingsprijs tonen indien gevuld en afwijkend van prijs
                    else if ($(this).find("aanbieding").text() != "0,00" && $(this).find("aanbieding").text() != $(this).find("prijs").text()) {

                        $("." + htmlId + " .lblprijs").html($(this).find("aanbieding").text().replace(/,00/, ",-"));
                        $("." + htmlId + " .lblprijs").css("display", "inline");

                        //prijs alleen tonen indien gevuld
                        if ($(this).find("prijs").text() != "0,00") {
                            $("." + htmlId + " .lblstreepprijs").html($(this).find("prijs").text().replace(/,00/, ",-"));
                            $("." + htmlId + " .lblstreepprijs").css("display", "inline");


                        }
                        else {
                            $("." + htmlId + " .lblstreepprijs").css("display", "none");

                        }
                    }
                    else {
                        $("." + htmlId + " .lblstreepprijs").css("display", "none");
                        $("." + htmlId + " .lblprijs").css("display", "inline");

                        //prijs alleen tonen indien gevuld
                        if ($(this).find("prijs").text() != "0,00") {

                            $("." + htmlId + " .lblprijs").html($(this).find("prijs").text().replace(/,00/, ",-"));
                            $("." + htmlId + " .lblprijs").css("display", "inline");

                        }
                        else {
                            $("." + htmlId + " .lblprijs").css("display", "none");
                        }
                    }

                    //geef select voor aantal een class, zodat aantal uitgelezen kan worden
                    $("." + htmlId + " .selAantal").addClass("lol" + nummer);

                    if (inWebShop == false) {
                        //in assortiment aantal en knop niet tonen
                        $("." + htmlId + " .panOnderdeelAantal").css("display", "none");

                        //evt wel link naar online shop tonen
                        if (($(this).find("online").text().toLowerCase() == "true") && ($(this).find("niet").text().toLowerCase() == "false")) {
                            $("." + htmlId + " .panOnderdeelInShop").css("display", "block");
                            $("." + htmlId + " .lnkInShop").attr("href", $(this).find("urlshop").text());
                        }
                        else {
                            $("." + htmlId + " .panOnderdeelInShop").css("display", "none");
                        }
                    }
                    else {
                        if ($(this).find("online").text().toLowerCase() == "false") {
                            //artikel niet online verkrijgbaar
                            $("." + htmlId + " .panOnderdeelAantal").css("display", "none");
                            $("." + htmlId + " .panOnderdeelInShop").css("display", "none");
                        }
                        else {
                            if ($(this).find("niet").text().toLowerCase() == "true") {
                                //tijdelijk niet verkrijgbaar
                                $("." + htmlId + " .panNietleverbaarknop").css("display", "block");
                                $("." + htmlId + " .panOnderdeelAantal").css("display", "none");
                                $("." + htmlId + " .panOnderdeelInShop").css("display", "none");
                            }
                            else {
                                $("." + htmlId + " .panOnderdeelAantal").css("display", "block");
                                $("." + htmlId + " .panWinkelknop").css("display", "block");
                                $("." + htmlId + " .panOnderdeelInShop").css("display", "none");

                                //dit werkt niet $("." + htmlId).attr("onclick", InWagenOnderdeelWithOutParam);
                                //De functie InWagenOnderdeelWithOutParam wordt vooraf al toegekend.
                                $("." + htmlId + " .imgWinkelknop").data("nummer", $(this).find("nummer").text());
                                $("." + htmlId + " .imgWinkelknop").data("answer", document.getElementById("answer").innerHTML);


                            }
                        }
                    }

                    document.getElementById("panSetOverzicht").style.display = "block";

                    vervolgSet = true;
                });

                $("#panOnderdelen").css("display", "none");

                $(".imgWinkelknop").each(function() {
                    //alert('x');
                    this.onclick = InWagenOnderdeelWithOutParam;
                });
            }
        }, 'xml'
    );

}

function InWagenOnderdeelWithOutParam() {
    InWagenOnderdeel($(this).data("answer"), $("#taalid").html(), $(this).data("nummer"));
}

function SelecteerTab(naam) {
    if (naam != "Info" && $('.panTabInfo').length) {
        //Info tabje uitzetten
        document.getElementById("divInfo").style.display = "none";
        document.getElementById("tablinksInfo").className = "tab_inactief_links";
        document.getElementById("tabInfo").className = "tab_inactief";
        document.getElementById("lbTabInfo").className = "tabtitel_inactief";
        document.getElementById("tabrechtsInfo").className = "tab_inactief_rechts";
    }
    if (naam != "Bijpassend" && $('.panTabBijpassend').length) {
        //Bijpassend tabje uitzetten
        document.getElementById("divBijpassend").style.display = "none";
        document.getElementById("tablinksBijpassend").className = "tab_inactief_links";
        document.getElementById("tabBijpassend").className = "tab_inactief";
        document.getElementById("lbTabBijpassend").className = "tabtitel_inactief";
        document.getElementById("tabrechtsBijpassend").className = "tab_inactief_rechts";
    }
    if (naam != "Sets" && $('.panTabSets').length) {
        //Sets tabje uitzetten
        document.getElementById("divSets").style.display = "none";
        document.getElementById("tablinksSets").className = "tab_inactief_links";
        document.getElementById("tabSets").className = "tab_inactief";
        document.getElementById("lbTabSets").className = "tabtitel_inactief";
        document.getElementById("tabrechtsSets").className = "tab_inactief_rechts";
    }

    //Gekozen tabje aanzetten
    document.getElementById("div" + naam).style.display = "block";

    // Hack ivm IE6 issue. 
    // Zonder hack is layout slecht...
    if (naam == "Bijpassend" && $.browser.msie && $.browser.version <= 6) {

        if ($(".bijpassendpanel").length == 2) {

            $(".pnSubcategorie_empty").css('height', '1px');

        }
        else {
            $(".pnSubcategorie_empty").css('display', 'none');
        }
    }
    else {
        $(".pnSubcategorie_empty").css('display', 'none');
    }
    // Einde hack

    document.getElementById("tablinks" + naam).className = "tab_actief_links";
    document.getElementById("tab" + naam).className = "tab_actief";
    document.getElementById("lbTab" + naam).className = "tabtitel_actief";
    document.getElementById("tabrechts" + naam).className = "tab_actief_rechts";
}

function GetContentMijnWinkelwagen() {
    var url = $("#datahandler").text();
    $.getJSON(url + "?actie=winkelwagen", "dummy", ShowContentMijnWinkelwagen);
}

function ShowContentMijnWinkelwagen(result) {

    var aantal = result.VerschillendeArtikelen;
    $('#lbMijnWinkelwagenAantal').text(' (' + result.AantalArtikelen + ')');
    $('#lbMijnWinkelwagenBedrag').text(result.BedragArtikelen);

    $('.winkelwagenaantal').text(result.AantalArtikelen);
    $(".WWvervolg").remove();
    if (aantal == 0) {
        HideDetailsMijnWinkelwagen();
    }
    if (aantal > 0) {
        var vervolg = false;

        //$(".WWvervolg").remove();

        for (i = 0; i <= aantal - 1; i++) {

            var htmlId = "mwib" + result.Artikelen[i].ArtikelData.Artikelnummer;

            //if (vervolg) {
            //bij meer dan 1 Artikel een clone maken
            $("#pnlWWArtikel").clone().insertBefore("#pnlWWArtikel").attr("id", htmlId);
            //document.getElementById("pnlWWArtikel").className = "";
            //}

            $("#" + htmlId).addClass(htmlId);
            $("#" + htmlId).addClass("WWvervolg");
            $("#" + htmlId).css("display", "block");

            $('.' + htmlId + ' .imgWWArtikelFoto').attr("src", result.Artikelen[i].ArtikelData.Afbeelding);
            var patt = new RegExp("Landscape");
            if (patt.test(result.Artikelen[i].ArtikelData.Afbeelding)) {
                $('.' + htmlId + ' .imgWWArtikelFoto').attr("style", "width:50px;");
            }
            else {
                $('.' + htmlId + ' .imgWWArtikelFoto').attr("style", "height:40px;");
            }
            $('.' + htmlId + ' .lbWWArtikelTitel').text(result.Artikelen[i].ArtikelData.Naam);
            $('.' + htmlId + ' .lbWWArtikelAantal').text(result.Artikelen[i].ArtikelData.Aantal + "x");
            $('.' + htmlId + ' .lbWWArtikelPrijs').text(result.Artikelen[i].TotaalPrijs);

            $('.' + htmlId + ' .btnWWArtikelVerwijderen').data("nummer", result.Artikelen[i].ArtikelData.Artikelnummer);

            vervolg = true;
        }

        $(".btnWWArtikelVerwijderen").each(function() {
            //alert('x');
            this.onclick = VerwijderMijnWinkelwagen;
        });
    }
}

function VerwijderMijnWinkelwagen() {
    var url = $("#datahandler").text();
    var nummer = $(this).data("nummer");

    // De string "dummy" dient als dummy data... op de een of andere manier wordt de callback anders als data gezien....
    $.getJSON(url + "?actie=verwijder&artikel=" + nummer, "dummy", ShowContentMijnWinkelwagen);
}

function ShowDetailsMijnWinkelwagen() {

    $('.MijnWinkelwagenArtikelenPanel').show();
    $('#MijnWinkelwagenToonDetailsLink').hide();
    $('#MijnWinkelwagenVerbergDetailsLink').show();
}

function HideDetailsMijnWinkelwagen() {
    $('.MijnWinkelwagenArtikelenPanel').hide();
    $('#MijnWinkelwagenToonDetailsLink').show();
    $('#MijnWinkelwagenVerbergDetailsLink').hide();
}