var req;
function callPage(pageUrl, divElementId, loadinglMessage, pageErrorMessage) {
//     document.getElementById(divElementId).innerHTML = loadinglMessage;
     try {
     req = new XMLHttpRequest(); /* e.g. Firefox */
     } catch(e) {
       try {
       req = new ActiveXObject("Msxml2.XMLHTTP");  /* some versions IE */
       } catch (e) {
         try {
         req = new ActiveXObject("Microsoft.XMLHTTP");  /* some versions IE */
         } catch (E) {
          req = false;
         } 
       } 
     }
     req.onreadystatechange = function() {responsefromServer(divElementId, pageErrorMessage);};
     req.open("GET",pageUrl,true);
     req.send(null);
  }
function responsefromServer(divElementId, pageErrorMessage) {
   var output = '';
   if(req.readyState == 4) {
      if(req.status == 200) {
         output = req.responseText;
         document.getElementById(divElementId).innerHTML = output;
         } else {
         document.getElementById(divElementId).innerHTML = pageErrorMessage+"\n"+output;
         }
      }
  }
/* This Function is for Tab Panels */
function activeTab(tab,nodo) {   
		document.getElementById("tab1").className = "";
		document.getElementById("tab2").className = "";
		document.getElementById("tab3").className = "";
		document.getElementById("tab4").className = "";
		document.getElementById("tab5").className = "";
		document.getElementById("tab"+tab).className = "active";
		switch(tab) {
			case 1:
				callPage('tabposiciones.php?nodo='+nodo, 'content', '')
				break
			case 2:
				callPage('tabproximafecha.php?nodo='+nodo, 'content', '')
				break
			case 3:
				callPage('tabcalendario.php?nodo='+nodo, 'content', '')
				break
			case 4:
				callPage('tabgoleadores.php?nodo='+nodo, 'content', '')
				break
			case 5:
				callPage('tabposicionescl.php?nodo='+nodo, 'content', '')
				break
		}
		
}
