function tree(id, url) {
	var tree_element = document.getElementById(id)

	function hasClass(elem, className) {
		return new RegExp("(^|\\s)"+className+"(\\s|$)").test(elem.className)
	}

	function toggleNode(node) {
		// определить новый класс для узла
		if (hasClass(node, 'ExpandFirstOpen')) { var newClass = 'ExpandFirstClosed'; }
		else if (hasClass(node, 'ExpandFirstClosed')) { var newClass = 'ExpandFirstOpen'; }
		if (hasClass(node, 'ExpandOpen')) { var newClass = 'ExpandClosed'; }
		else if (hasClass(node, 'ExpandClosed')) { var newClass = 'ExpandOpen'; }
		// var newClass = hasClass(node, 'ExpandOpen') ? 'ExpandClosed' : 'ExpandOpen'
		// заменить текущий класс на newClass
		// регексп находит отдельно стоящий open|close и меняет на newClass
		var re =  /(^|\s)(ExpandOpen|ExpandClosed|ExpandFirstOpen|ExpandFirstClosed)(\s|$)/
		node.className = node.className.replace(re, '$1'+newClass+'$3')
	}

	function load(node) {

		function showLoading(on) {
			var expand = node.getElementsByTagName('DIV')[0]
			if (node.className.indexOf('Node1') != -1) expand.className = on ? 'ExpandLoading' : 'Expand'
			else if (node.className.indexOf('Node2') != -1) expand.className = on ? 'ExpandLoading2' : 'Expand'
		}


		function onSuccess(data) {
			if (!data.errcode) {
				onLoaded(data)
				showLoading(false)
			} else {
				showLoading(false)
				onLoadError(data)
			}
		}


		function onAjaxError(xhr, status){
			showLoading(false)
			var errinfo = { errcode: status }
			if (xhr.status != 200) {
				// может быть статус 200, а ошибка
				// из-за некорректного JSON
				errinfo.message = xhr.statusText
			} else {
				errinfo.message = 'Некорректные данные с сервера';
			}
			onLoadError(errinfo)
		}


		function onLoaded(data) {

			for(var i=0; i<data.length; i++) {
				var child = data[i]
				var li = document.createElement('LI')
				li.id = child.id
//alert(node.className.indexOf('z'))
				if (node.className.indexOf('Node1') != -1) {
					li.className = "Node2 Expand" + (child.isFolder ? 'Closed' : 'Leaf')
					if (i == data.length-1) li.className += ' IsLast2'
					else li.className += ' NotLast2'

					li.innerHTML = '<div class="Expand"></div><div class="Content"><a href="/'+child.ind+'.php" class="menu2">'+child.title+'</a></div>'
				}
				else if (node.className.indexOf('Node2') != -1) {
					li.className = "Node3 Expand" + (child.isFolder ? 'Leaf' : 'Leaf')
					if (i == data.length-1) li.className += ' IsLast'
					else li.className += ' NotLast'

					li.innerHTML = '<div class="Expand"></div><div class="Content"><a href="/'+child.ind+'.php" class="menu2">'+child.title+'</a></div>'
				}
				if (child.isFolder&&node.className.indexOf('Node2') == -1) {
					li.innerHTML += '<ul class="Container"></ul>'
				}
//				if (data.length>1) 
				node.getElementsByTagName('UL')[0].appendChild(li)
			}

			node.isLoaded = true
			toggleNode(node)
		}

		function onLoadError(error) {
			var msg = "Ошибка "+error.errcode
			if (error.message) msg = msg + ' :'+error.message
			alert(msg)
		}

		showLoading(true)


		$.ajax({
			url: url + '?id=' + node.id,
			data: node.id,
			dataType: "json",
			success: onSuccess,
			error: onAjaxError,
			cache: false
		})
	}

	tree_element.onclick = function(event) {
		event = event || window.event
		var clickedElem = event.target || event.srcElement

		if (!hasClass(clickedElem, 'Expand')) {
			return // клик не там
		}

		// Node, на который кликнули
		var node = clickedElem.parentNode
		if (hasClass(node, 'ExpandLeaf')||hasClass(node, 'ExpandFirstLeaf')) {
			return // клик на листе
		}

		if (node.isLoaded || node.getElementsByTagName('LI').length) {
			// Узел уже загружен через AJAX(возможно он пуст)
			//toggleNode(node) // закомментировать для отключения плюсиков 
			return
		}


		if (node.getElementsByTagName('LI').length) {
			// Узел не был загружен при помощи AJAX, но у него почему-то есть потомки
			// Например, эти узлы были в DOM дерева до вызова tree()
			// Как правило, это "структурные" узлы
			// ничего подгружать не надо
			//toggleNode(node) // закомментировать для отключения плюсиков 
			return
		}



		// загрузить узел
		//load(node) // закомментировать для отключения плюсиков 


	}

}