function FloatBox(titulo, msg, largura, altura) {
	this.titulo = titulo;
	this.msg = msg;
	this.usarOk = true;
	this.funcaoOk = 'closefloatbox();';
	this.usarCancel = false;
	this.redirect = false;
	this.alinhamento = 'left';
	
	if (typeof(largura)=='undefined') {
		this.largura = 0;
	} else {
		this.largura = largura;
	}
	if (typeof(altura)=='undefined') {
		this.altura = 0;
	} else {
		this.altura = altura;
	}
	
	this.setRedirect = function(url) {
		this.redirect = true;
		this.redirectUrl = url;
	}
	this.setAlinhamento = function(align) {
		this.alinhamento = align;
	}
	
	this.botaoOk = function(funcao) {
		this.usarOk = true;
		this.funcaoOk = funcao;
	}
	this.botaoCancel = function(funcao) {
		this.usarCancel = true;
		if (typeof(funcao)=='undefined') {
			this.funcaoCancel = 'closefloatbox();';
		} else {
			this.funcaoCancel = funcao;
		}
	}
	this.criarJanela = function() {
		var fba;
		var fba_novo = false;
		if (document.getElementById("modal-window")!=null) {
			fba = document.getElementById("modal-window");
		} else {
			fba = document.createElement("div");
			fba.id = 'modal-window';
			fba_novo = true;
		}
		
		if (document.getElementById("modal-overlay")==null) {
			var overlay = document.createElement("div");
			overlay.id = 'modal-overlay';
			window.document.body.appendChild(overlay);
		}
			var fba_inner = '';
			fba_inner = '<img src="/imagens/layout/b.gif" id="back-screen" />';
			if (this.redirect) fba_inner += '		<input type="hidden" id="redirect" name="redirect" value="'+this.redirectUrl+'" />';
			fba_inner += '		<div id="float-box">';
			fba_inner += '		    <div class="borderlefttop">';
			fba_inner += '		        <div class="borderrighttop">';
			fba_inner += '		            <a href="#" onclick="closefloatbox();return false;" class="bt-close">Fechar</a>';
			fba_inner += '		            <h1 id="titulo_modal">'+this.titulo+'</h1>';
			fba_inner += '		            <div class="borderleftbottom">';
			fba_inner += '		                <div class="borderrightbottom">';
			fba_inner += '		                    <div class="alert-box" id="content_modal" style="';
			fba_inner += ' text-align: '+this.alinhamento+';';
			if (typeof(this.largura)!='undefined' && this.largura!=0) fba_inner += ' width:'+this.largura+'px;';
			if (typeof(this.altura)!='undefined' && this.altura!=0) fba_inner += ' height:'+this.altura+'px;';
			fba_inner += '">';
			fba_inner += '		                    </div>';
			if (this.usarOk==true) {
					fba_inner += '<span id="botao_ok"><a href="#" onclick="';
					fba_inner += 'javascript:' + this.funcaoOk;
					fba_inner += ';return false;" class="bt ok">Ok</a></span>';
			}
			if (this.usarCancel==true) {
				fba_inner += '		                        <a href="#" onclick="';
				fba_inner += 'javascript:'+this.funcaoCancel;
				fba_inner += ';return false;" class="bt cancel" id="botao_cancelar">Cancelar</a>';
			}
			fba_inner += '<span class="alert" id="msg-alerta"></span>';
			fba_inner += '		                 </div>';
			fba_inner += '		            </div>';
			fba_inner += '		        </div>';
			fba_inner += '		    </div>';
			fba_inner += '		</div>';
			fba.innerHTML = fba_inner;
			if (fba_novo) window.document.body.appendChild(fba);
			document.getElementById("content_modal").innerHTML = this.msg;
	}
	this.abrirJanela = function() {
		var div = document.getElementById("modal-window");
		var b = document.getElementById("modal-overlay");
		
		div.style.display = 'block';
		b.style.display = 'block';
		
		
		var windowWidth, windowHeight;
		if (self.innerHeight) { // all except Explorer
			windowWidth = self.innerWidth;
			windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
		}
		
		div.style.left = (parseInt(windowWidth) - parseInt(div.offsetWidth)) / 2 + 'px';
		div.style.top = (parseInt(windowHeight) - parseInt(div.offsetHeight)) / 2 + 'px';
		
		$(b).fadeTo("fast", 0.60 );
	}
	this.abrir = function() {
		this.criarJanela();
		this.abrirJanela();
	}
	this.fechar = function() {
		closefloatbox();
	}
}

