Event.observe(window,'load',function(){
	cargarArtistas(0);	
});

function cargarArtistas(artistaId){
	new Ajax.Request('cargarArtistas.php',{
		method: 'post',
		parameters: "artistaId="+artistaId,
		onSuccess: function(transport){
			$('Artistas').innerHTML = transport.responseText;
		}
  });
}

function cargarInfoArtista(artistaId){
	new Ajax.Request('cargarInfoArtista.php',{
		method: 'post',
		parameters: "artistaId="+artistaId,
		onSuccess: function(transport){
			var response = transport.responseText.evalJSON();
			
			$('nombreArtista').innerHTML = response.nombre.toUpperCase() + " " + response.apellido.toUpperCase();
			$('divFotoVideo').innerHTML = "<img src='img/"+response.foto_url+"' id='fotoVideo'>";
			$('descripcion').innerHTML = response.descripcion;
			
			divVideos = '';
			for(i=0;i<response.cantVideos;i++){
				numero = ((i+1)<10)?"0"+(i+1):i;
				divVideos += "<span onclick='cargarVideo("+response.artista_id+", "+i+", this)'>"+numero+"</span>&nbsp;&nbsp;&nbsp;";
			}
			$('videos').innerHTML = divVideos;
			ultimoSpan = null;
		}
  });
	
  cargarArtistas(artistaId);
}

var ultimoSpan = null;
function cargarVideo(artistaId, index, spanNro){
	new Ajax.Request('cargarVideo.php',{
		method: 'post',
		parameters: "artistaId="+artistaId+"&index="+index,
		onSuccess: function(transport){
			$('divFotoVideo').innerHTML = transport.responseText;
			spanNro.className = 'selectedVideo';
			if(ultimoSpan){
				ultimoSpan.className = '';
			}
			ultimoSpan = spanNro;
		}
	});
}