/**
 * Ready es un método propio de jQuery, que revisa si el DOM está listo para usarse.
 * Es más útil que el window.onload, pues este debe esperar a que todos los
 * elementos de la página esten cargados (como scripts e imágenes) para ejecutar.
 * El "ready", en cambio, espera solo a la estructura.
 *
 * @description prepara los distintos elementos html para poder interactuar con el usuario
 * de manera correcta mediante javascript
 * @todo
 * @return unknown_type
 */
$(document).ready(function () {

	$('.listado').addClass('oculto');
					
	var $listado = $(".listado.oculto");
	//Creo una nueva div para almacenar el selec y la situo al final del div listado actual.
	$listado.after('<div class="select"></div>');
	//Cargamos en esta variable la div select creada
	var $selectDiv = $listado.next(".select")
	//Se le crea un nuevo formulario dentro de select
	$selectDiv.append('<form id=\'form1\' name=\'form1\'></form>')
	//Se recupera el formulario en esta variable
	var $form = $selectDiv.children("form")
	//Se añade un select dentro del formulario.
	$form.append('<select id=\'menu2\' name=\'menu2\'></select>')
	//Se recupera el select creado en esta variable
	var $sel = $form.children("select")
	//Se añade al select la primera opción por defecto.
	$sel.append('<option value="#">Elija un bolet&iacute;n:</option>')
	//Para cada hijo con clase .pdf cuyo padre tenga por clase listado y oculto hacer:
		$($(".listado.oculto > .pdf")).each(function () {
			//Asignamos a el objeto id actual para poder diferenciarlo de los siguientes y hacer otro bucle interno con este objeto.
			$(this).attr("id","actual")
			//Recuperamos el h3 que hay antes del ul( con clase pdf)
			var $hijoH3 = $(this).prev("h3")
			//Abrimos un nuevo optgroup con label el contenido del h3 (año)
			$sel.append('<optgroup label='+$hijoH3.html()+'>')
			//Para cada hijo con la etiqueta li del objeto actual (ul con clase pdf) 
			$($("#actual > li")).each(function () {
				//recuperamos los hijos que tenga con etiqueta 'a' (Normalmente tendrá uno solo)
				var $hijoLi = $(this).children("a")
				//Recuperamos el valor del atributo href
				var $href = $hijoLi.attr("href")
				//Recuperamos el contenido de la etiqueta 'a'.
				var $contenidoA = $hijoLi.html()
				//Se añade al select la opcion conrrespondiente a este valor de la lista.
				$sel.append('<option value="'+$href+'">'+$contenidoA+'</option>')
			})
			//Se cierra el optgroup
			$sel.append('</optgroup>')
			//Se quita el atributo id para asignarselo al siguiente objeto y no haya dos con el mismo id
			$(this).removeAttr("id")
	   }) 
	//Se añade el botón de consultar pdf con el nombre de formulario y select adecuado
	$form.append('  <input name="Button2" class="boton" type="button" onclick="Ir_a_elemento_menu(\'form1\',\'menu2\',\'blank\')" value="Consultar"/>')
		
			
	
	
})