$(function () {
	if($('#rubriekid').length > 0)
	{

        $.getJSON("/content/categorieen.php", {
            id: $('#rubriekid').val()
        },

        function (j) {
            var options = '';
            if (j.length == '0') {
                options = '<option value="-1">Er is geen sub categorie</option>';
            } else {
                for (var i = 0; i < j.length; i++) {
					var ctsel = '';
					if(j[i].optionValue == parseInt($('#subrubriekid').val()))
					{
						ctsel = ' selected';
					}
                    options += '<option value="' + j[i].optionValue + '"' + ctsel + '>' + j[i].optionDisplay + '</option>';
                	}
            	}
            	$("#intSubRubriek").html(options);
        	});
	}
    $("select#iRubriek").change(function () {
        $.getJSON("/content/categorieen.php", {
            id: $(this).val()
        },

        function (j) {
            var options = '';
            if (j.length == '0') {
                options = '<option value="-1">Er is geen sub categorie</option>';
            } else {
                for (var i = 0; i < j.length; i++) {
                    options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
                }
            }
            $("#intSubRubriek").html(options);
            $('#intSubRubriek option:first').attr('selected', 'selected');
        });
    });

    $("#middle #categories div.subCategory:even").css("float", "left");
    $("#middle #categories div.subCategory:odd").css("float", "right");
    $("#middle #categories div.subCategory:odd").after('<br style="clear:both;"/>');
	
	$('#TablePaginate').after('<div id="pager" class="pager"><form><span class="title">Navigeer</span> <img src="/inc/gfx/first.png" alt="Eerste" class="first"/><img src="/inc/gfx/prev.png" alt="Vorige" class="prev"/><input type="text" class="pagedisplay" /><img src="/inc/gfx/next.png" alt="Volgende" class="next"/><img src="/inc/gfx/last.png" alt="Laatste" class="last"/><select class="pagesize"><option selected="selected"  value="5">5</option><option value="10">10</option><option value="20">20</option><option  value="30">30</option></select></form></div>');
	
	$("#TablePaginate").tablesorter().tablesorterPager({container: $("#pager")}); 


});