MediaCategoriesWindow = function() {
    this.categorytree = new Ext.tree.TreePanel({
        id:'category-tree',
		border: true,
        rootVisible:false,
        lines:false,
        autoScroll:true,
        root: new Ext.tree.TreeNode('Categories'),
        collapseFirst:false,
		bodyStyle: 'text-align: left',
		bbar: [
			{
				id: 'media-categories-select-btn',
				disabled: true,
				text: 'Select Category',
				handler: this.selectCategory,
				scope: this
			},
			{
				text: 'Cancel',
				handler: function() { this.close(); },
				scope: this
			}
		],
		buttonAlign: 'right',
		loader: new Ext.tree.TreeLoader({
			clearOnLoad: true,
			dataUrl: HOME_DIR+'media_categories/get_list',
			requestMethod:'GET',
			listeners: {
				'load': {
					fn: function() {
						this.categorytree.getRootNode().childNodes[0].expand();
					},
					scope: this
				}
			},
            uiProviders:{
                'col': Ext.tree.ColumnNodeUI
            }
        })
	});
	MediaCategoriesWindow.superclass.constructor.call(this,{
		modal: true,
		width: 400,
		height: 400,
		collapsible: true,
		title: 'Categories',
		layout: 'fit',
		items: [ this.categorytree ]
	});
	this.gsm = this.categorytree.getSelectionModel();
	this.gsm.on('selectionchange', function(sm,node) {
		if ( node ) {
			Ext.getCmp('media-categories-select-btn').enable();
		}
		else {
			Ext.getCmp('media-categories-select-btn').disable();
		}
	}, this);
};
Ext.extend(MediaCategoriesWindow, Ext.Window, {
	selectCategory: function(o) {
		var txt = '';
		var node = this.categorytree.getSelectionModel().getSelectedNode();
		if ( node != null ) {
			txt = node.text;
			var nodeid = node.id;
			/*
			while ( node.parentNode != null ) {
				node = node.parentNode;
				if ( node.getDepth() > 0 ) {
					txt = node.text + ' > ' + txt;
				}
			}
			$('category_breadcrumbs').innerHTML = txt;
			*/
			selectCategory(nodeid);
			this.close();
		}
	}
});
var loaderMask;
function selectCategory(id) {
	loaderMask = new Ext.LoadMask('member_media');
	loaderMask.show();
	Ext.Ajax.request({
		url: HOME_DIR+'user_images/index/'+id,
		success: function(response,opts) {
			$('member_media').update(response.responseText);
			loaderMask.hide();
		}
	});
}
function categoryBrowse() {
	var categoryWindow = new MediaCategoriesWindow();
	categoryWindow.show();
	var tree = categoryWindow.categorytree;
	tree.getLoader().load(tree.getRootNode());
}