$(document).ready(function() {
	// Carga el primer artista
		load_artista(0);
	// Quita el atributo 'title' de los artistas y lo guarda como 'value'
		$('#artistas a').attr('value', function() {
			return $(this).attr('title');
		}).removeAttr('title');
	// Oculta la capa de la foto
		$('#viewphoto').fadeOut();
	// Clic en los artistas
		$('#artistas a').click(function(event) {
			event.preventDefault();
			var id = $(this).attr('id');
			
			load_artista(id);
	// Pasar el raton por los artistas
		}).mousemove(function(e) {
			// Nombre de artista
				$('#mouseinfo').css('display','block');
				$('#mouseinfo').css('left',e.pageX);
				$('#mouseinfo').html($(this).attr('value'));
		}).mouseout(function() {
			$('#mouseinfo').css('display','none');
		});
	// Filtro de artistas
		$('#filtro a').click(function(event) {
			event.preventDefault();
			var filtro = $(this).attr('href').replace('#','');
			var text = $(this).html();
			$('#artistas ul li').not('.'+filtro).slideUp();
			$('#artistas ul .'+filtro).slideDown();
			
			// Establece el texto del filtro en el actual
			$('#filtro #filtro_actual').html(text);
		});
	// Hacer clic en una foto de la galeria (la abre en grande)
		$('#galeria img').click(function() {
			var galsrc = $(this).attr('src');
			$('#viewphoto #photo').fadeOut(function() {
				$('#viewphoto #photo').html('<img src="'+galsrc+'" style="max-width:99%" />');
				$('#viewphoto').fadeIn();
				$('#viewphoto #photo').fadeIn();
			});
		});
		$('#viewphoto #hide').click(function(e) {
			e.preventDefault;
			$('#viewphoto').fadeOut();
		});
		
});

function load_artista(id) {
	// Oculta las imagenes abiertas
	$('#viewphoto').fadeOut();
	/* Carga el artista seleccionado */
	var nome = artistas[id]['nome'];
	var descricion = artistas[id]['descricion'];
	var foto_src = artistas[id]['foto_src'];
	var miniatura_src = artistas[id]['miniatura_src'];
	var video_src = artistas[id]['video_src'];
	var links = artistas[id]['links'];
		var c_links = links.length;
	var galeria = artistas[id]['galeria'];
	
	$('title')
	$('#logo h1').html('<i>'+nome+'</i>');
	$('#descricion').html(descricion);
	$('#background').attr('src',foto_src);
	if(video_src==null || video_src===0) {
		$('#video object').css('display','none');
	} else {
		$('#video').html('<object width="100%" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id='+video_src+'&amp;server=vimeo.com&amp;color=00adef&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id='+video_src+'&amp;server=vimeo.com&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="100%" height="300"></embed></object>');
		$('#video object').css('display','block');
	}
	/* $('#web a').attr('href',web_url).html(web_url); */
	$('#links ul').html('');
	$('#galeria ul').html('');
	for(i in artistas[id]['links']) {
		var value = artistas[id]['links'][i];
		$('#links ul').append('<li class="inline"><a href="'+value+'" title="'+i+'">'+i+'</a></li><li class="vertbar inline">|</li>');
		$('#links ul .vertbar:last').remove();
	}
	for(i in artistas[id]['galeria']) {
		var value = artistas[id]['galeria'][i];
		$('#galeria ul').append('<li class="inline"><img alt="'+i+'" src="'+value+'" /></li>');
	}
	
		// Hacer clic en una foto de la galeria (la abre en grande)
		$('#galeria img').click(function() {
			var galsrc = $(this).attr('src');
			$('#viewphoto #photo').fadeOut(function() {
				$('#viewphoto #photo').html('<img src="'+galsrc+'" style="max-width:99%" />');
				$('#viewphoto').fadeIn();
				$('#viewphoto #photo').fadeIn();
			});
		});
		$('#viewphoto #hide').click(function(e) {
			e.preventDefault;
			$('#viewphoto').fadeOut();
		});
		// Links de artistas
		$('#links a').click(function(e) {
			e.preventDefault();
			window.open($(this).attr('href'),'_blank');
		});
}