var my_files_class = Class.create({ 
	initialize: function(args) {
		this.args = args || new Array();
		
		this.hideAll();
		this.createEvents();
	},
	
	hideAll: function() {
			$$('.files').each(function(id) {
					$(id).className="files_hidden";
					$(id).hide();
				}
			);	
	}, 
	
	createEvents: function() {
		$$('.img_div').each(this.createEvent3.bind(this));	
		$$('.files_cat').each(this.createEvent2.bind(this));
			
		
	},
	
	createEvent: function(obj) {
		Event.observe($(obj), 'click', function(event) {
 			var element = Event.element(event);
			ul_obj=element.next('div');
  		  	if(ul_obj.hasClassName('files_hidden')) {
				ul_obj.className="files";
				ul_obj.show();
			} else {
				ul_obj.className="files_hidden";
				ul_obj.hide();
			}
		});

			
	},
	createEvent2: function(obj) {
		Event.observe($(obj), 'click', function(event) {
 			var element = Event.element(event);
			ul_obj=element.up(0).next('div');
  		  	if(ul_obj.hasClassName('files_hidden')) {
				ul_obj.className="files";
				ul_obj.show();
			} else {
				ul_obj.className="files_hidden";
				ul_obj.hide();
			}
		});

			
	},
createEvent3: function(obj) {
		Event.observe($(obj), 'click', function(event) {
 			var element = Event.element(event);
			ul_obj=element.up(1).next('div');
  		  	if(ul_obj.hasClassName('files_hidden')) {
				ul_obj.className="files";
				ul_obj.show();
			} else {
				ul_obj.className="files_hidden";
				ul_obj.hide();
			}
		});

			
	}

	
});