$(document).ready(function(){
	// second example
	$("#red").treeview({
		animated: "fast",
		collapsed: true,	// Позволяет скрывать все ветви дерева при загрузке страницы, если установлена в true
		unique: true,		// Если установить в true – устанавливает разрешение на открытие одновременно только одной ветки дерева на соответствующем уровне.
		persist: "cookie",
		// persist: "location",
		toggle: function() {
			window.console && console.log("%o was toggled", this);
		}
	});

	$("#needopen0").removeClass("expandable lastExpandable").addClass("collapsable lastCollapsable");  
	$("#needopen1").css("display", "block");

	// раскрываем меню в выбранном пункте 
	// найдем в дереве ссылку <a> имеющую class="selected"
	// в тэге ul который стоит выше ссылки <a> (find('a.selected + ul'))
	// меняем стиль на (display=block)
	$('#red > li')
		.find('a.selected + ul')
		.css("display", "block");

	// у всех родителей, т.е. тэгов стоящих выше выбранного пункта меню
	// 1. у ul меняем стиль на (display=block)
	// 2. у li меняем класс с expandable на collapsable
	// 3. у div который находится над ссылкой <a> меняем класс с hitarea expandable-hitarea на hitarea collapsable-hitarea
	$('#red').find('li > a.selected').each(
		function() {
			$(this).parents('ul').css("display", "block")
			$(this).parents('li').removeClass("expandable").addClass("collapsable");
			$(this).parents().children('div').removeClass("hitarea expandable-hitarea").addClass("hitarea collapsable-hitarea");
		  }
	);

	// после всех изменений выше найдем все тэги li которые не содержат атрибут id
	// и удалим класс collapsable
	//$('#red').find('li').not('[@id]').removeClass("collapsable");
	//$('#red').find('li').not('[@id]').addClass("22222222222222222222222222222");
	
	
/* оставлено для примера
	$('#red').find('li > a.selected')
		.parents('ul').css("display", "block")
		.parents('li').removeClass("expandable").addClass("collapsable");
		//.parents('li').find('li > div').removeClass("hitarea expandable-hitarea ").addClass("hitarea collapsable-hitarea");
		//.removeClass("hitarea expandable-hitarea ").addClass("22222222222222222222222222222");
		//.removeClass("hitarea expandable-hitarea ").addClass("hitarea collapsable-hitarea");
		//.parents('li > div').removeClass("hitarea expandable-hitarea ").addClass("hitarea collapsable-hitarea");
		//.addClass("22222222222222222222222222222");

	$('#red')  
		.find('.selected')  
		.css("display", "block");  

	$('#red')
		.find('li > a.selected')
		.end()
		.find("#needopen1")
		//.css("display", "block")
		.addClass("11111111111111111111");  

	//$('#red > li').find('a.selected').end().addClass("11111111111111111111");
	//$('#red').find('ul').find('li').find('a.selected').end().find('li').get[0].addClass("11111111111111111111");
	
	//.removeAttr('class');
	//removeClass("collapsable");
	//$('#red').find('li > a.selected').not('[@id]').parent().addClass("55555555555555555555");
	//.removeClass("collapsable");
	
	//.parents('li').find('li > div').removeClass("hitarea expandable-hitarea ").addClass("hitarea collapsable-hitarea");

	// this.find('a.select').addClass("11111111111111111111");
	if (jQuery.css(this,"display") == "none" )
          this.style.display = "block";

	var body = $('#red').find('li').find('a.selected').end();
	$(body).addClass("11111111111111111111");

	var body = $('#red').find('li > a.selected');
	$("ul", body).css("display", "block");
*/

});