// JavaScript Document
// inicio ajax
function CrearXMLHttp(){
	XMLHTTP=false;
	if(window.XMLHttpRequest){
		return new XMLHttpRequest();
	}else if(window.ActiveXObject){
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
}
//function OpenPage(url,variables,metodo,id,loading){
//if(loading = 'pred'){
//	var loading = '<div style="background-color:#FF0000; font-weight:bold; font-family:Verdana, Geneva, sans-serif; width:100px; color:#FFFFFF;">Cargando...</div><div style="height:380px;width:100px;">&nbsp;</div>';
//}else{
//	var loading = loading;
//}
//	req=CrearXMLHttp();
//	if(req){
//		req.onreadystatechange = function() { manejador(id); }; 
//		if(metodo == 'POST'){
//			req.open("POST",url,true);
//			req.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
//	        req.send(variables);
//		}else{	
//			req.open("GET",url+'?'+variables,true);
//			req.send(null);
//		}
//               // toggle(loading); // ojo aqui
//			   document.getElementById(id).innerHTML=loading;
//	}
//}

function botonera (obj) {
	$("#botonera ul li a").each(function () {
		var btn = $(this);
		btn.css("color", "#58595b");
		//btn.hover( function() { css("color", "#e25933"); }, function() { css("color", "#58595b"); });
	});
	$("#"+obj).css("color", "red");
}

function OpenPage(url,variables,metodo,id,loading, btn){
	
	botonera(btn);
	
if(loading = 'pred'){
	var loading = '<div style="background-color:#FF0000; font-weight:bold; font-family:Verdana, Geneva, sans-serif; width:100px; color:#FFFFFF;">Cargando...</div><div style="height:380px;width:100px;">&nbsp;</div>';
}else{
	var loading = loading;
}

document.getElementById(id).innerHTML='<div style="background-color:#FF0000; font-weight:bold; font-family:Verdana, Geneva, sans-serif; width:100px; color:#FFFFFF;">Cargando...</div><div style="height:380px;width:100px;">&nbsp;</div>';

	$.ajax({
			  type: 'POST',
			  url: url,
			  success: function(data){
				  $('#' + id).html(data);
						   },
			});
}
function manejador(id){
	if(req.readyState == 4){
		if(req.status == 200){
                       // toggle(loading); // ojo aca
			document.getElementById(id).innerHTML=req.responseText;
		}else{
			//alert("Error"+req.statusText)
			alert("Error: es posible que tu navegador no sea compatible con las funciones de esta pagina, proba ingresando de nuevo desde Internet Explorer.");
		}
	}
}
// fin ajax