///////////// inicializar la ventana modal:
capa = 'popup';
fondo = 'fondo_transparente';
cargado = false;
$(document).ready(function () {
		$('body').prepend('<div id="'+fondo+'"></div>');
		$('body').prepend('<div id="'+capa+'" style="display: none"></div>');
		capa = '#' + capa;// Para que jquery coja el id
		fondo = '#' + fondo;
		$(capa).css ({position: 'absolute', left: '0px', top: '0px', zIndex: '12', margin: '0px', padding: '0px', backgroundColor: '#fff', border: '1px solid #000', textAlign: 'left'});

		if (window.attachEvent && !window.opera)
		{
			position = 'absolute';
		} else {
			position =  'fixed';
		}
		$(fondo).css({position: position, left: 0, top: 0, display: 'none', float: 'left', width: '100%', height: '100%', backgroundColor: '#000', zIndex: '10', opacity: 0.7 });
		cargado = true;
	    	window.onresize = resize;
	    	window.onscroll = resize;

      	}
    );

function popupShowRemote(url)
{

//	ocultarSelects();
	var de = document.documentElement;
	var wPagina = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var hPagina = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	var wBody = $('body').width();
	var hBody =  $('body').height();

	var altura = 0;
	if (hBody>hPagina)
		altura= hBody;
	else
		altura=hPagina;
	$(fondo).css({height: altura+20, width: wBody, display: 'inline' }).show();
	//Para que se pueda cerrar pinchando en cualquier sitio del fondo, sustituir linea anterior por:
	//$(fondo).css({height: altura+20, width: wBody, display: 'inline' }).show().unbind('click');

	$.ajax({
		url: url,
		evalJS: true,
		success: function(transport){
			popupShow(transport);

		}
	});




}
function popupClose()
{
//	mostrarSelects();
	$(capa).hide();
    $(fondo).hide();
}
// function que muestra la ventan modal
function popupShow(html)
{

//	if (!cargado)
//		return; //¿mensaje de error?
	//$(capa).update('<div>'+html+'</div>'); Incluimos el div para que no falle el popup si no tiene un elemento de tipo bloque con ancho fijo como primer elemento.
	$(capa).html(html);
	$(capa).css({display: "inline", opacity: 0 }).show();

	$(capa).children().load(function(){
		$(capa).css({width: $(capa).children(':first').width()+'px' });
	});


	var de = document.documentElement;
	var wPagina = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var hPagina = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;

	var wBody = $('body').width();
	var hBody = $('body').height();
	var wDiv = $(capa).width();
	var hDiv = $(capa).height();

	var scrollX = window.pageXOffset||window.document.documentElement.scrollTop;
	var scrollY = window.pageYOffset||window.document.documentElement.scrollTop;

	var xCentro = (wPagina/2 - wDiv/2) + scroll_X();

	var yCentro = (hPagina/2 - hDiv/2)  + scroll_Y();

	if (wPagina < wDiv)
		xCentro=0;
	if (hPagina < hDiv)
		yCentro=0;

	var altura = 0;
	if (hBody>hPagina)
		altura= hBody;
	else
		altura=hPagina;

	$(capa).css({left: xCentro + 'px', top: yCentro + 'px', opacity: 1});

	$(fondo).css({height: altura, width: wBody, display: 'inline' });
//Para que se pueda cerrar pinchando en cualquier sitio del fondo, sustituir linea anterior por:
/*$(fondo).css({height: altura, width: wBody, display: 'inline' }).bind('click',function () {
      		$(capa).hide();
      		$(capa).innerHTML = '';
      		$(capa).css ({});
      		$(this).hide();
      		$(this).unbind('click');
    	});
 */

}

/*************posicionar la capa en el centro cuando se redimensione la página, y restaurar el tamaño del fondo***********************/
function resize()
{
	var de = document.documentElement;
	var wPagina = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var hPagina = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;

	var wBody = $('body').width();
	var hBody =  $('body').height();
	var wDiv = $(capa).width();
	var hDiv = $(capa).height();

	var scrollX = window.pageXOffset||window.document.documentElement.scrollTop;
	var scrollY = window.pageYOffset||window.document.documentElement.scrollTop;

	var xCentro = (wPagina/2 - wDiv/2) + scroll_X();
	var yCentro = (hPagina/2 - hDiv/2) + scroll_Y();
	if (wPagina < wDiv)
		xCentro=0+ scroll_X();
	if (hPagina < hDiv)
		yCentro=0+ scroll_Y();

	var altura = 0;
	if (hBody>hPagina)
		altura= hBody;
	else
		altura=hPagina;
	$(capa).css({ left: xCentro+'px', top: yCentro+'px'});
	$(fondo).css({height: altura, width: wBody })
}
/***************************************************************************************************************/

 function scroll_Y(){

	if(window.pageYOffset){
		return window.pageYOffset;
	 }
	 else {
		return  Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	 }
}

 function scroll_X(){

	if(window.pageXOffset){
		return window.pageXOffset;
	 }
	 else {

		return  Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);

	 }

}

/***************************************************************************************************************/
function ocultarSelects()
{
	$('select').each(function(e)
	{
		e.hide('ocultar_selects')
	});
};

function mostrarSelects()
{
	$('select').each(function(e)
	{
		e.show('ocultar_selects')
	});
};