function FloatBoxAlert() {
	this.titulo = 'Atenção';
	this.msg = '<span class="error"><img alt="Atenção" class="error" src="/imagens/layout/ic-alert-big.gif"/><strong>Erro</strong><br/> Houve um erro e a operação não pode ser realizada.</span>';
	this.msgErro = function(destaque, detalhe) {
		this.msg = '<span class="error"><img alt="Atenção" class="error" src="/imagens/layout/ic-alert-big.gif"/><strong>'+destaque+'</strong><br/>'+detalhe+'</span>';
	}
	this.naoLogado = function() {
		this.msg = '<span class="error"><img alt="Atenção" class="error" src="/imagens/layout/ic-alert-big.gif"/><strong>Para utilizar este recurso você deve estar logado!</strong><br/> <a href="javascript:caixaLogin();">Clique aqui para entrar em sua conta</a> ou <a href="/usuarios/cadastro.php">aqui para se cadastrar</a>.</span>';
	}
}
FloatBoxAlert.prototype = new FloatBox();

function FloatBoxLogin() {
	this.msg = '<form action="/usuarios/login.php" method="post" name="form-login-fbox" id="form-login-fbox"><ol><li><label for="email-fbox">E-mail:</label><input type="text" id="email-fbox" name="email"/></li><li><label for="senha-fbox">Senha:</label><input type="password" name="senha" id="senha-fbox" name="senha"/></li><li style="text-align: right;"><a href="/usuarios/login.php?esqueceuSenha">Esqueceu sua senha?</a></li></ol></form>';
	this.titulo = 'Fazer Login';
	this.botaoOk('document.getElementById(\'form-login-fbox\').submit()');
}
FloatBoxLogin.prototype = new FloatBox();

FloatBoxComentario.prototype = new FloatBox();
function FloatBoxComentario() {
	this.titulo = 'Enviar comentário';
	this.temNota = true;
	this.temPreco = false;
	this.botaoCancel();
        this.com_titulo = '';
        this.comentario = '';
        this.cod_comentario = '';
        this.editar = false;
        this.reload = true;
        this.callback = '';
	
	this.darNota = function(valor) {
		this.temNota = valor;
	}
	this.darPreco = function(valor) {
		this.temPreco = valor;
	}
	
	this.setTipoComentario = function(valor) {
		this.tipoComentario = valor;
	}
	
	this.setCodItem = function(valor) {
		this.codItem = valor;
	}
	
	
	this.abrir = function() {
		this.msg = '<form method="post" action="#" class="comment">';
		this.msg += '<ol><li><label id="lb_com_titulo">Título:</label><input name="titulo" id="com_titulo" type="text" value="' + this.com_titulo + '" /></li>';		
		if (this.editar==true)
                    this.msg += '<li><label id="lb_com_comentario">Comentário:</label><div class="text-comment"><textarea rows="9" id="com_descricao">' + this.comentario + '</textarea></div></li></ol>';
                else
                    this.msg += '<li><label id="lb_com_comentario">Comentário:</label><div class="text-comment"><textarea rows="9" onclick="valorInicial(true,\'Digite seu comentário aqui\',this);" onfocus="valorInicial(true,\'Digite seu comentário aqui\',this);" id="com_descricao">Digite seu comentário aqui</textarea></div></li></ol>';
                if (this.editar==true)
                    this.msg += '<input type="hidden" name="cod_comentario" id="cod_comentario" value="' + this.cod_comentario + '" />';
		if (this.temNota==true) this.msg += '<div class="rate"><label id="lb_com_nota">Nota:</label><ul class="star-rating"><li class="current-rating" id="current-rating"></li><li><a href="#" title="Péssimo" class="one-rate" onclick="selecionarVoto(this,1); return false;" id="star_1">Péssimo</a></li><li><a href="#" title="Regular" class="two-rate" onclick="selecionarVoto(this,2); return false;" id="star_2">Regular</a></li><li><a href="#" title="Bom" class="three-rate" onclick="javascript:selecionarVoto(this,3); return false;" id="star_3">Bom</a></li><li><a href="#" title="Ótimo" class="four-rate" onclick="javascript:selecionarVoto(this,4); return false;" id="star_4">Ótimo</a></li><li><a href="#" title="Imperdível" class="five-rate" onclick="javascript:selecionarVoto(this,5); return false;" id="star_5">Imperdível</a></li></ul><div class="user-rating" id="user-rating"></div></div><input type="hidden" name="com_nota" id="com_nota" value="0" />';
		if (this.temPreco==true) this.msg += '<div class="rate"><label id="lb_com_preco">Preço:</label><a href="#" class="no-money-rating" id="no-money-rating" onclick="javascript:selecionarPreco(this,-1); return false;" id="money_-1" >Gratuito</a><ul class="money-rating"><li class="current-rating" id="current-rating-money">Caro</li><li><a href="#" title="Pechincha" class="one-rate"  onclick="javascript:selecionarPreco(this,1); return false;" id="money_1">Pechincha</a></li><li><a href="#" title="Barato" class="two-rate" onclick="javascript:selecionarPreco(this,2); return false;" id="money_2">Barato</a></li><li><a href="#" title="Preço Justo" class="three-rate"  onclick="javascript:selecionarPreco(this,3); return false;" id="money_3">Preço Justo</a></li><li><a href="#" title="Caro" class="four-rate" onclick="javascript:selecionarPreco(this,4); return false;" id="money_4">Caro</a></li><li><a href="#" title="Caríssimo" class="five-rate" onclick="javascript:selecionarPreco(this,5); return false;" id="money_5">Caríssimo</a></li></ul><div class="user-rating" id="user-rating-money"></div></div><input type="hidden" value="0" name="com_preco" id="com_preco" />';
		this.msg += '</form>';

                if (this.editar)
                {
                    this.botaoOk('editar_comentario('+this.tipoComentario+','+this.codItem+');');
                }
                else {
                    if(this.reload)
                        this.botaoOk('enviar_comentario('+this.tipoComentario+','+this.codItem+');');
                    else {
                        this.botaoOk('enviar_comentario('+this.tipoComentario+','+this.codItem+', true, \''+this.callback+'\');');
                    }
                }
		
		this.criarJanela();
		this.abrirJanela();
		
	}
	
}


