var x;
x=$(document);
x.ready(inicializarEventos);

function inicializarEventos()
{  

	$('#boton').click(video_over);
	$('#div_video').click(video_out);
	$('#cerrar').click(video_out);
	
}

function video_over()
{

		$('#div_video_out').fadeIn("slow");
		//$('#cruz').fadeIn("slow");
				
		$('#div_video').css({ position:'absolute',
               left: ($(window).width() - $('#div_video').outerWidth())/2,
               top: ($(window).height() - $('#div_video').outerHeight())/2+200
			   //top: ($(window).height() - $('#div_video').outerHeight())/2+50
          });
		$('#cruz').css('display','block');		
		$('#cruz').css({position:'absolute'});		
		$('#cruz').css("left",parseInt($('#div_video').css("left"))+$('#div_video').outerWidth()-15);
		$('#cruz').css("top",parseInt($('#div_video').css("top"))-10);
		$('#div_video').fadeIn("slow");
		$('#sup').css({ position:'absolute', width: ($(window).width()), height: 1300,top:0});
		$('#sup').fadeIn("slow");
}

function video_out()
{
       $('#sup').fadeOut("slow");		
		$('#div_video').css("display","none");
		$('#cruz').css("display","none");
}