// 	JavaScript Document
/* 	Ignacio Albano
	Date: 2010/09/13

	Structure Window
	<div id="maskModalWindow"></div>
	<div id="maskModalWindowInner">
		<div class='modalWindow' id='modalWindowId'>
			<div class='modalWindowTop'>
				<a href='#' id='btnCloseModalWindow'>text-btnClose</a>
			</div>
			<div class='modalWindow-inner'>
			</div>
		</div>
	</div>
*/
var modalWindow;
var maskModalWindow;
var modalWindowTop;
var btnCloseModalWindow;
var modalWindowInner;
var options;

function cerrarModalWindow(){
		options.onClose();
		$(modalWindow).remove();
		$(maskModalWindow).remove();
		return false;
}
function showModalWindow(options_par){
	
	options = $.extend({
					url:  '',
					width: 320,
					height: 240,
					opacity: 0.75,
					bkgcolor: '#000',
					bkgColorWpr: "#FFF",
					borderColor: "#CCC",
					innerPadding: 15,
					textBtnClose: 'Cerrar',
					showBtnClose: true,
					showBorder: true,
					'btnClose'  		: null,
					'loaddata'			: {},
					onClose: function(){},
					fullModal: false
			  }, options_par || {});

	maskModalWindow = "";
	$('body').append(maskModalWindow = $('<div id="maskModalWindow"></div>'));
	maskModalWindow.css({
				'background-color'	: options.bkgcolor,
				'opacity'			: options.opacity,
				'position'			: 'fixed',
				'top'               : 0,
				'left'				: 0,
				'z-index'			: 9000,
				'height'			: $(window).height(),
				'width'				: $(window).width(),
				'overflow'			: 'hidden',
				'text-align'		: 'center'
	});
	
	$(window).resize(function() {
		maskModalWindow.css({
					'height'			: $(window).height(),
					'width'				: $(window).width()
		});
		
		modalWindow.css({
					'top'               : parseInt(( $(window).height() - options.height)*0.5),
					'left'				: parseInt(0.5*($(window).width() - options.width)),
		});		
	});


	var topMargin = parseInt(( $(window).height() - options.height)*0.5);
	modalWindow = "";	
//	$(maskModalWindowInner).append( modalWindow = $('<div class=\'modalWindow\' id=\'modalWindow\'></div>'));
	$("BODY").append( modalWindow = $('<div class=\'modalWindow\' id=\'modalWindow\'></div>'));
	modalWindow.css({
				'position'			: "fixed",
				'background-color'	: options.bkgColorWpr,
				'border'			: (options.showBorder)?('1px solid '+options.borderColor):"",
				'margin'			: '0 auto',
				'top'               : topMargin,
				'left'				: parseInt(0.5*($(window).width() - options.width)),
				'z-index'			: 9001,
				'height'			: options.height,
				'width'				: options.width,
				'padding'			: options.innerPadding
	});
	
	modalWindowTop = "";
	$(modalWindow).append(modalWindowTop = $('<div class=\'modalWindowTop\'></div>'));
	if (options.showBtnClose){
		btnCloseModalWindow = "";
		$(modalWindowTop).append(btnCloseModalWindow = $('<a href=\'#\' id=\'btnCloseModalWindow\'>text-btnClose</a>'))
	
		$(btnCloseModalWindow)
				.html(options.textBtnClose)
				.click(function(){
					if (options.onClose != null){
						options.onClose();
					}
					$(modalWindow).remove();
					$(maskModalWindow).remove();
					$(maskModalWindowInner).remove();
				});
	}

	modalWindowInner = "";
	$(modalWindow).append(modalWindowInner = $('<div class=\'modalWindow-inner\'></div>'));
	$(modalWindowInner).css({
		'text-align':	'left'
	});

	modalWindowInner.html('');
	$(modalWindowInner).load(options.url, options.loaddata, function(){
																if (options.showBtnClose){
																	if (options.btnClose != null){
																		btnCloseModalWindow.hide();
																		$("#"+options.btnClose).click(function(){
																			cerrarModalWindow();
																			return false;
																		});
																	} else {
																	$(btnCloseModalWindow)
																			.html(options.textBtnClose)
																			.click(function(){
																				$(maskModalWindow).remove();
																				//$(maskModalWindowInner).remove();
																			});
																	}															
																}
															});

	if (!options.fullModal){
		$("#maskModalWindow").click(function(){
			options.onClose();
			$(modalWindow).remove();
			$(maskModalWindow).remove();
			return false;
		});
	}
	
}