var pagina = 1;
        var aantal = 30;
        var aantalTotaal = 0;
        var pages = 0;
        var orderby = 'Nieuw';
        
//        $(document).ready(function() {
//            pagina = 1;
//            $(this).toonboeken({ pag: pagina, orderBy: orderby });
//        });

        function sortering(volgens) {
            orderby = volgens;
            pagina = 1;
            $(this).toonboeken({ pag: pagina, orderBy: orderby });
        }
        
        function volgende(plusmin) {
            if (plusmin == "plus") {
                if (pagina >= pages)
                    pagina = pages;
                else
                    pagina++;
            }
            else {
                if (pagina <= 1)
                    pagina = 1;
                else
                    pagina--;
            }

            
            $("#volgende").attr("href", "#" + pagina);
            $("#vorige").attr("href", "#" + pagina);
            $("#volgendeOnder").attr("href", "#" + pagina);
            $("#vorigeOnder").attr("href", "#" + pagina);

            $(this).toonboeken({ pag: pagina, orderBy: orderby });
        }

        jQuery.fn.toonboeken = function () {
            if (wat == 'genre' || wat == 'Nieuw' || ((wat == 'LezerBoeken' || wat == 'LezerReacties' || wat == 'LezerScores') && sID == 'ja')) {
                $("#boekennav").addClass('laag');
            }
            else {
                $("#boekennav").addClass('hoog');
            }

            var args = arguments[0] || {};
            var pag = args.pag;
            var sort = args.orderBy
            var van = ((pag - 1) * aantal) + 1;
            var j = 0;
            var grijs = ''; var str = ''
            //            alert(wat);
            //            alert(ID);
            //            alert(sort);
            //            alert(van);
            //            alert(aantal);
            $.ajax({
                type: "POST",
                url: "webservices/boeken.asmx/boekengrid",
                data: "{'wat':'" + wat + "', 'ID':'" + ID + "', 'orderBy':'" + sort + "', 'van':'" + van + "', aantal:'" + aantal + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var data = eval('(' + result.d + ')');
                    var div = $('#boekengrid')
                    div.empty();

                    str = '<tr><th width="180">&nbsp;</th><th width="200"><a class="zwart" onclick="sortering(\'Titel\');" href="#">Titel</a></th><th width="147"><a class="zwart" onclick="sortering(\'Auteur\');" href="#">Auteur</a></th>';

                    if ((wat.match('Lezer') != null))
                        str += '<th width="40" align="center"><a class="zwart" onclick="sortering(\'Score\');" href="#">Score</a></th><th width="105">&nbsp;</th></tr>';
                    else
                        str += '<th width="145"><a class="zwart" onclick="sortering(\'Lezer\');" href="#">Lezer</a></th></tr>';

                    div.append(str);
                    div.append('<tr><th colspan="' + ((wat.match('Lezer') != null) ? '5' : '4') + '"><hr></th></tr>');
                    var i = 0, html = '', cover = '', titel = '', auteur = '', lezer = '', veldbegin = '', rijbegin = '', rij = '';
                    var lijntje = '<tr><td><hr /></td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
                    $.each(data, function (entryIndex, entry) {
                        i++;
                        j++;
                        if (i == 1) {
                            cover = '<tr><td width="192" rowspan="3">';
                        }

                        // cover += '<a href="?BoekID=' + entry['BoekID'] + '"><img alt="' + entry['BoekTitel'] + '" src="images/boeken/' + entry['BoekCover'] + '" /></a>';
                        if (entry['BoekCover'] == '') {
                            //    cover += '<a href="?BoekID=' + entry['BoekID'] + '"><img  src="http://localhost/iedereenleest/webservices/boekcover.ashx" /></a>';
                            //                            $.ajax({
                            //                                type: "POST",
                            //                                url: "webservices/boekcover.ashx",
                            //                                //data: "{'wat':'" + wat + "', 'ID':'" + ID + "', 'orderBy':'" + sort + "', 'van':'" + van + "', aantal:'" + aantal + "'}",
                            //                                dataType: "html",
                            //                                success: function (result) {
                            //                                    alert(result);
                            //                                    
                            //                                    cover += '<a href="?BoekID=' + entry['BoekID'] + '"><img alt="' + entry['BoekTitel'] + '" src="' + result + '" /></a>';
                            //                                },
                            //                                error: function (xhr) {
                            //                                    // alert()s the HTML of msg.aspx 
                            //                                    alert(xhr.responseText);
                            //                                }
                            //                            });
                            cover += '<a href="?BoekID=' + entry['BoekID'] + '"><img alt="' + entry['BoekTitel'] + '" src="images/boeken/nocover.gif" /></a>';
                        }
                        else {
                            cover += '<a href="?BoekID=' + entry['BoekID'] + '"><img alt="' + entry['BoekTitel'] + '" src="images/boeken/' + entry['BoekCover'] + '" /></a>';
                        }
                        if (i == 2 || i == 3) {
                            rij += '<tr>';
                        }

                        if (j % 2 == 0) {
                            grijs = ' rijgrijs';
                        }
                        else {
                            grijs = '';
                        }
                        rij += '<td class="boekrij' + grijs + '"><a href="?BoekID=' + entry['BoekID'];
                        if (wat == 'LezerReacties' && sID == 'ja')
                            rij += '&ReviewID=' + entry['ReviewID'] + '&ReactieID=' + entry['CommentaarID'];
                        if (wat == 'LezerBoeken')
                            rij += '&ReviewID=' + entry['ReviewID'];
                        rij += '" class="titel">' + entry['BoekTitel'] + '</a></td>';
                        rij += '<td class="boekrij' + grijs + '"><a  href="?AuteurID=' + entry['AuteurID'] + '" class="auteur">' + entry['Auteur'] + '</a></td>';
                        aantalTotaal = entry['AantalTotaal'];

                        var wijzigVerwijder = '&nbsp;';
                        if ((wat.match('Lezer') != null)) {
                            if (sID == 'ja') {
                                switch (wat) {
                                    case 'LezerBoeken':
                                        wijzigVerwijder = '<a class="lezer" href="?Nieuw2&ReviewID=' + entry['ReviewID'] + '">wijzig</a> | <a href="#" class="lezer" onclick="verwijder(' + entry['ReviewID'] + ')">x</a>';
                                        break;
                                    case 'LezerReacties':
                                        wijzigVerwijder = '<a class="lezer" href="?BoekID=' + entry['BoekID'] + '&ReviewID=' + entry['ReviewID'] + '&ReactieID=' + entry['CommentaarID'] + '">reactie bekijken</a>';
                                        break;
                                    case 'LezerScores':
                                        wijzigVerwijder = '<a class="lezer" href="?BoekID=' + entry['BoekID'] + '">wijzig</a> | <a href="#" class="lezer" onclick="verwijderStem(' + entry['BoekID'] + ')">x</a>';
                                        break;
                                }
                            }
                            rij += '<td class="boekrij' + grijs + '" align="center">' + ((entry['Score'] == 0) ? '' : entry['Score']) + '</td><td class="boekrij' + grijs + '" align="right">' + wijzigVerwijder + '&nbsp;&nbsp;</td>'
                        }
                        else
                            rij += '<td class="boekrij' + grijs + '"><a  href="?LezerID=' + entry['LezerID'] + '" class="lezer">' + entry['Lezer'] + '</a></td></rij>';

                        if (i == 3) {
                            cover += '</td>'
                            html = cover + rij + lijntje;
                            div.append(html);
                            rij = '';
                            cover = '';
                            i = 0;
                        }

                    });
                    //tabel afronden als niet op i = 3 wordt geeindigd
                    if (i == 1) {
                        rij += '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
                        i++;
                    }
                    if (i == 2) {
                        cover += '</td>';
                        rij += '<tr><td class="boekrij">&nbsp;</td><td class="boekrij">&nbsp;</td><td class="boekrij">&nbsp;</td></tr>';
                        html = cover + rij + lijntje;
                        div.append(html);
                    }

                    /* navigatiebalk boven invullen */
                    if (wat == 'LezerBoeken') {
                        $('#voorzetsel').empty().append('besprekingen van ');
                        $('#voorzetselOnder').empty().append('besprekingen van ');
                    }
                    if (wat == 'LezerReacties') {
                        $('#voorzetsel').empty().append('reacties van ');
                        $('#voorzetselOnder').empty().append('reacties van ');
                    }
                    if (wat == 'LezerScores') {
                        $('#voorzetsel').empty().append('scores van ');
                        $('#voorzetselOnder').empty().append('scores van ');
                    }

                    //if ((wat.match('Lezer') != null)) {
                    if (wat == 'Nieuw') {
                        aantalTotaal = 150;
                    }

                    $('#aantalTotaal').empty().append(aantalTotaal);
                    pages = Math.floor(aantalTotaal / 30);

                    if (((aantalTotaal) % 30) > 0)
                        pages++;
                    //}
                    if (pagina == 1)
                        $("#vorige").addClass('verborgen');
                    else
                        $("#vorige").removeClass('verborgen');

                    if (pagina == pages)
                        $("#volgende").addClass('verborgen');
                    else
                        $("#volgende").removeClass('verborgen');

                    $('#van').empty().append(van);
                    var tot = van + aantal - 1;
                    if (tot > aantalTotaal)
                        tot = aantalTotaal;
                    $('#tot').empty().append(tot);
                    /* einde navigatiebalk boven invullen */

                    /* navigatiebalk onder invullen */
                    if (wat == 'LezerBoeken')
                        $('#voorzetselOnder').empty().append('besprekingen van ');
                    if (wat == 'LezerReacties')
                        $('#voorzetselOnder').empty().append('reacties van ');
                    if (wat == 'LezerScores')
                        $('#voorzetselOnder').empty().append('scores van ');

                    $('#aantalTotaalOnder').empty().append(aantalTotaal);

                    if (pagina == 1)
                        $("#vorigeOnder").addClass('verborgen');
                    else
                        $("#vorigeOnder").removeClass('verborgen');

                    if (pagina == pages)
                        $("#volgendeOnder").addClass('verborgen');
                    else
                        $("#volgendeOnder").removeClass('verborgen');

                    $('#vanOnder').empty().append(van);
                    var tot = van + aantal - 1;
                    if (tot > aantalTotaal)
                        tot = aantalTotaal;
                    $('#totOnder').empty().append(tot);
                    /* einde navigatiebalk onder invullen */


                    div.wrapInner('<table id="boekentabel" cellspacing="0"></table>');
                    div.fadeIn('fast');


                    // lijntje onder covers verwijderen uit laatste rij
                    //
                    $('#boekentabel tbody tr:last').remove();
                    //                    if (wat == 'Nieuw') {
                    //                        $('#boekengrid tr th').remove();
                    //                        $('#boekennav').remove();
                    //                    }

                },
                error: function (xhr) {
                    // alert()s the HTML of msg.aspx 
                    alert(xhr.responseText);
                }

            });


            //alert(wat);
        };