$(function() {
	var tipos = [ { clase: 'noticia', titulo: 'Noticias' }, { clase: 'link', titulo: 'Links' } ];

	var ul = $('<ul class="tipos"></ul>');

	var algunoPintado = false;

	for(var i = 0; i < tipos.length; i++) {
		var lista = $('#relacionados .' + tipos[i].clase);
		if(lista.length > 0) {
			var ul2 = $('<ul class="' + tipos[i].clase + '" />');
			lista.each(function() {
				$(this).appendTo(ul2);
			});

			$('#relacionados .contenido').append(ul2);
			if(algunoPintado) {
				ul2.hide();
			}

			var li = $('<li ul="' + tipos[i].clase + '">' + tipos[i].titulo + '</li>').click(function() {
				$('#relacionados ul:first li').removeClass('activo');
				$(this).addClass('activo');

				$('#relacionados ul').not(':first').hide();
				$('#relacionados ul.' + $(this).attr('ul')).show();
			});
			ul.append(li);

			algunoPintado = true;
		}
	}

	$('#relacionados ul:first').remove();

	$('#relacionados .contenido').prepend(ul);

	ul.find('li:first').addClass('activo');
});