FloatBoxRecomendacao.prototype = new FloatBox();
function FloatBoxRecomendacao(){
	
	this.abrir = function(){
		var conteudo = "<form action=\"#\" class=\"comment\" method=\"POST\"><ol>";
		conteudo += "<li><label id=\"text_para\">Enviar para: </label><input type=\"text\" name=\"para\" id=\"email_destinatario\"/><li>";
		if(this.remetenteCadastrado){
			conteudo += "<li><label id=\"text_nome\">Seu nome: </label><input type=\"text\" name=\"nome_usuario\" id=\"nome_remetente\"/></li>";
			conteudo += "<li><label id=\"text_email\">Seu email: </label><input type=\"text\" name=\"email\" id=\"email_remetente\"/></li>";
		}
		conteudo += "<li><label id=\"text_comentario\">Comentário: </label><div class=\"text-comment\"><textarea name=\"comentario\" id=\"recomende_comentario\"/></textarea></div></li>";
		conteudo += "</ol>";
		conteudo += "<label id=\"text_img\">Digite o texto que você vê na imagem abaixo: </label>";
		conteudo += "<img src=\"/includes/imagens/secure-img.php\" class=\"secure-img\" style=\"float:left; margin-top: 5px;\"/>";
			conteudo += "<span class=\"small-error\">"
				conteudo += "<strong id=\"image_error\"></strong>";
			conteudo += "</span>";
		conteudo += "<input type=\"text\" id=\"recomende_security\" name=\"secure_img\" style=\"margin-left: 10px; width: 170px; margin-top: 5px;\"/>";
		
		conteudo += "</form>";
		this.msg = conteudo;
		this.criarJanela();
		this.abrirJanela();
	}
}


