﻿jQuery(document).ready(function(){ 

var contenidoHTML = '<div style=\"background-color:#000000\"><div style=\"position:absolute; left: 500px; top: 1px;\"><a href=\"#\" onclick=\"closeModal()\"><img src=\"/Ganadora/cerra3.gif\" border=\"0\" width=\"25\" height=\"25\"/></a></div><br /><br /><div><object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0\" width=\"537\" height=\"283\"><param name=\"movie\" value=\"/Ganadora/cladys.swf\"><param name=\"quality\" value=\"high\"><param name=\"wmode\" value=\"transparent\"><param name=\"allowscriptaccess\" value=\"samedomain\"><embed src=\"/Ganadora/cladys.swf\" wmode=\"transparent\" quality=\"high\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" width=\"537\" height=\"283\"></embed></object></div></div>';
var ancho = 537;
var alto = 325;	

jQuery(window).load(function(){

                            						
							// fondo transparente               
							// creamos un div nuevo, con dos atributos		
							var bgdiv = jQuery("<div>").attr({					
														className: 'bgtransparent',					
														id: 'bgtransparent'					
														});                               
							// agregamos nuevo div a la pagina		
							jQuery("body").append(bgdiv);		                
							// obtenemos ancho y alto de la ventana del explorer		
							var wscr = jQuery(window).width();		
							var hscr = jQuery(window).height();				
							//establecemos las dimensiones del fondo		
							jQuery("#bgtransparent").css("width", wscr);		
							jQuery("#bgtransparent").css("height", hscr);						
							// ventana modal               
							// creamos otro div para la ventana modal y dos atributos		
							var moddiv = jQuery("<div>").attr({					
														 className: 'bgmodal',					
														 id: 'bgmodal'					
														 });			                
							// agregamos div a la pagina		
							jQuery("body").append(moddiv);              
							// agregamos contenido HTML a la ventana modal		
							jQuery("#bgmodal").append(contenidoHTML);		                
							// redimensionamos para que se ajuste al centro y mas		
							jQuery(window).resize();	
							});	

jQuery(window).resize(function(){		
							// dimensiones de la ventana del explorer 		
							var wscr = jQuery(window).width();		
							var hscr = jQuery(window).height();		
							// estableciendo dimensiones de fondo		
							jQuery("#bgtransparent").css("width", wscr);		
							jQuery("#bgtransparent").css("height", hscr);				
							// estableciendo tamaño de la ventana modal		
							jQuery("#bgmodal").css("width", ancho);		
							jQuery("#bgmodal").css("height", alto);				
							// obtiendo tamaño de la ventana modal		
							var wcnt = jQuery("#bgmodal").width();		
							var hcnt = jQuery("#bgmodal").height();				
							// obtener posicion central		
							var mleft = ( wscr - wcnt ) / 2;		
							var mtop = ( hscr - hcnt ) / 2;				
							// estableciendo ventana modal en el centro		
							jQuery("#bgmodal").css("left", mleft+'px');		
							jQuery("#bgmodal").css("top", mtop+'px');	
							});	 
});	

function closeModal()
{        
// removemos divs creados	
jQuery("#bgmodal").remove();	
jQuery("#bgtransparent").remove();

}