// Listener zum Öffnen und Schließen des Layers
$(document).ready(function(){
	$("#location").click(function () {
      		$("#tree").toggle();
	});
});

// Icons im Tree ausblenden

$.ui.dynatree.nodedatadefaults["icon"] = false;

// Tree erzeugen und Inputs mit Stadtteilen und IDs befuellen

$(function(){
		$("#tree").dynatree({
						onActivate: function(dtnode) {
						},
            persist: true,
			checkbox: true,
			minExpandLevel: 1,
			selectMode: 3,
			onExpand: function(select, dtnode) {
					$("#chb-"+dtnode.data.key).attr("checked", dtnode.isSelected()).addClass("hidden");
				},
			onSelect: function(select, dtnode) {
					var selectedNodes = dtnode.tree.getSelectedNodes();
					var selectedKeys = $.map(selectedNodes, function(node) {
						return node.data.title;
				});
					var selectedValue = $.map(selectedNodes, function(node) {
						return node.data.key;
				});
					$('#location').val(selectedKeys.join(","));
					if ($('#location').val() == "") {
						$('#location').val('Kein Stadteil ausgewählt');
					};
					$('#regions').val(selectedValue.join(","));

			dtnode.visit(function(dtnode){
					$("#chb-"+dtnode.data.key).attr("checked",select);
				},null,true);
				}

		}); 
	$("#tree :checkbox").addClass("hidden"); 
	$.map($("#tree").dynatree("getTree").getSelectedNodes(),
		function(dtnode){
			$("#chb-"+dtnode.data.key).attr("checked",true);
			dtnode.activate();
		}); 
});