function FloatBoxAvatar() {
	this.titulo = '';
	this.largura = 414;
	this.botaoOk('salvarSelecaoUpload()');
	this.botaoCancel();
	
	this.avatar = function() {
		this.titulo = 'Escolher Avatar';
		var aa = 'Selecione um avatar na lista abaixo ou clique em procurar para carregar uma imagem de seu computador.';
		aa += '<div class="minibox">';
		aa += '<h4>Usar avatar padrão</h4>';
		aa += '<div class="avatar-out">';
		aa += '<a class="bt-rollleft" href="javascript:paginaAnteriorAvatar()">Anterior</a>';
		aa += '<div class="avatar-in">';
		aa += '<ul>';
		for (var x=1; x<=48; x++) {
			aa += '<li id="avatar_padrao_'+x+'"><a href="javascript:selecionarAvatar(\''+x+'\');" class="avatar-thumb"><img src="/imagens/usuarios/avatar_padrao/'+x+'.jpg"/><img src="/imagens/layout/b.gif" class="mask" /></a></li>';
		}
		aa += '</ul>';
		aa += '</div>';
		aa += '<a class="bt-rollright" href="javascript:proximaPaginaAvatar()">Próxima</a>';
		aa += '</div>';
		aa += '</div>';
		
		aa += '<div class="minibox">';
		aa += '<h4>Carregar avatar</h4>';
		aa += '<iframe src="/includes/upload/upload_padrao.php?tipo=usuario" id="upload_avatar" name="upload_avatar" style="width:404px;height:57px;border:0px;" scrolling="no" border="0" />';
		aa += '</div>';
		this.msg = aa;
		this.abrir();
		parent.tipoImg = 'avatar';
	};
	this.imgComunidade = function(cod_grupo) {
		this.titulo = 'Escolher Imagem';
		var aa = 'Clique em procurar para carregar uma imagem de seu computador.';
	
		aa += '<div class="minibox">';
		aa += '<h4>Carregar imagem</h4>';
		var comp = '';
		if (typeof(cod_grupo)=='undefined') {
			comp = '&temp=1&codigo=0'; 
		} else {
			comp = '&codigo='+cod_grupo;
		}
		aa += '<iframe src="/includes/upload/upload_padrao.php?tipo=grupo'+comp+'" id="upload_avatar" name="upload_avatar" style="width:404px;height:57px;border:0px;" scrolling="no" border="0" />';
		aa += '</div>';
		this.msg = aa;
		this.abrir();
		parent.tipoImg = 'comunidade';
	};
}
FloatBoxAvatar.prototype = new FloatBox();

function FloatBoxBusca(withComm) {

var msg = '					<div class="upload">';
if(withComm) {
    msg += '                          <span class="up-lbl">Procure um local ou comunidade para associar.</span>';
    msg += '                          <div class="up-search"><input type="text" id="busca" onkeypress="if(event.keyCode==13) { buscar_windows_form(\'selecionarLugar\'); }"/><input type="hidden" id="tipo" value="lugar" /><input type="hidden" id="tipo_adicional" value="comunidades" /><input type="hidden" id="janela_busca" value="modalPadrao" /><a class="bt-action" href="javascript:void(0);" onclick="javascript:buscar_windows_form(\'selecionarLugar\');">Procurar</a></div>';
} else {
    msg += '                          <span class="up-lbl">Procure um local para associar.</span>';
    msg += '                          <div class="up-search"><input type="text" id="busca" onkeypress="if(event.keyCode==13) { buscar_windows_form(\'selecionarLugar\'); }"/><input type="hidden" id="tipo" value="lugar" /><input type="hidden" id="janela_busca" value="modalPadrao" /><a class="bt-action" href="javascript:void(0);" onclick="javascript:buscar_windows_form(\'selecionarLugar\');">Procurar</a></div>';
}
msg += '                          <div class="results" id="busca_content">';
msg += '                          </div>';
msg += '                      </div>';
this.msg = msg;
this.titulo = 'Buscar';
this.altura = 338;
this.largura = 506;
}

FloatBoxBusca.prototype = new FloatBox();

function closefloatbox(){
	var div = document.getElementById("modal-window");
	var b = document.getElementById("modal-overlay");
	$(b).fadeTo("fast",0);
	$(div).slideUp("medium");
	var t = setTimeout('esconderJanela()',350);
	if (document.getElementById("redirect")!=null) {
		document.location.href=document.getElementById("redirect").value;
	}
	
}
function esconderJanela() {
	if (document.getElementById("modal-overlay")) {
		document.getElementById("modal-overlay").style.display = 'none';
	}
	if (document.getElementById("modal-window")) {
		document.getElementById("modal-window").style.display = 'none';
	}
}

function naoLogado() {
	var flogado = new FloatBoxAlert();
	flogado.naoLogado();
	flogado.abrir();
}
function caixaLogin() {
	var flogin = new FloatBoxLogin();
	flogin.abrir();
}

function caixaLoading(titulo) {
	var msg = '<img src="/imagens/layout/ajax-loader-blue.gif" alt="Carregando..." style="position:absolute;left:50%;margin-left:-16px;margin-top:-16px;top:50%;" />';
	
	var fbox = new FloatBox(titulo, msg, 375);
	fbox.usarOk = false;
	fbox.abrir();
}