function creaAjax(url,capa){
	var objetoAjax=false;
		try {
			objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
		try {
	objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (E) {
     objetoAjax = false;
		}	
	}
	if (!objetoAjax && typeof XMLHttpRequest!='undefined') {
	objetoAjax = new XMLHttpRequest();
	}
	return objetoAjax;
}


function Cambio(url,capaContenedora,loading){
var ajax=creaAjax();
ajax.open ('POST', url, true);
	ajax.onreadystatechange = function() {
		if (ajax.readyState==1) {
			capaContenedora.innerHTML=loading;
		} else if (ajax.readyState==4){
		if(ajax.status==200) {
			capaContenedora.innerHTML=ajax.responseText;}
		else if(ajax.status==404){
			capaContenedora.innerHTML = "file not found";}
		else {
			capaContenedora.innerHTML=ajax.responseText; }
			}
		}
	ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	ajax.setRequestHeader('Accept-Charset', 'UTF-8');
	ajax.send(url);
	return;
}		         




function Desc(url,capa,valor1){
	var capaContenedora = document.getElementById(capa);
	var desc = document.getElementById(valor1).value;
	var url = url+"&desc="+desc;
	var loadingmini = "<div id='laoding'><img src='/Images/loader-mini.gif'  align='absmiddle' > Loading ...</div>"
	Cambio(url,capaContenedora,loadingmini);
}
function Directo (url,capa){
	var ajax=creaAjax();
	var capaContenedora = document.getElementById(capa);
	var url =url;
	var w=document.getElementById(capa).offsetWidth;
	var loadingmini = "<div id='laoding' ><img src='/Images/ajaxload.gif' style='padding-top: 20%;'></div>"
	Cambio(url,capaContenedora,loadingmini);
}

function DirectoS (url,capa){
	var ajax=creaAjax();
	var capaContenedora = document.getElementById(capa);
	var url =url;
	var w=document.getElementById(capa).offsetWidth;
	var loadingmini = "<div id='laoding' ><img src='/Images/loader-mini.gif'></div>"
	Cambio(url,capaContenedora,loadingmini);
}

function ADD (url,capa,valores,valores2){
	var ajax=creaAjax();
	var capaContenedora = document.getElementById(capa);
	var url =url+"?codigo="+valores+"&descripcion="+valores2;
	var w=document.getElementById(capa).offsetWidth;
	var loadingmini = "<div id='laoding' style='width:"+w+"px;'><img src='/Images/loader-mini.gif' style='padding-top: 50%;'></div>"
	Cambio(url,capaContenedora,loadingmini);
}

function Continente(url,capa,valor1){
	var ajax=creaAjax();
	var capaContenedora = document.getElementById(capa);
	var continente = document.getElementById(valor1).value;
	var url = url+"&continente="+continente;
 	var w=document.getElementById(capa).offsetWidth;
	var loadingmini = "<div id='laoding' style='width:"+w+"px;'><img src='/Images/loader-mini.gif' style='padding-top: 50%;'></div>"
	Cambio(url,capaContenedora,loadingmini);
}


function serie (url,capa,valor1,valor2,valor3,valor4){
	var ajax=creaAjax();
	var capaContenedora = document.getElementById(capa);
	var url = url+"&nombre="+document.getElementById(valor1).value+"&ano="+document.getElementById(valor2).value+"&nota="+document.getElementById(valor3).value+"&pais="+document.getElementById(valor4).value;
	var w=document.getElementById(capa).offsetWidth;
	var loadingmini = "<div id='laoding' style='width:"+w+"px;'><img src='/Images/loader-mini.gif' style='padding-top: 0%;'></div>"
	Cambio(url,capaContenedora,loadingmini);
}

function code (url,capa,valor1,metodo){
	var ajax=creaAjax();
	var capaContenedora = document.getElementById(capa);
	var codigonew = document.getElementById(valor1).value;
	var url = url+"&codigonew="+codigonew;
	var w=document.getElementById(capa).offsetWidth;
	var h=document.getElementById(capa).offsetHeight;

	var loadingmini = "<div id='laoding' style='width:"+w+"px;height:"+h+"px;'><img src='/Images/loader-mini.gif' style='padding-top: 0%;'></div>"
	Cambio(url,capaContenedora,loadingmini);
}
function tipo (url,capa){
	var ajax=creaAjax();
	var url = url
	var capaContenedora = document.getElementById(capa);
	var w=document.getElementById(capa).offsetWidth;
	var h=document.getElementById(capa).offsetHeight;
	var loadingmini = "<div id='laoding' style='width:"+w+"px;height:"+h+"px;'><img src='/Images/loader-mini.gif' style='padding-top: 50%;'></div>"
	Cambio(url,capaContenedora,loadingmini);
}
function changeid (url,capa,valor1,metodo){
	var ajax=creaAjax();
	var capaContenedora = document.getElementById(capa);
	var newid = document.getElementById(valor1).value;
	var url = url+"&newid="+newid;
	var loadingmini = "<div id='laoding'><img src='/Images/loader-mini.gif'  align='absmiddle' > Loading ...</div>"
	Cambio(url,capaContenedora,loadingmini);
}
function remove (url,capa,capapos){
	var ajax=creaAjax();
	var capaContenedora = document.getElementById(capa);
	var url = url;
	var w=document.getElementById(capapos).offsetWidth;
	var h=document.getElementById(capapos).offsetHeight;
	var loadingmini = "<div id='laoding' style='width:"+w+"px;height:"+h+"px;'><img src='/Images/loader-mini.gif'></div>"
	Cambio(url,capaContenedora,loadingmini);
}

function formatear (url,capa,valor1,valor2,valor3,valor4,valor5){
	var ajax=creaAjax();
	var capaContenedora = document.getElementById(capa);
	var pais = document.getElementById(valor1).value;
	var city = document.getElementById(valor2).value;
	var Nombre = document.getElementById(valor3).value;
	var apellido = document.getElementById(valor4).value;
		var browser = document.getElementById(valor5).value;
	var url = url+"&pais="+pais+"&city="+city+"&Nombre="+Nombre+"&apellido="+apellido+"&browser="+browser;
	var loadingmini = "<div id='laoding' ><img src='/Images/loader-mini.gif'> cargando</div>"
	Cambio(url,capaContenedora,loadingmini);
}



function callPage(pageUrl, divElementId) {
	var w=document.getElementById(divElementId).offsetWidth;
	var h=document.getElementById(divElementId).offsetHeight;
	var loadinglMessage = "<div id='laoding' style='width:"+w+"px;height:"+h+"px;'><br><br><br><br><br><br><img src='/Images/loader-mini.gif' align='absmiddle'> Loading</div>"
	pageErrorMessage= "Error"
     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 = req.readyState;
   if(req.readyState == 4) {
      if(req.status == 200) {
         output = req.responseText;
         document.getElementById(divElementId).innerHTML = output;
         } else {
         document.getElementById(divElementId).innerHTML = pageErrorMessage+"\n"+output;
         }
      }
}

function activeTab(tab){   
		document.getElementById("tab1").className = "tab";
		document.getElementById("tab2").className = "tab";
		document.getElementById("tab3").className = "tab";
		document.getElementById("tab"+tab).className = "tabactive";
}