function PanelListeSalle () {
	var container = document.createElement("div");
	container.id = "pListeSalle";
	
	var h1 = document.createElement("h1");
	h1.innerHTML = "Liste des salles";
	container.appendChild(h1);
	
	var div = document.createElement("div");
	this.objDivTable = div;
	container.appendChild(div);
	
	this.objPanel = container; 
}

PanelListeSalle.prototype = {
	'objDivTable' : null,
	'objAppChat' : null,
	
	/**
	 * public void fillListeSalle()
	 * 
	 * Remplit le tableau de la liste des salles � partir des donn�es envoy�es
	 * 
	 * @return (Object) data
	 */
	
	'fillListeSalle' : function (data) {
		this.objDivTable.innerHTML = "";
		
		var table = document.createElement("table");
		var tbody = document.createElement("tbody");
		
		// Cr�ation des headers //
		var tr = document.createElement("tr");
		var th = document.createElement("th");
		th.innerHTML = "Nom";
		tr.appendChild(th);
		
		var th = document.createElement("th");
		th.innerHTML = "Nombre d'utilisateur";
		tr.appendChild(th);
		
		var th = document.createElement("th");
		th.innerHTML = "Privée";
		tr.appendChild(th);
		
		var th = document.createElement("th");
		th.innerHTML = "";
		tr.appendChild(th);
		tbody.appendChild(tr);
		
		for (var i=0; i<data.length; i++) {
			var tr = document.createElement("tr");
			
			// Nom de la salle //
			var td = document.createElement("td");
			td.innerHTML = data[i].nom;
			tr.appendChild(td);
			
			// Nombre d'utlisateur //
			var td = document.createElement("td");
			td.innerHTML = data[i].nbUtilisateur;
			tr.appendChild(td);
			
			// Is Private //
			var td = document.createElement("td");
			td.innerHTML = "Non";
			tr.appendChild(td);
			
			// Quick Join Bouton //
			var td = document.createElement("td");
			var btn = document.createElement("input");
			btn.type = "button";
			btn.value = "Rejoindre";
			btn.onclick = function (data) {
				this.objAppChat.connexionSalle(data.nom, "");
			}.bind(this, data[i]);
			td.appendChild(btn);
			tr.appendChild(td);
			
			tbody.appendChild(tr);
		}
		
		table.appendChild(tbody);
		this.objDivTable.appendChild(table);
		this.objDivTable.appendChild(document.createElement("br"));
		this.objDivTable.appendChild(document.createElement("br"));
		
		var btnFermer = document.createElement("input");
		btnFermer.type = "button";
		btnFermer.value = "Fermer";
		btnFermer.onclick = function () {
			this.remove();
		}.bind(this);
		
		this.objDivTable.appendChild(btnFermer);
	}
	,
	
	/**
	 * public void setAppChat(AppChat obj)
	 * 
	 * D�finit la r�f�rence vers l'application chat
	 * 
	 * @param (AppChat) obj
	 */
	 
	'setAppChat' : function (obj) {
		this.objAppChat = obj;
	}
};

PanelListeSalle.extend(Panel);