// JavaScript Document
/***************************************************************************
					  Definiciones funciones Lightbox
***************************************************************************/

//esta funcion llama la URL por Ajax cuando el lightbox ya ha sido 
//construido. Decidido así por portabilidad
function lightbox(laurl,multi,callback){
	var $lightCont = buildLightbox(multi);
	$.ajax({
		type: "POST",
		url: laurl,
		async: false,
		success: function(html){
			//eliminar imagen cargando
			$lightCont.empty();
			//agregar el nuevo contenido y animar
			$lightCont.append("<div id='lightnovisible'></div>");
			$('#lightnovisible').append(html);
			$('#lightnovisible').show(500,function(){
				if(callback){
					eval(callback);
				}
			});
		}
	});
}

function buildLightbox(multi){//agregar link opcional a multimedia
	//obtener alto y ancho actual
	var ancho = $('body').outerWidth();
	var alto = $('#Intgral').outerHeight();
	//crear el Lightbox.
	//crear tabla contenedora dentro de lightcont
	var tabla = "<div id='lightcont'><table cellspacing='0' cellpadding='0'>";
	tabla += "<tr height='20'><td width='20' id='light_img_lt' ></td><td id='light_img_ct'></td><td width='20' id='light_img_rt'></td></tr>";
	tabla += "<tr><td id='light_img_lm'></td><td bgcolor='white'>";
	tabla += "<div id='navcont'><a href='javascript:dropLightbox();'><div id='bot_cerr_light'></div></a>";
	if(!multi || multi==0){	
		tabla += "</div>";
	}else{
		tabla += "<a href='"+multi+"'><div id='bot_mult_light'></div></a></div>";
	}
	tabla += "<div id='ajaxCont'><img src='imagenes/loading.gif'/></div></td><td id='light_img_rm'></td></tr>";
	tabla += "<tr height='20'><td id='light_img_lb'></td><td id='light_img_cb'></td><td id='light_img_rb'></td></tr></table></div>";
	//crear fondo obscuro
	var html = "<div id='lightbox'></div>";
	//agregar elementos al documento
	$("#contgral").prepend(tabla);
	$("#contgral").prepend(html);
	//animar su aparición
	$("#lightbox").css({width:ancho, height:alto, opacity:0.0}).animate({opacity: 0.7},500);
	$("#lightcont").css({width:ancho, height:alto, top:$(this).scrollTop()}).fadeIn(500);
	//retornar contenedor a escribir
	return $("#ajaxCont");
}

function dropLightbox(){
	$("#lightcont").fadeOut(500);
	$("#lightbox").animate({opacity: 0.0},500,function(){
		$("#lightbox").remove();
		$("#lightcont").remove();
	});
}

/********************************************************************************
									VALIDACION
********************************************************************************/
function valida(){
	$("#formulario").validate();
}