$(document).ready(function() {
	Click();
});

function Click()
{
    //selecciona todo el tag A con el nombre igual al modal
    $('a[name=modal]').click
    (    		
    		function(e)
    		{
    			
			    //Cancela el comportamiento del enlace
			    e.preventDefault();
					
			    //Obtén el tag A
			    var id = $(this).attr('href');
				id = id.substr(id.lastIndexOf('#'),id.length) 
				
			    //Obtén el alto y ancho de la pantalla
			    var maskHeight = $(document).height();
			    var maskWidth = $(window).width();
			    
			    //Configura el alto y ancho de la máscara para rellenar la pantalla
			    $('#mask').css({'width':maskWidth,'height':maskHeight});
			
			    //transition effect
			    $('#mask').fadeIn(1);
			    $('#mask').fadeTo(1,0.8);
			
			    //Obtén el alto y ancho de la ventana
			    var winH = $(window).height();
			    var winW = $(window).width();
			
			    //Configura la ventana popup para que esté centrada
			    $(id).css('top',  winH/2-$(id).height()/2);
			    $(id).css('left', winW/2-$(id).width()/2);
				
			    //Efecto de transición
			    $(id).fadeIn(1);
			    
				//alert("se lanza! "+id);
    		}
    );

    //Si se presiona el botón Close
    $('.window .close').click(
		function (e) 
		{
			//Cancelar el comportamiento del enlace
			e.preventDefault();
			$('#mask, .window').hide();
			$('#mask, .windowGrande').hide();
			$('#cargando').hide();
		}
	);

    //Si se hace clic sobre la máscara
    $('#mask').click(
		function () 
		{	
			$(this).hide();
			$('.window').hide();
			$('.windowGrande').hide();
			$('#cargando').hide();
		}
	);

}

function cerrarVentanaModal()
{
	$('#ventana_modal').html("<span class='red'><b>Cargando...</b><br/><img src='image/cargando.gif' alt='Cargando...' /></span>");
	$('#mask, .window').hide();
	$('#mask, .windowGrande').hide();
	$('.window').hide();
	$('.windowGrande').hide();
}