// JavaScript Document
banner_activo = "";
$(document).ready(function()
	{	
		$(window).resize(function(){
			ajustoPosiciones();
		});
		
		$(window).scroll(function(){
			ajustoPosiciones();
		});
		
		$("#btn_mapa").click(function(){
			cerrarBannerActivo();
		});
		
		$("#btn_cerrar").click(function(){
			if(banner_activo == ""){
				cerrarBannerActivo();
			}else{
				cerrarBannerVideos();
				banner_activo = "";
			}
		});
		
		$(".open-video-pop").click(function(){
			banner_activo = "#load-video"+$(this).attr('rel');
			ajustoPosicionVideo();
			cerrarBannerVideos();
		});
		
		$("#btn_cerrar_video").click(function(){
			cerrarBannerVideos();
			banner_activo = "";
		});
		
		$("#shadow").css("height", $(document).height()).hide();
		ajustoPosiciones();
		
	});

	function cerrarBannerActivo(){
		sector2unload = "#banner_promo_popup";
		$("#btn_cerrar").toggle();
		$(sector2unload).toggle();
		$("#shadow").toggle();
	}
	
	function ajustoPosiciones(){
		sector2load = "#banner_promo_popup";
		$(sector2load).css("top", ( $(window).height() - $(sector2load).height() ) / 2 + $(window).scrollTop() + "px");
		$(sector2load).css("left", ( $(window).width() - $(sector2load).width() ) / 2 + $(window).scrollLeft() + "px");
		//Ajustar en base al sector que se abra
		sec_height = $(sector2load).height()/2 + 15;
		sec_width = $(sector2load).width()/2 - 15;
		$("#btn_cerrar").css("top", $(window).height()/2 - sec_height + $(window).scrollTop() + "px");
		$("#btn_cerrar").css("left", $(window).width()/2 + sec_width + $(window).scrollLeft() + "px");
	}
	
	function cerrarBannerVideos(){
			//alert("CArgo el banner:"+banner_activo);
        sector2unload = banner_activo;
				//alert(banner_activo);
        $(sector2unload).toggle();
				$("#btn_cerrar_video").toggle();
        $("#shadow").toggle();
    }
    
    function ajustoPosicionVideo(){
        sector2load = banner_activo;
        $(sector2load).css("top", ( $(window).height() - $(sector2load).height() ) / 2 + $(window).scrollTop() + "px");
        $(sector2load).css("left", ( $(window).width() - $(sector2load).width() ) / 2 + $(window).scrollLeft() + "px");
        //Ajustar en base al sector que se abra
				
				sec_height = $(sector2load).height()/2 + 30;
				sec_width = $(sector2load).width()/2 - 25;
				$("#btn_cerrar_video").css("top", $(window).height()/2 - sec_height + $(window).scrollTop() + "px");
				$("#btn_cerrar_video").css("left", $(window).width()/2 + sec_width + $(window).scrollLeft() + "px");
    }