//una vez el DOM está listo...
window.addEvent('domready', function() {

	//Iniciar variables
	var finders = ['h1','h2','h3','h4','h5'];
	var matches = [];

	//Encontrar el H1 que es el nombre del artículo
	$('contenidoTexto').getElements('*').each(function(el,i) {

		//¿Queremos esto?
		if(finders.contains(el.get('tag')))
		{
			//Crea anclas
			var anchor = new Element('a', {
				'class': el.get('tag'),
				'text': el.get('text'),
				'href': 'javascript:;'
			});

			//click event
			anchor.addEvent('click', function() {
				var go = new Fx.Scroll(window).toElement(el);
			});

			//Añade a nuestro array de coincidencias
			matches.include(anchor);
		}

	});

	//¿Debemos mostrar la TOC?
	if(matches.length)
	{
		//Crea el DIV para la TOC, inyecta el DIV
		var toc = new Element('div', {
			'id': 'toc',
			'html': '<strong>En este artículo... <\/strong><br \/>'
		}).inject('contenidoTitulo','after');

		//Inyecta las coincidencias
		matches.each(function(el) {
			el.inject(toc);
		});
	}

});
