// *************** Cria ícone de carregamento *******************
function iconeCarregamentoAbas() {
		var iconCarregando = $('<span class="carregando">Carregando...<hr /></span>');
		$(iconCarregando).appendTo('#carregando'); // Envia o icone de carregamento para a div 
}


// *************** Saída de ícone de carregamento para links com abas *******************
function iconeCarregamentoAbasSlideUp(aba) {
	$("#carregando").slideUp('slow'); // inclui efeito de saída no icone de carregamento para quando a página estiver carregada 
	if (aba != ""){ // Se for enviada a variável "a" (aba) envia estilos de ativação do link 
		$(".AbasGroup li").css({backgroundColor: '#EBEBEB', borderBottom: 'solid 1px #CCCCCC'}); // reseta todas as abas restaurando os estilos padrão definidos em gerais.css 
		$("#Aba"+aba+"").css({backgroundColor: '#FFFFFF', borderBottom: 'solid 1px #FFFFFF'}); // Define os estilos da aba ativa
	}
}


// *************** Executa a Janela Modal *****************************
function iniciaModal(pasta, inc, strModal, janWidth, janHeight, idValue, message){
	
	// Define o tamanho da janela
	$("#modal").css({width: ''+janWidth+'px', height: ''+janHeight+'px'});
	$("#carregando").empty();

	// Define o overflow como 'auto' para incluir ou não barra de rolagem, caso haja necessidade e define a altura diminuindo 65px da altura da div pai que inclui os estilos das bordas top e botton
	$("#modal .modalConteudo").css({overflow:'auto', height: ''+(janHeight-65)+'px'});

	// captura a altura e e largura do documento. Diminui quatro pixels da altura para evitar barras de rolagem no IE
	var maskHeight = ($(document).height())-4;
	var maskWidth = $(window).width();
	
	// Define o tamanho da máscara que vai escurecer a tela	
	$('#modalMask').css({'width':maskWidth,'height':maskHeight});
	
	// Cria um fade de entrada escurecendo o alpha para 80%
	$('#modalMask').fadeTo(500,0.8);	
	
	// Pega as dimensões da janela
	var winW = $(window).width();
	var winH = $(window).height();
	
	// define as posições top e left com base no tamanho da janela
	$("#modal").css('top',  ((winH/2)-($("#modal").height()/2))-10);
	$("#modal").css('left', (winW/2)-($("#modal").width()/2));
	
	
	// inclui um fade de entrada na janela de conteúdo
	$("#modal").fadeIn(500);


	// Se a janela for assincrona, cria o icone de carregamento e carrega o arquivo
	if (strModal == "#modalAssincrono"){
		// Esvasia os valores anteriores (se houverem) na div alvo "modalConteudo" e, em seguida, deixa-a preparada para ser exibida
		$("#modal .modalConteudo").empty().show();
		// Cria o icone de carregamento
		var iconCarregando = $('<span class="carregando">Carregando...</span>');
		// envia o icone de carregamento para a div alvo enquanto o arquivo não é carregado
		$(iconCarregando).appendTo("#modal .modalConteudo");
		// Carrega o arquivo indicado
		$("#modal .modalConteudo").load("wp-content/custom/"+pasta+"/inc_"+inc+".php");
	
	// Se a janela for acionada a partir de um redirecionamento
	} else if (strModal == "#modalRedireciona"){
		$("#modal .modalConteudo").empty().show();
		var iconCarregando = $('<span class="carregando">Carregando...</span>');
		$(iconCarregando).appendTo("#modal .modalConteudo");
		$("#modal .modalConteudo").load("wp-content/custom/"+pasta+"/inc_"+inc+"_men"+message+".php");
	
	// Se a janela for criada para carregar um iframe
	} else if (strModal == "#modalAssincronoIframe"){

		$("#modal .modalConteudo").empty().show();
		$("#iconeIframe").empty().show();
		var iconCarregando = $('<span class="carregando">Carregando...<hr /></span>');
		$(iconCarregando).appendTo("#iconeIframe"); // Envia o icone de carregamento para a div 
		
		var iframe = $('<iframe name="palco" src="wp-content/custom/'+pasta+'/ajax.php?p='+pasta+'&inc='+inc+'&id='+idValue+'" width="100%" height="98%" frameborder="0"><p>Your browser does not support iframes.</p></iframe>');
		$(iframe).appendTo("#modal .modalConteudo");
		
		$.get('wp-content/custom/'+pasta+'/ajax.php?p='+pasta+'&inc='+inc+'&id='+idValue+'', function(data){
			if (data != ""){
				$("#iconeIframe").slideUp();
			}
		});

	}

	// Pega o clique no botão close e execuda os fadeouts data da máscara e da janela
	$('.modalWindow .modalClose').click(function (e) {
		e.preventDefault();
		$('#modalMask').fadeOut(200);
		$('.modalWindow').fadeOut(200);
		$("#carregando").empty();
	});
	
	// pega o clie na máscara e execuda os fadeouts data da máscara e da janela
	$('#modalMask').click(function () {
		$(this).fadeOut(200);
		$('.modalWindow').fadeOut(200);
		$("#carregando").empty();
	});
}


// *************** Trata as variáveis necessárias para carregar a Janela Modal Assincrona *****************************
function janelaModal(url){

	var pasta = url.split("&")[0]; // pega a posição zero da array criada com a divisão da url a partir do separador &
	var pastaFinal = pasta.split("=")[1]; // pega a posição um da array criada com a divisão da variável criada anteriormente (pasta) a partir do marcador =

	var inc = url.split("&")[1];
	var incFinal = inc.split("=")[1];

	var janelaModal = url.split("&")[2];
	var janelaModalFinal = janelaModal.split("=")[1];

	var width = url.split("&")[3];
	var widthFinal = width.split("=")[1];

	var height = url.split("&")[4];
	var heightFinal = height.split("=")[1];


	if ((url.split("&")[5]) != undefined){
		var idValue = url.split("&")[5];
		var idValueFinal = idValue.split("=")[1];
	} else {
		var idValueFinal = "";	
	}

	if ((url.split("&")[6]) != undefined){
		var message = url.split("&")[6];
		var messageFinal = message.split("=")[1];
	} else {
		var messageFinal = "";	
	}

	var variaveis = url.split("?");
	
	var modal ="#"+janelaModalFinal; // define o nome da janela acrescentando "#" que identifica o id da janela
	
	iniciaModal(pastaFinal, incFinal, modal, widthFinal, heightFinal, idValueFinal, messageFinal);
}


// Colunas zebradas
$(function(){
	$('tbody tr:odd').addClass('odd');
});