/* Este fichero contiene la clase Home, que será el manejador para dicho WebPage
 */

function Home()
{
	this.miembros =
		{	miembro1:		new Miembro("Jonathan", "Onrubia", "Mogica", "Es el jony - ponga aquí su descripción", "Servidor", "jony@email.com"),
			miembro2:		new Miembro("Manel", "Simon", "Martínez", "Es el manel - ponga aquí su descripción", "Diseño (director)", "manel@email.com"),
			miembro3:		new Miembro("Carlos Alberto", "Martínez", "Gadea", "Es el charly - ponga aquí su descripción", "Servidor (director)", "charly@email.com"),
			miembro4:		new Miembro("José Manuel", "Cámara", "Iglesias", "Es el yo - ponga aquí su descripción", "JavaScript", "jose@email.com")
		};

	this.miembro_selected = "miembro1";
}

Home.prototype =
{
	onLoadPage:		function(web_page)
	{
		this.miembros[this.miembro_selected].show(document.getElementById("miembro"));
		var self = this;
		EH.addEventHandler(document.getElementById("miembro_select"), "click", function() { self.miembroChange(EH.getEvent()); }, 100);
	},

	miembroChange:	function(event)
	{
		if(EH.getActive(document.getElementById("miembro_select")))
		{
			var id = event.target.getAttribute("id") ? event.target.getAttribute("id") : event.target.parentNode.getAttribute("id");

			if(id && this.miembros[id] && this.miembro_selected != id)
			{
				removeHTML(document.getElementById("miembro"));

				if(this.miembro_selected && document.getElementById(this.miembro_selected))
					document.getElementById(this.miembro_selected).parentNode.className = "vh_nonselected";

				document.getElementById(id).parentNode.className = "vh_selected";

				this.miembros[id].show(document.getElementById("miembro"));
				this.miembro_selected = id;
			}
		}
	}

}



function Miembro(nom, ap1, ap2, desc, sec, contact)
{
	this.nom = nom;
	this.ap1 = ap1;
	this.ap2 = ap2;
	this.desc = desc;
	this.sec = sec;
	this.contact = contact;
}

Miembro.prototype =
{
	show: function(div_cont)
	{
		if(div_cont)
		{
			var div_h = createElement(	{ type: "div", className: "header", children:
											[ { type: "text", text: this.nom + " " + this.ap1 + " " + this.ap2 } ]
										});

			var div_c = createElement(	{ type: "div", className: "member_cont simple_column", children:
											[	{ type: "div", className: "field selected_field", children:
													[	{ type: "div", className: "label", children:
															[ { type: "text", text: "Descripción" } ]},
														{ type: "div", className: "input", children:
															[ { type: "text", text: this.desc } ] }
													]
												},
												{ type: "div", className: "field nonselected_field", children:
													[	{ type: "div", className: "label", children: 
															[ { type: "text", text: "Sección" } ] },
														{ type: "div", className: "input", children: 
															[ { type: "text", text: this.sec } ] }
													] 
												},
												{ type: "div", className: "field selected_field", children:
													[	{ type: "div", className: "label", children: 
															[ { type: "text", text: "Contacto" } ] },
														{ type: "div", className: "input", children: 
															[ { type: "text", text: this.contact } ] }
													] 
												}
											]
										});

			div_cont.appendChild(div_h);
			div_cont.appendChild(div_c);
		}
	}
}