function crearFondo () {
	var fondo = document.createElement ("div");
	fondo.setAttribute ("id", "divFondo");
	fondo.setAttribute ("display", "none");
	document.body.appendChild (fondo);
	var contenido = document.createElement ("div");
	contenido.setAttribute ("id", "divContentSusc");
	contenido.setAttribute ("display", "none");
	document.body.appendChild (contenido);
	
	$('#divFondo').css ({
		'background-color': '#000000',
		'height': $(document).height (),
		'margin-left': 0,
		'margin-right': 0,
		'width': '100%',
		'position': 'absolute',
		'top': 0,
		'left': 0,
		'opacity': 0,
		'z-index': 25
	});
	$('#divFondo').animate (
		{ 'opacity': 0.7 },
		200
	);
}

function borrarFondo () {
	document.body.removeChild (document.getElementById ("divFondo"));
}

$(document).ready (function () {
	$('.trigger').click (function () {
		// Muestro el fondo
		// Creo las capas de fondo y formularios
		crearFondo ();
		
		var hFondo = document.all ? 335 : 321;
		
		$('#divContentSusc').css ({ width: 548, height: hFondo });
		$('#divContentSusc').css ({
			overflow: 'hidden',
			position: 'absolute',
			top: $(window).scrollTop() + 100,
			left: ($('body').width() - $('#divContentSusc').width()) / 2,
			zIndex: 200
		});
		
		var cssTop = $('#divContentSusc').offset ().top;
		var cssLeft = $('#divContentSusc').offset ().left;
		var cssW = $('#divContentSusc').width ();
		var cssH = $('#divContentSusc').height ();
		
		var yImg = ((cssTop + cssH) - cssTop) / 2 - 4;
		var xImg = ((cssLeft + cssW) - cssLeft) / 2 - 39;
		
		var htmlLoading = '<img style="position: absolute; top: ' + yImg + 'px; left: ' + xImg + 'px" src="images/ajax-loader.gif" />';
		
		$('#divContentSusc').html (htmlLoading);
		
		// Muestro la ventana (le paso como parametros el año y periodo seleccionados previamente)
		$.get ("suscripciones.php",
			function (data) {
				$('#divContentSusc').html (data);
				$('#divContentSusc').css ({ display: 'block' });
				$('.salir').click (cerrarSusc);
				$('#divFondo').click (cerrarSusc);
				$('.cerrar a').click (cerrarSusc);
			});
		return false;
	});
});

function cerrarSusc () {
	document.body.removeChild (document.getElementById ("divFondo"));
	document.body.removeChild (document.getElementById ("divContentSusc"));
}

function contenedor(nro,llama){
	document.getElementById('contenedor_'+parseInt(nro)).style.display='none';
	document.getElementById('contenedor_'+parseInt(llama)).style.display='block';
}

function valora(campo,valor){
	/*alert('campo '+campo+' valor '+valor);*/
	if (campo=='delegacion') document.suscripcion.delegacion.value = valor;
	if (campo=='opcion') document.suscripcion.opcion.value = valor;
}