addEvent(window,'load',iniciaEvento,false);

function iniciaEvento(){
  var ob;
  for(f=1;f<=20;f++){
    ob=document.getElementById('lig'+f);
    addEvent(ob,'click',presLiga,false);
  }
}

function presLiga(e){
  if (window.event){
    window.event.returnValue=false;
    var url=window.event.srcElement.getAttribute('href');
    cargaEsp(url);     
  }else if (e){
    e.preventDefault();
    var url=e.target.getAttribute('href');
    cargaEsp(url);     
  }
}

var conexion1;
function cargaEsp(url){
  if(url==''){
    return;
  }
  conexion1=objetoAjax();
  conexion1.onreadystatechange = procesaLig;  
  conexion1.open("GET", url, true);
  conexion1.send(null);
}

function procesaLig(){
  var detalles = document.getElementById("main_nav");  
  if(conexion1.readyState == 4){
    detalles.innerHTML = conexion1.responseText;
  } else {
    detalles.innerHTML = 'Cargando...';
  }
}
/******************************************************************/

function enviarFiltro(){
	//donde se mostrará lo resultados
	divResultado = document.getElementById('resultado');
	divFormulario = document.getElementById('formulario');
	//valores de los inputs
	espe=document.frmFiltros.especial.value;
	area=document.frmFiltros.areas.value;
	tema=document.frmFiltros.temas.value;
	subt=document.frmFiltros.subtemas.value;
	titu=document.frmFiltros.titu.value;
	anio=document.frmFiltros.anio.value;
	
	//instanciamos el objetoAjax
	ajax=objetoAjax();
	//usando del medoto POST
	//archivo que realizará la operacion
	//actualizacion.php
	ajax.open("POST", "datos.php",true);
	ajax.onreadystatechange = procesaDatos;
	//muy importante este encabezado ya que hacemos uso de un formulario
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	//enviando los valores
	ajax.send("sArea="+area+"&sTema="+tema+"&sSubt="+subt+"&sEspe="+espe+"&sTitu="+titu+"&sAnio="+anio)
}

function procesaDatos(){
  var detalles = document.getElementById("datos");
  if(ajax.readyState == 4){
    detalles.innerHTML = ajax.responseText;
  } else {
    detalles.innerHTML = 'Cargando...';
  }
}

/******************************************************************/

//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura){
  if (elemento.attachEvent){
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
  } else if (elemento.addEventListener){
    elemento.addEventListener(nomevento,funcion,captura);
    return true;
  } else
    return false;
}

function objetoAjax(){
	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
  		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}