diff --git a/core/js/js.js b/core/js/js.js
index 8ac999a104..677cd5fbb7 100644
--- a/core/js/js.js
+++ b/core/js/js.js
@@ -283,12 +283,21 @@ $(document).ready(function(){
 	});
 
 	if($('body').attr("id")=="body-user") { $('#settings #expanddiv').hide(); }
-	$('#settings #expand').click(function() {
+	$('#settings #expand').click(function(event) {
 		$('#settings #expanddiv').slideToggle();
+		event.stopPropagation();
 	});
+	$('#settings #expanddiv').click(function(event){
+		event.stopPropagation();
+	})
 	$('#settings #expand').hover(function(){
 		$('#settings #expand+span').fadeToggle();
 	});
+	$(window).click(function(){//hide the settings menu when clicking oustide it
+		if($('body').attr("id")=="body-user"){
+			$('#settings #expanddiv').slideUp();
+		}
+	});
 	
 	$('.file_action').tipsy({gravity:'s', live:true});
 	$('.selectedActions a').tipsy({gravity:'n', live:true});
diff --git a/core/js/listview.js b/core/js/listview.js
new file mode 100644
index 0000000000..e3e5ebdab8
--- /dev/null
+++ b/core/js/listview.js
@@ -0,0 +1,71 @@
+function ListView(element){
+	this.element=element;
+}
+
+ListView.generateTable=function(collumns){
+	var html='<table>';
+	html+='<thead>';
+	$.each(collumns,function(index,collumn){
+		html+='<th>'+collumn+'</th>';
+	});
+	html+='<thead>';
+	html+='</head>';
+	html+='<tbody>';
+	html+'<tr class="template">'
+	$.each(collumns,function(index,collumn){
+		html+='<th class="'+collumn.toLower()+'"</th>';
+	});
+	html+'</tr>'
+	html+='</tbody>';
+	html='</table>';
+	return $(html);
+}
+
+ListView.prototype={
+	rows:{},
+	hoverElements:{},
+	addRow:function(id,data,extraData){
+		var tr=this.element.find('tr.template').clone();
+		tr.removeClass('template');
+		$.each(data,function(name,value){
+			tr.children('td.'+name).text(value);
+			tr.attr('data-'+name,value);
+		});
+		$.each(extraData,function(name,value){
+			tr.attr('data-'+name,value);
+		});
+		this.rows[id]=data;
+		tr.data('id',id);
+		this.element.children('tbody').append(tr);
+	},
+	removeRow:function(id){
+		this.rows[id].remove();
+		delete this.rows[id];
+	},
+	hoverHandeler:function(tr){
+		$.each(this.hoverElement,function(index,collumn){
+			$.each(collumn,function(index,element){
+				var html='<a href="#" title="'+element.title+'" class="hoverElement"/>';
+				var element=$(html);
+				element.append($('<img src="'+element.icon+'"/>'));
+				element.click(element.callback);
+				tr.children('td.'+collumn).append(element)
+			});
+		});
+		if(this.deleteCallback){
+			
+		}
+	},
+	hoverHandelerOut:function(tr){
+		tr.find('*.hoverElement').remove();
+	},
+	addHoverElement:function(collumn,icon,title,callback){
+		if(!this.hoverElements[collumn]){
+			this.hoverElements[collumn]=[];
+		}
+		this.hoverElements[row].push({icon:icon,callback:callback,title:title});
+	},
+	empty:function(){
+		this.element.children('tr:not(.template)').remove();
+	}
+}
\ No newline at end of file