function Members_Widget(members, root) {
	this.members = members;
	this.root_div = root;
}

Members_Widget.prototype.new_members_list = function () {
	_get(this.root_div).innerHTML = this.list_html();
}

Members_Widget.prototype.list_html = function () {
	var html = "";
	var array = this.members;
	var array_length = array['members'].length;
	var count = 1;
	for(var a=0; a<array_length; a++) {
		if(array['members'][a]['f_name'] && array['members'][a]['f_name'] != 'undefined') {
			if(count <= 3) {
				var serial = array['members'][a]['serial'];
				var first = artry(array['members'][a]['f_name']);
				var last = artry(array['members'][a]['l_name']);
				var date = array['members'][a]['date'];		
				var type = array['members'][a]['type'];
				var available = array['members'][a]['status'];
				var name = "No Name";
				
				if(first) {
					name = first;
					if(last){
						name += " " + last;	
					}
				}
				if(!available || available == 'undefined') {
					available = 0;
				}
	
				var display_art = "guest_portfolio";
				if(type == "1") {
					display_art = "guest_gallery";
				}

				html += "<div style='overflow: hidden; white-space: nowrap; text-overflow: ellipsis;'>"
				+ "<a onClick='' href='index.php?u_id=" + topcode(serial) + "&t=" + topcode(type)  + "&av=" + topcode(available) + "' class=\""+link_class(type)+"\">";
				
				html += name;
				
				html += "</a> - <span class=\"small\">" + raw_date(date)  + "</span>"
				+ "</div>";
				count += 1;
			}
		}
	}
	return html;
}