function PaginaArtistes(padre, callback) 
{

	var instancia = this;
	this._estructura = document.createElement("div");
	this._callback = callback;	
	this._tabla = null;
	this._pagina = 0;
	
	this.cargarPagina = function(pagina) {
	
		$.ajax({url:"php/datosArtistes.php?pagina="+pagina, dataType:"text", success:function(datos){
		
			instancia._pagina=pagina;
			instancia.colocarObjetos(jQuery.parseJSON(datos));
			
			actualizarEtiquetas();
		
		}});
	
	};
	
	this.colocarObjetos = function(datos) {

		var idioma = $("#aplicacion").data("idioma");
	
		$(instancia._tabla).empty();

		var fila = document.createElement("div");
		$(fila).css("display", "table-row");
		$(instancia._tabla).append(fila);
	
		for (var i = 0; i < datos.artistas.length; i++)
		{
			var artista = datos.artistas[i];
		
			if (i > 2 && (i%3 == 0)) 
			{
				fila = document.createElement("div");
				$(fila).css("display", "table-row");
				$(instancia._tabla).append(fila);
			}

			var celda = document.createElement("div");
			$(celda).css("display", "table-cell");
			$(celda).css("padding-right", "10px");
			$(fila).append(celda);
			$(celda).data("id_artista", artista.id);
			
			if (parseInt(artista.tamany) > 0)
			{
				$(celda).click(function() {
					
					instancia._callback($(this).data("id_artista"));
					
				});
				$(celda).css("cursor", "pointer");
			}

			var imagen = new Image();
			imagen.src=artista.imagen;
			$(celda).append(imagen);

			var lista = document.createElement("ul");
			$(lista).addClass("ListaArtistes");
			$(celda).append(lista);

			$(lista).append("<li class='nombre'>" + artista.nombre + "</li>");

			var tecnicaLI = document.createElement("li");
			$(tecnicaLI).addClass("etiqueta");
			$(tecnicaLI).data("cat", artista.tecnica_cat);
			$(tecnicaLI).data("cast", artista.tecnica_cast);
			$(tecnicaLI).data("eng", artista.tecnica_eng);
			var tecnica = $(tecnicaLI).data(idioma);
			$(tecnicaLI).text(tecnica);
			$(lista).append(tecnicaLI);
		}

		var filaPaginas = document.createElement("tr");
		$(instancia._tabla).append(filaPaginas);

		var celdaPaginas = document.createElement("div");
		$(celdaPaginas).css("display", "table-cell");
		$(filaPaginas).append(celdaPaginas);

		for (var i = 1; i <= datos.cantPaginas; i++) {
			var spanPagina = document.createElement("span");
			$(spanPagina).addClass("LinkPagina");
			if (i == instancia._pagina){
				$(spanPagina).addClass("actual");
			}
			$(spanPagina).text(i);
			$(spanPagina).data("__pag", i);
			$(spanPagina).click(function() {
			
				instancia.cargarPagina($(this).data("__pag"));
				
			});
			$(celdaPaginas).append(spanPagina);
		}
		
	};

	$.ajax({url:"php/datosArtistes.php?pagina=1", dataType:"text", success:function(datos){

		instancia._pagina = 1;
	
		var json = jQuery.parseJSON(datos);

		instancia._tabla = document.createElement("div");		
		$(instancia._tabla).css("display", "table");

		var idioma = $("#aplicacion").data("idioma");
		
		instancia.colocarObjetos(json);

		$(instancia._estructura).append(instancia._tabla);

		$(padre).children().first().remove();
		$(padre).prepend(instancia._estructura);
		
		actualizarEtiquetas();
		
	}});
	
	this.getEstructura = function()
	{
		return this._estructura;
	}

}