// All site common behaviors:
$(document).ready(function() {
	// NOTA previa al header
	$('.topnote').append('<span class="close">close</span>');
	$('.topnote .close').css("cursor","pointer").click(function() {
	  $(this).parent().slideUp();
	});





	//PORTFOLIO: Captions de cada thumbnail
	//On mouse over those thumbnail
	$('.project-preview').hover(function() {
		//Display the caption
		$(this).find('.thumb-caption').stop(false,true).fadeIn(200);
	},
	function() {
		//Hide the caption
		$(this).find('.thumb-caption').stop(false,true).fadeOut(200);
	});






	// BASQUE DESIGNERS
	// Cada categoría
	var $cat = $('#basqueDesigners ul');
	
	// Cantidad de Categorías
	var catQ = $cat.length;
	
	// Meter tras cada lista un enlace para que vuelvan al índice
	$cat.after('<p class="back2index"><a href="#basqueDesignersIndex">&uarr; back to index</a></p>')
	
	// Indicar enlaces activos al comienzo de la página
	var totalLinks = $cat.find('a').length;
	var totalbrokenLinks = $('.broken_link').length;
	var totalValidLinks = totalLinks - totalbrokenLinks;
	$('#basqueDesigners h1').after('<p class="totalLinkStats"><strong>Link number:</strong> collected (' + totalLinks + ') - dissapeared (' + totalbrokenLinks + ') = <strong>' + totalValidLinks + '</strong></p>');
	
	// Cantidad de enlaces rotos
	$cat.each(function(index) {
		var catId = 'catLinks' + (index+1);
		$(this).attr('id', catId);
		// Evaluar cantidad de links, links rotos y links válidos que nos quedarían
		var links = $(this).find('a').length;
		var brokenLinks = $(this).find('.broken_link').length;
		var validLinks = links - brokenLinks;
		// Añadir antes de cada lista un texto que indique nº de enlaces
		$(this).before('<p class="linkStats"><strong>Link number:</strong> collected (' + links + ') - dissapeared (' + brokenLinks + ') = <strong>' + validLinks + '</strong></p>');
	});



	// Crear un índice con las secciones
	$('#basqueDesigners').before('<div id="basqueDesignersIndex"><p>Index:</p><ul></ul</div>');
	// Crear un contenedor para la gráfica de barras con las estadísticas
	$('#basqueDesigners').before('<div class="catStats"></div>');
	
	// Añadir items al índice
	$('#basqueDesigners h2').each(function(index) {
		// Añadir ID a cada <h2> para que podamos apuntar con un ancla
		var catId = 'catTitle' + (index+1);
		$(this).attr('id', catId);
		// Ir añadiendo al índice el texto de los <h2>
		$('#basqueDesignersIndex ul').append('<li id="catIndex' + (index+1) + '"><a href="#' + catId + '"><span>' + (index+1) + '.</span> ' + $(this).html() + '</a></li>');
		// Obtener cantidad de links por categoría
		var catLinkQ = $('#catLinks' + (index+1) + ' a').length;
		// Qué porcentaje supone esta categoría del total de links
		var totalOfPercent = Math.round( parseFloat( (catLinkQ * 100) / totalValidLinks ));
		// Meter la cantidad de enlaces por detrás del nombre
		$('#basqueDesignersIndex #catIndex' + (index+1) + ' a')
		//.append(' <strong>(' + totalOfPercent + '% del total)</strong>');
		.append(' <strong>(' + catLinkQ + ' references)</strong>');
		
		
		
		
		
		// Crear cada barra de estadísticas
		//$('#basqueDesignersIndex #catIndex' + (index+1) + ' a').css('width', (totalOfPercent + '%') );
		//$('.catStats').append('<div title="' + $(this).text() + '" class="catStat" id="catStat' + (index+1) + '">' + catLinkQ + '</div>');
		// Cada barra creada
		//$catStatObj = $('#catStat' + (index+1));
		//var catStatHue = Math.round( parseFloat( index*(360/catQ) ) );
		//$catStatObj.css({'height' : catLinkQ*5, 'background-color' : 'hsla('+catStatHue+', '+100+'%,'+(totalOfPercent*3)+'%, .5)'});
	});




	// Ordenar listas alfabéticamente (http://code.google.com/p/tinysort/)
	$cat.children('li').tsort();





	// BACK TO TOP LINK (http://webdesignerwall.com/tutorials/animated-scroll-to-top)
	// hide #back-top first
	$("#back-top").hide();
	// fade in #back-top
	$(window).scroll(function () {
		if ($(this).scrollTop() > 100) {
			$('#back-top').fadeIn();
		} else {
			$('#back-top').fadeOut();
		}
	});
	// Scroll suave (listado del índice, links de vuelta al índice de cada sección y el link flotante para volver al índice)
	$('#basqueDesignersIndex a, .back2index a, #back-top a').smoothScroll();




	// Hacer que los enlaces con title muestren un tooltip
	/*
	$('.catStat[title]').qtip({
	   position: {
	      target: 'mouse',
	      adjust: {
	         mouse: true
	      }
	   }
	});
	*/



});