   /* 
    modal.js ventana modal basica
	
*/
$(document).ready(function(){
	//parametros principales
	
	//var contenidoHTML = '<h1> L&#8217;Or&eacute;al</h1><p><b>L&#8217;Or&eacute;al M&eacute;xico, S.A.</b> ha adoptado esta Pol&iacute;tica de Confidencialidad para informarte del tratamiento que lleva<br>a cabo de los datos de car&aacute;cter personal recabados a trav&eacute;s de su p&aacute;gina web www.loreal.com.mx.<br> Entendemos que si navegas a trav&eacute;s de ella aceptas la presente Pol&iacute;tica de Confidencialidad y que consientes<br>las pr&aacute;cticas que describe.<br></p><p><b>Informaci&oacute;n de Car&aacute;cter Personal Recopilada en www.loreal.com.mx</b></p><p>Se entiende por "Datos de Car&aacute;cter Personal" cualquier informaci&oacute;n concerniente a una persona f&iacute;sica que<br>permite su identificaci&oacute;n o la hace identificable. Por ejemplo, tu nombre, direcci&oacute;n, n&uacute;mero de tel&eacute;fono/fax,<br>RFC, direcci&oacute;n de correo electr&oacute;nico o cualquier informaci&oacute;n que hayas facilitado a trav&eacute;s de<br>www.loreal.com.mx y que te identifique individualmente.<br></p><p>L&#8217;Or&eacute;al M&eacute;xico, S.A. no recopilar&aacute; ning&uacute;n dato de car&aacute;cter personal, a menos que seas t&uacute; quien los aporte. En<br>cualquier caso, puedes visitar y navegar por la p&aacute;gina web www.loreal.com.mx sin tener que revelar<br>informaci&oacute;n personal.<br></p> <button onclick=\"closeModal()\">Cerrar</button>';
        var contenidoHTML = '<p style="text-align:center;">L&#8217;Or&eacute;al &#8226; Aviso de Privacidad</p><iframe src="aviso.html" width="696px" height="420px" backgroun-color="white" style="border:solid 1px #cbd2c0;"><p>Your browser does not support iframes.</p></iframe><div align="center" style="margin-top:8px;"><button onclick=\"closeModal()\">Cerrar</button></div>';
        //'<button onclick=\"closeModal()\">Cerrar</button>';
	//<iframe src="html_intro.asp" width="100%" height="300"><p>Your browser does not support iframes.</p></iframe>
        
	var ancho = 700; 
	var alto = 500;

	$('#button').click(function(){
	//function showModal(){
		// fondo transparente
		var bgdiv = $('<div>').attr({
					className: 'bgtransparent',
					id: 'bgtransparent'
					});

		$('body').append(bgdiv);
		
		var wscr = $(window).width();
		var hscr = $(window).height();
				
		$('#bgtransparent').css("width", wscr);
		$('#bgtransparent').css("height", hscr);
		
		
		// ventana flotante
		var moddiv = $('<div>').attr({
					className: 'bgmodal',
					id: 'bgmodal'
					});	
		
		$('body').append(moddiv);
		$('#bgmodal').append(contenidoHTML);
		
		$(window).resize();
	});

	$(window).resize(function(){
		// dimensiones de la ventana
		var wscr = $(window).width();
		var hscr = $(window).height();

		// estableciendo dimensiones de background
		$('#bgtransparent').css("width", wscr);
		$('#bgtransparent').css("height", hscr);
		
		// definiendo tamaņo del contenedor
		$('#bgmodal').css("width", ancho+'px');
		$('#bgmodal').css("height", alto+'px');
		
		// obtiendo tamaņo de contenedor
		var wcnt = $('#bgmodal').width();
		var hcnt = $('#bgmodal').height();
		
		// obtener posicion central
		var mleft = ( wscr - wcnt ) / 2;
		var mtop = ( hscr - hcnt ) / 2;
		
		// estableciendo posicion
		$('#bgmodal').css("left", mleft+'px');
		$('#bgmodal').css("top", mtop+'px');
	});
	
	$(window).keyup(function(event){
   		if (event.keyCode == 27) {
        	//falta implementar
   		}
	});
	
 });
    
function closeModal(){
	$('#bgmodal').remove();
	$('#bgtransparent').remove();
}
