$(document.load).ready(function() {
	    $("#themechoices").hide();
	    $("#themechoicesDiv").hide();
	    $.ajax({
	      type: "POST",
	      contentType: "application/json; charset=utf-8",
	      url: "/includes/ajax/AjaxService.asmx/GetTargetGroupChoices",
	      data: "{}",
	      dataType: "json",
	      success:
			  function(msg) {
			    var items = msg.d;
			    if (items.length > 1) {
			      $("#targetgroups").empty();
			      $("#targetgroups").hide();
			      $("#targetgroups").show();
			      $("#targetgroups").append("<option value=\"\">Selecteer een doelgroep</option>");
			      for (var i = 0; i < items.length; i++) {
				     var item = items[i];
			        $("#targetgroups").append("<option>" + item + "</option>");
               }
			    }
			  }
	    });

	    $("#targetgroups").change(function() {
	      $("#productList").html("");
	      if ($("#targetgroups").val() == "") {
	        $("#themechoices").hide();
	        $("#themechoicesDiv").hide();
	      }
	      else {
	        $.ajax({
	          type: "POST",
	          contentType: "application/json; charset=utf-8",
	          url: "/includes/ajax/AjaxService.asmx/GetThemeChoices",
	          data: "{targetgroup:'" + $("#targetgroups").val() + "'}",
	          dataType: "json",
	          success:
            function(msg) {
              var items = msg.d;
              if (items.length > 1) {
                $("#themechoices").empty();
                $("#themechoices").append("<option value=\"\">Selecteer een thema</option>");
                for (var i = 0; i < items.length; i++) {
                  var item = items[i];
                  $("#themechoices").append("<option>" + item + "</option>");
                }
                $("#themechoices").hide();
                $("#themechoices").show();
                $("#themechoicesDiv").show();
              }
            }
	        });
	      }
	    });
	    $("#themechoices").change(function() {
	      $("#productList").html("");
	      $.ajax({
	        type: "POST",
	        contentType: "application/json; charset=utf-8",
	        url: "/includes/ajax/AjaxService.asmx/GetProductChoices",
	        data: "{targetchoice:'" + $("#targetgroups").val() + "', themechoice:'" + $("#themechoices").val() + "'}",
	        dataType: "json",
	        success:
          function(msg) {
            var items = msg.d;
            if (items.length > 0) {
              for (var i = 0; i < items.length; i++) {
                var item = items[i];
                $("#productList").html($("#productList").html() + "<a href=\"" + item.Link + "\">" + item.Title + "</a><br />");
              }
            }
          }
	      });
	    });
	  });