/*
 * BOXPOP - Exibição de conteúdo em tela centralizada no navegador
 *
 * @Autor: Edvaldo da Rosa - BCK Design - www.bck.com.br
 * @Versão: 1.0 (21/10/2008)
 * @Requer: boxPopBCK.css
 *			jQuery v1.1.6 ou superior
 *          Plugin Jquery.flash - v 1.0
 *
 */
 
$(document).ready(function(){

	///////////////////////   CONFIGURAÇÕES   //////////////////////////
	var tamBordaBoxPop = 10; //tamanho da borda
	var tamFontTitDefaultBoxPop = '20px';
	var corBordaBoxPop = '#ffffff';
	var tamDefaultBoxPop_w = 200; //Width da janela durante carregamento da Imagem
	var tamDefaultBoxPop_h = 150; //Heitgh da janela durante carregamento da Imagem
	var ativarImagemLoading = true; //Ativa ou não loading
	var urlImagemLoadingBoxPop = 'Imgs/loading.gif'; //URL da imagem de loading
	var urlBtFecharBoxPop = 'Imgs/btFecharBoxPop.gif'; //Botão Fechar
	
	///////////////////////   AÇÕES DE INICIALIZAÇÃO   //////////////////////////
	//Cria os elementos HTML do BOXPOP
	$(document.body).append("<div id='boxPop'></div>");
	if (tamBordaBoxPop > 0) {
		$("#boxPop").css("border", tamBordaBoxPop+"px solid "+corBordaBoxPop);
	}
	//Div com dados auxiliares
	$(document.body).append("<div id='boxAuxiliarBoxPop'></div>");
	//Botão fechar
	if (urlBtFecharBoxPop != '') {
		$("#boxAuxiliarBoxPop").append("<img src='"+ urlBtFecharBoxPop +"' alt='FECHAR' title='Clique para Fechar' id='btFecharBoxPop' />");
	}
	//Cria div onde exibirá o titulo
	$("#boxAuxiliarBoxPop").append("<div id='tituloBoxPop'></div>");
	$(document.body).append("<div id='overlayBoxPop'></div>");
	
	///////////////////////   BOXPOP IMAGEM   //////////////////////////
	//rel="imagemBox:15px" = casoBox : TamanhoFonteTitulo
	
	 $("a[rel*=imagemBox]").click(function() {
	 	//URl da imagembtFecharBoxPop
		 var urlImagemBoxPop = this.href;
		 
		//Insere titulo
		if (this.title != '' || this.title != undefined) {
			var $thisTitleImg = $(this);
			var paramSizeFont = $thisTitleImg.attr('rel').split(':');
			sizeFontTitle = paramSizeFont[1];
			if (sizeFontTitle != '' && sizeFontTitle != undefined) {
				$("#tituloBoxPop").css("font-size", sizeFontTitle);
			} else {
				$("#tituloBoxPop").css("font-size", tamFontTitDefaultBoxPop);
			}
		 	$("#tituloBoxPop").html(this.title);
		}
	 	//Estende e mostra o overlay por todo o conteudo
		$('#overlayBoxPop').css("height", $(document.body).height()).show();
		//Dimensiona e posiciona e mostra área de visualização durante carregamento da imagem
		$('#boxPop').css({
					top: (($(window).height() - tamDefaultBoxPop_w) /2 + $(document).scrollTop()) +'px',
					left: ($(window).width() - tamDefaultBoxPop_h) /2 + 'px',
					width: tamDefaultBoxPop_w + 'px',
					height: tamDefaultBoxPop_h + 'px'
					}).show();
		//Se preloader estiver ativo
		if (ativarImagemLoading == true) {
			
			$('#boxPop').html("<img src='"+ urlImagemLoadingBoxPop +"' alt='Carregando...' title='Carregando...' id='imgLoadingBoxPop' />");
			//Inicia Objeto Imagem
			var ImagemLoading = new Image();
			//Inicia o carregamento da Imagem
			$(ImagemLoading)
			//Ações ao terminar de carregar arquivo
			.load(function () {
				 
				 $('#imgLoadingBoxPop').css({
				 marginTop: ($('#boxPop').height() /2) - ($("#imgLoadingBoxPop").height() /2) +'px',
				 left: ($('#boxPop').width() /2) - ($("#imgLoadingBoxPop").width() /2) +'px'
				 });
			 })
			//Adiciona endereço da imagem
			.attr('src',  urlImagemLoadingBoxPop);
		}

		//Inicia Objeto Imagem
		var ImagemBoxPop = new Image();
		//Inicia o carregamento da Imagem
		$(ImagemBoxPop)
		//Ações ao terminar de carregar arquivo
		.load(function () {
			//Insere Imagem
			$('#boxPop').html("<img src='"+ urlImagemBoxPop +"' alt='' id='displayBox' />");
	 
	 		//Define tamanho, posicionamento e exibe box auxiliar
			$('#boxAuxiliarBoxPop').css({
			width: $('img#displayBox').width() + (tamBordaBoxPop * 2) + 'px',
			top: (($(window).height() + $('img#displayBox').height()) /2 + $(document).scrollTop()) - tamBordaBoxPop +'px',
			left: ($(window).width() - $('img#displayBox').width()) /2 + 'px'
			}).show();
			
			
			$('#boxPop').css({
			top: (($(window).height() - $('img#displayBox').height()) /2 + $(document).scrollTop()) - (tamBordaBoxPop*3) +'px',
			left: ($(window).width() - $('img#displayBox').width()) /2 + 'px',
			height: $('img#displayBox').height() + 'px',
			width: $('img#displayBox').width() + 'px'
			}).show();
			
		})
		//Mensagem de erro
		.error(function () {
		alert ("Desculpe!!! Erro ao carregar imagem.");
		})
		//Adiciona endereço da imagem
		.attr('src',  urlImagemBoxPop);
		
		//Anula ação do link											
		return false;
	}); //IMAGEMBOX

	
	///////////////////////   BOXPOP SWF   //////////////////////////
	//rel="swfBox:550:400:15px" = casoBox : LarguraSWF : AlturaSWF : TamanhoFonteTitulo
	
	 $("a[rel*=swfBox]").click(function() {
	 	//URl da imagembtFecharBoxPop
		var urlSwfBoxPop = this.href;
		 
		//Captura tamanho do filme
        var $thisTamSwf = $(this);
        var params = $thisTamSwf.attr('rel').split(':');
        widthSwfBoxPop = params[1];
        heightSwfBoxPop = params[2];
		//Cria tag onde será carregado o SWF
		$('#boxPop').html("<div id='displaySwfBoxPop'></div>");
		
		//Estende e mostra o overlay por todo o conteudo
		$('#overlayBoxPop').css("height", $(document.body).height()).show();
		
		$('#boxPop').css({
			top: (($(window).height() - heightSwfBoxPop) /2 + $(document).scrollTop()) - (tamBordaBoxPop*3) +'px',
			left: ($(window).width() - widthSwfBoxPop) /2 + 'px',
			height: heightSwfBoxPop + 'px',
			width: widthSwfBoxPop + 'px'
			}).show();
		
		//Insere titulo
		if (this.title != '' || this.title != undefined) {
			var $thisTitleSwf = $(this);
			var paramSizeFont = $thisTitleSwf.attr('rel').split(':');
			sizeFontTitle = paramSizeFont[3];
			if (sizeFontTitle != '' && sizeFontTitle != undefined) {
				$("#tituloBoxPop").css("font-size", sizeFontTitle);
			} else {
				$("#tituloBoxPop").css("font-size", tamFontTitDefaultBoxPop);
			}
		 	$("#tituloBoxPop").html(this.title);
		}
		
		//Define tamanho, posicionamento e exibe box auxiliar
			$('#boxAuxiliarBoxPop').css({
			width: $('#boxPop').width() + (tamBordaBoxPop * 2) + 'px',
			top: (($(window).height() + $('#boxPop').height()) /2 + $(document).scrollTop()) - tamBordaBoxPop +'px',
			left: ($(window).width() - $('#boxPop').width()) /2 + 'px'
			}).show();
			
			$('#displaySwfBoxPop').flash({
				src: urlSwfBoxPop, 
				width:  widthSwfBoxPop, 
				height: heightSwfBoxPop,
				wmode: 'transparent'
			});

		 //Anula ação do link											
		return false;
	}); //SWFBOX
	 
	///////////////////////   FECHAMENTO JANELA BOXPOP   //////////////////////////
	$('#overlayBoxPop').click(function() { //Ao clicar Overlay
		 $('#boxPop').hide();
		 $('#overlayBoxPop').hide();
		 $('#boxAuxiliarBoxPop').hide();
	});
	$('#btFecharBoxPop').click(function() { //Ao clicar no botão fechar
		 $('#boxPop').hide();
		 $('#overlayBoxPop').hide();
		 $('#boxAuxiliarBoxPop').hide();
	});
	
});