$(document).ready(function() {
	
	$('#tree ul a').click(maketree);
	
});

function maketree() {
	el = $(this);
	
	if (el.hasClass('tree-leaf')) {
	// liść
		// todo: pole do wpisania miasta
		
		//alert('liść');
		return true;
		
	} else if (el.hasClass('tree-sub')) {
	// zwinięcie
		el.blur();
		
		$('#tree-'+el.attr('rel')).slideUp('normal', function(){
			$(this).remove();
		})
		
		el.removeClass('tree-sub');
		
	} else {
	// rozwinięcie
		el.blur();
		
		el.addClass('tree-sub');
		
		$.get('ajax-cat/'+el.attr('rel'), null, function(data) {
			
			var items = '<ul id="tree-'+el.attr('rel')+'" class="hide">';
			
			$('category', data).each(function (i) {
				var name = $(this).text();
				var id = $(this).attr('id');
				var url = $(this).attr('url');
				var leaf = $(this).attr('leaf');
				
				if (leaf == 'true') {
					leaf = ' class="tree-leaf"';
				} else {
					leaf = '';
				}
				
				items += '<li><a href="kategoria/'+id+','+url+'.html" rel="'+id+'"'+leaf+'>' + name + '</a></li>';
			});
			items += '</ul>';
			
			el.after(items);
			
			$('#tree ul a').click(maketree);
			
			var subtree = $('#tree-'+el.attr('rel'));
			subtree.hide();
			subtree.removeClass('hide');
			subtree.slideDown('normal');
			
		}, 'xml');
	}
	
	return false;
}