// ///////////////////////////////////////////////////////////////////////
// Utilizacion:
// - Para inicializar la capa debes invocar dentro del html el siguiente script:
//
// 		<script>init_window('contenidos');</script>
//
// con el generamos una instancia de la ventana ajax, podremos crear 
// tantas como queramos
// 
// - Para crear una llamada al objeto, en el enlace en cuestion tendremos que poner 
// una llamada tal que así:
//
// 		show_window('tutorial1.php', 'contenidos', 'nombre=Juan&apellido=Luna', 'Titulo ventana', 300, 300);
//
// - Para generar un post dentro de la misma ventana sin volver a generar la animación
// podremos hacerlo con la siguiente llamada:
//
// 		new_request('tutorial2.php', 'contenidos', 'nombre=JD', 'Titulo ventana');
// 
// - Para generar el cierre de la ventana con la animación deberás invocar 
// la siguiente petición:
//
//		close_window ('contenidos');
////////////////////////////////////////////////////////////////////////////

function show_window (localizacion, capa, parametros, titulo, ancho, alto){
	show_layer (localizacion, capa, parametros, titulo, ancho, alto);
}
function http_request (localizacion, capa, parametros, titulo){
	$.ajax({
        type: "GET",
        url: localizacion,
        data: parametros,
		contentType: "application/xhtml+xml",
        success: function(datos){
       		show_response (capa, datos, titulo);
      	},
		timeout: 6000,
		error: function(objeto, quepaso, otroobj){
            alert("Error making request: "+quepaso);
        }
	});
}
function show_layer (localizacion, capa, parametros, titulo, ancho, alto){
	document.getElementById(capa).innerHTML = "";
	$("#"+capa).fadeIn("slow", function(){
		animate_window (localizacion, capa, parametros, titulo, ancho, alto);
		});
}
function show_response (capa, datos, titulo){
	alert(datos);
	document.getElementById(capa).innerHTML = title_header (capa, titulo) + datos;
}
function init_window (nombre){
	document.write ("<div id='"+nombre+"' class='ventana'></div>");
}
function close_window (capa, accion_posterior){
	document.getElementById(capa).innerHTML = "";
	$("#"+capa).animate({width:0,height:0,left:0,top:0}, "slow", function(){
		$("#"+capa).css("display","none");
		if(accion_posterior!="undefined") eval(accion_posterior);
		});
}
function title_header (capa, titulo){
	var codigo = "<table class='barra_titulo'><tr><td width='90%'>&nbsp;"+titulo+"</td><td width='17'><a href='javascript: close_window (\""+capa+"\")'><img src='/admin/img/icono_cerrar.gif' border='0' width='17' height='17'></a><br></td></tr></table>";
	return codigo;
}
function animate_window (localizacion, capa, parametros, titulo, ancho, alto){
	var ancho_act = 0;
	var alto_act = 0;
	if (document.all) {
		ancho_act = document.body.offsetWidth;
		alto_act = top.document.body.offsetHeight;
	} else {
		ancho_act = window.innerWidth;
		alto_act = top.window.innerHeight;
	}
	var izq = (ancho_act/2) - (ancho / 2); if(izq<0) izq=0;
	var arr = (alto_act/2) - (alto / 2); if(arr<0) arr=0;
	$("#"+capa).animate({width:ancho,height:alto,left:izq,top:arr}, "slow", function(){
		new_request (localizacion, capa, parametros, titulo);
		});
}
function new_request (localizacion, capa, parametros, titulo){
	var message = "<table class='conectando'><tr><td align='center'>Conectando...</td></tr></table>";
	document.getElementById(capa).innerHTML = title_header (capa, titulo) + message;
	http_request (localizacion, capa, parametros, titulo);
}