/*
*Busca
*/

function b_a()//Blogs + acessados
{
	location.href = "index.php?pg=Busca&b_a";
}

function d_b()//Divulgue gratis seu Blog no portal
{
	location.href = "index.php?pg=Divulgue";
}

function visualizaIndicacao(  ){

	var nome_blog = $("input#blog").val();
	var nome = $("input#nome").val();
	var email =$('#email').val();
	
		if( nome_blog != "" && nome != "" && email != ""){
			if(checkMail(email)){
				$("div#enviar").css('display','none');
				$("div#visu").css('display','none');
				$("div#indicar").css('display','block');
				$("div#email-mkt").load('xml/mail_indique.php?nome='+nome+'&blog='+nome_blog);
			}else{
				$('#email').focus();
				$('div#erro').html('<div class="erro" align="center">Ops ! E-mail invalido  </div>');
			}
		}else{
			$('div#erro').html('<div class="erro" align="center">Ops ! Preecha os campos para visualizar </div>');
		}
	
}

function checkMail(mail){
    var er = new RegExp(/^[A-Za-z0-9_\-\.]+@[A-Za-z0-9_\-\.]{2,}\.[A-Za-z0-9]{2,}(\.[A-Za-z0-9])?/);
    if(typeof(mail) == "string"){
    	if(er.test(mail)){ 
    		return true; 
    	}
    }else if(typeof(mail) == "object"){
        if(er.test(mail.value)){ 
            return true; 
        }
    }else{
        return false;
    }
}

var divAtual = null;
var conteudo = null;
function mostraUrna( id_div, codigo_blog, nome_categoria, titulo_blog, lancamento_blog, autor_blog, url_blog, thumbnail )
{
	
	blog_autor = autor_blog.substring(0, 15);

	conteudo ='<img src="images/blogs/'+thumbnail+'" width="150" hspace="0" vspace="0" border="0" style="background: red; border: none; position: absolute; margin: 161px 0 0 11px" />';
	conteudo +='<div style="background: none; border: none; position: absolute; margin: 169px 0 0 189px">';
	conteudo +='<span class="style11">';
	conteudo +='<strong>Categoria:</strong> '+nome_categoria+'<br />';
	conteudo +='<strong>C&Oacute;DIGO:</strong> '+codigo_blog+'<br />';
	conteudo +='<strong>T&Iacute;TULO:</strong> '+titulo_blog+'<br />';
	conteudo +='<strong>DESDE:</strong> '+lancamento_blog+'<br />';
	conteudo +='<strong>AUTOR / RESPONS&Aacute;VEL:</strong> '+blog_autor;
	conteudo +='<a class="linktopicos" href="index.php?pg=MostraBlog&url='+url_blog+'" target="_blank">';
	conteudo +='<br />';
	conteudo +='<strong>URL:</strong> '+url_blog+'';
	conteudo +='</a>';
	conteudo +='</span>';
	conteudo +='</div>';
	conteudo +='<input type="text" name="nome" id="nome" value="" onkeypress="apagaCampo(\'erro_nome\', \'votar_'+id_div+'\')" style="background: #ffffff; border: none; position: absolute; height: 15px; width: 90px ; margin: 174px 0 0 488px; border: 0px solid red" />';
	conteudo +='<input type="text" name="email" id="email" value="" onkeypress="apagaCampo(\'erro_email\', \'votar_'+id_div+'\' )" style="background: #ffffff; border: none; position: absolute; height: 15px; width: 90px ; margin: 198px 0 0 488px; border: 0px solid red" />';
	conteudo +='<input type="hidden" name="id_blog" id="id_blog" value="'+id_div+'" />';
	conteudo +='<input type="submit" name="confirmarVoto" id="confirmarVoto" value="" onclick="validaVotacao(\'votar_'+id_div+'\');" />';
	conteudo +='<img src="images/urna_final.png" />';

        //alert(conteudo);
	
	if( divAtual != null )
	{	
		$('#'+divAtual+'').html('');
		
		$('#'+divAtual+'').slideUp('slow', function(){
			$('#'+divAtual+'').html('');
		});
	}
		
	//alert(id_div +""+ codigo_blog +""+ nome_categoria +""+ titulo_blog +""+ lancamento_blog +""+ autor_blog +""+ url_blog);
    $('#'+id_div+'').slideDown('slow', function() {
    	$('#'+id_div+'').html(conteudo);
    });

    divAtual = id_div;
}

function mostraUrnaSocial(id_div, caminho_imagem, codigo_blog, nome_categoria, titulo_blog, lancamento_blog, autor_blog, url_blog, thumbnail, linkTwitter, linkFacebook)
{
    conteudo ='<div id="social" style="width: 606px; height: 103px; text-align: center; background: url(\''+caminho_imagem+'votacao/background_urna.png\')">';
    conteudo +='    <a class="btnFechaUrna" onclick="fechaUrnaSocial(\''+id_div+'\')"></a>';
    conteudo +='    <div id="titulo_votar" class="style14verdeescuro" style="border-bottom:1px dashed #fff; width: 580px; height: 25px; margin: auto; text-align: left; padding: 15px 0 0 0">';
    conteudo +='        <b>VOTAR</b> - Selecione um perfil abaixo:';
    conteudo +='    </div>';
    conteudo +='    <div id="icones_votacao" style="padding: 10px; text-align: left">';
    conteudo +='        <a href="#email" class="btnUrnaEmail" onclick="mostraUrnaEmail(\''+id_div+'\',\''+caminho_imagem+'\')" ></a>';
    conteudo +='        &nbsp;';
    conteudo +='        <a href="#twitter" class="btnUrnaTwitter" onclick="mostraUrnaTwitter(\''+linkTwitter+'\',\''+id_div+'\',\''+caminho_imagem+'\',\''+titulo_blog.replace("'", "")+'\',\''+url_blog+'\')" ></a>';
    conteudo +='        &nbsp;';
    conteudo +='        <a href="#facebook" class="btnUrnaFacebook" onclick="mostraUrnaFacebook(\''+linkFacebook+'\',\''+id_div+'\',\''+caminho_imagem+'\',\''+titulo_blog.replace("'", "")+'\',\''+url_blog+'\')" ></a>';
    conteudo +='        &nbsp;';
    conteudo +='    </div>';
    conteudo +='</div>';

    //alert(conteudo);

    if( divAtual != null )
    {
        $('#social_'+divAtual+'').html('');

        $('#social_'+divAtual+'').slideUp('slow', function(){
            $('#social_'+divAtual+'').html('');
        });
    }

    //alert(id_div +""+ codigo_blog +""+ nome_categoria +""+ titulo_blog +""+ lancamento_blog +""+ autor_blog +""+ url_blog);
    $('#social_'+id_div+'').slideDown('slow', function() {
        $('#social_'+id_div+'').html(conteudo);
    });

    divAtual = id_div;
}

function mostraUrnaEmail(id_div, caminho_imagem)
{
    conteudo ='<form name="votar" id="votar_'+id_div+'" action="http://www.topblog.com.br/2011/index.php?pg=Busca" method="post">';
    conteudo +='<table border="0" style="width: 606px; height: 186px; background: url(\''+caminho_imagem+'votacao/background_urna2.png\')">';
    conteudo +='    <tr>';
    conteudo +='        <td width="70" align="center" valign="top"><br />';
    conteudo +='            <img src="'+caminho_imagem+'votacao/bt_votar_email_b.png" border="0" />';
    conteudo +='        </td>';
    conteudo +='        <td align="left" valign="top">';
    conteudo +='            <table border="0" align="center">';
    conteudo +='                <tr>';
    conteudo +='                    <td class="style14verdeescuro" width="60" height="42" valign="bottom"><b>Email:</b></td>';
    conteudo +='                    <td  valign="bottom" align="right" width="435">';
    conteudo +='                    </td>';
    conteudo +='                </tr>';
    conteudo +='                <tr>';
    conteudo +='                    <td height="35" valign="top" align="left" class="style14verdeescuro">';
    conteudo +='                    Nome:';
    conteudo +='                    </td>';
    conteudo +='                    <td height="35" valign="top" align="left">';
    conteudo +='                        <input type="text" name="nome" id="nome" value="" onkeypress="apagaCampo(\'erro_nome\', \'votar_'+id_div+'\')" style="background: #ffffff; border: none; position: absolute; height: 30px; width: 430px ; border: 0px solid red; padding: 0 0 0 5px" />';
    conteudo +='                    </td>';
    conteudo +='                </tr>';
    conteudo +='                <tr>';
    conteudo +='                    <td height="35" valign="top" align="left" class="style14verdeescuro">';
    conteudo +='                    Email:';
    conteudo +='                    </td>';
    conteudo +='                    <td height="35" valign="top" align="left">';
    conteudo +='                        <input type="text" name="email" id="email" value="" onkeypress="apagaCampo(\'erro_email\', \'votar_'+id_div+'\')" style="background: #ffffff; border: none; position: absolute; height: 30px; width: 430px ; border: 0px solid red; padding: 0 0 0 5px" />';
    conteudo +='                    </td>';
    conteudo +='                </tr>';
    conteudo +='                <tr>';
    conteudo +='                    <td class="style14verdeescuro">';
    conteudo +='                    </td>';
    conteudo +='                    <td height="50" align="right">';
    conteudo +='                        <input type="hidden" name="id_blog" id="id_blog" value="'+id_div+'" />';
    conteudo +='                        <input type="submit" name="confirmarVoto" id="confirmarVoto" value="" onclick="validaVotacao(\'votar_'+id_div+'\');" />';
    conteudo +='                    </td>';
    conteudo +='                </tr>';
    conteudo +='            </table>';
    conteudo +='        </td>';
    conteudo +='    </tr>';
    conteudo +='</table>';
    conteudo +='</form>';

    if( divAtual != null )
    {
        $('#social2_'+divAtual+'').html('');
	$('#social2_'+divAtual+'').css('height','186px');
        $('#social2_'+divAtual+'').slideUp('slow', function(){
            $('#social2_'+divAtual+'').html('');
        });
    }

	//alert(id_div +""+ codigo_blog +""+ nome_categoria +""+ titulo_blog +""+ lancamento_blog +""+ autor_blog +""+ url_blog);
    $('#social2_'+id_div+'').slideDown('slow', function() {
    	$('#social2_'+id_div+'').html(conteudo);
    });

    divAtual = id_div;
}

function mostraUrnaTwitter(linkTwitter, id_div, caminho_imagem, titulo_blog, url_blog)
{
    conteudo ='<form name="votar" id="votar_'+id_div+'" action="http://www.topblog.com.br/2011/index.php?pg=Redireciona" method="post">';
    conteudo +='<table border="0" style="width: 606px; height: 65px; background: url(\''+caminho_imagem+'votacao/background_urna3.png\') no-repeat;">';
    conteudo +='    <tr>';
    conteudo +='        <td width="70" height="55" align="center">';
    conteudo +='            <img src="'+caminho_imagem+'votacao/bt_votar_twitter_b.png" border="0" />';
    conteudo +='        </td>';
    conteudo +='        <td class="style14verdeescuro">&nbsp;&nbsp;&nbsp;<b>Vote pelo Twitter</b></td>';
    conteudo +='        <td align="center" width="130">';
    conteudo +='            <input type="hidden" name="id_blog" id="id_blog" value="'+id_div+'" />';
    conteudo +='            <input type="hidden" name="linkTwitter" id="linkTwitter" value="'+linkTwitter+'" />';
    conteudo +='            <input type="hidden" name="titulo_blog" id="titulo_blog" value="'+titulo_blog+'" />';
    conteudo +='            <input type="hidden" name="url" id="url" value="'+url_blog+'" />';
    conteudo +='            <input type="submit" name="votar_twitter" class="votar_rede_social" value="" />';
    conteudo +='        </td>';
    conteudo +='    </tr>';
    conteudo +='</table>';
    conteudo +='</form>';

    //alert(conteudo);

    if( divAtual != null )
    {
        $('#social2_'+divAtual+'').html('');
        $('#social2_'+divAtual+'').css('height','65px');
        $('#social2_'+divAtual+'').slideUp('slow', function(){
            $('#social2_'+divAtual+'').html('');
        });
    }

    //alert(id_div +""+ codigo_blog +""+ nome_categoria +""+ titulo_blog +""+ lancamento_blog +""+ autor_blog +""+ url_blog);
    $('#social2_'+id_div+'').slideDown('slow', function() {
        $('#social2_'+id_div+'').html(conteudo);
    });

    divAtual = id_div;
}

function mostraUrnaFacebook(linkFacebook, id_div, caminho_imagem, titulo_blog, url_blog) {
  
    conteudo ='<form name="votar" id="votar_'+id_div+'" action="http://www.topblog.com.br/2011/index.php?pg=Redireciona" method="post">';
    conteudo +='<table border="0" style="width: 606px; height: 65px; background: url(\''+caminho_imagem+'votacao/background_urna3.png\') no-repeat;">';
    conteudo +='    <tr>';
    conteudo +='        <td width="70" height="55" align="center">';
    conteudo +='            <img src="'+caminho_imagem+'votacao/bt_votar_facebook_b.png" border="0" />';
    conteudo +='        </td>';
    conteudo +='        <td class="style14verdeescuro">&nbsp;&nbsp;&nbsp;<b>Vote pelo Facebook</b></td>';
    conteudo +='        <td align="center" width="130">';
    conteudo +='            <input type="hidden" name="id_blog" id="id_blog" value="'+id_div+'" />';
    conteudo +='            <input type="hidden" name="linkFacebook" id="linkFacebook" value="'+linkFacebook+'" />';
    conteudo +='            <input type="hidden" name="titulo_blog" id="titulo_blog" value="'+titulo_blog+'" />';
    conteudo +='            <input type="hidden" name="url" id="url" value="'+url_blog+'" />';
                            // permitir=0 (Evita o envio da mensagem)
    conteudo +='            <input type="hidden" name="permitir" id="premitir" value="1" />';
    conteudo +='            <input type="submit" name="votar_facebook" class="votar_rede_social" value="" />';
    conteudo +='        </td>';
    conteudo +='    </tr>';
    conteudo +='</table>';
    conteudo +='</form>';

    //alert(conteudo);

    if( divAtual != null )
    {
        $('#social2_'+divAtual+'').html('');
        $('#social2_'+divAtual+'').css('height','65px');
        $('#social2_'+divAtual+'').slideUp('slow', function(){
            $('#social2_'+divAtual+'').html('');
        });
    }

    //alert(id_div +""+ codigo_blog +""+ nome_categoria +""+ titulo_blog +""+ lancamento_blog +""+ autor_blog +""+ url_blog);
    $('#social2_'+id_div+'').slideDown('slow', function() {
        $('#social2_'+id_div+'').html(conteudo);
    });

    divAtual = id_div;
}

function fechaUrnaSocial(id_div) {
    $('#social2_'+id_div).slideUp('slow');
    $('#social2_'+id_div).empty();
    $('#social_'+id_div).slideUp('slow');
    $('#social_'+id_div).empty();
 
}

function travaTextArea()
{
    $(document).ready(function(){
        $('textarea').limit('130','#left');
    });
}

var css = null;
function validaVotacao(id_form, css)
{
    if(css == null)
    {
        //Inicia o validador ao carregar a pÃ¡gina
        $(function() {
            // valida o formulÃ¡rio
            $('#'+id_form+'').validate({
                // define regras para os campos
                rules: {
                    nome: {
                        required: true,
                        minlength: 2
                    },
                    email: {
                        required: true,
                        email: true
                    }
                },
                // define messages para cada campo
                messages: {
                    nome: "<div id=\"erro_nome\" style=\"position: absolute; margin: 10px 0 0 300px; color: #e60b00; font: 9px 'Arial'; \" >NOME OBRIGAT&Oacute;RIOS!</div>",
                    /*email: "<div id=\"erro_email\" style=\"position: absolute; margin: 198px 0 0 500px; color: red\">Obrigat&oacute;rio</div>"*/
                    email: "<div id=\"erro_email\" style=\"position: absolute; margin: 10px 0 0 300px; color: #e60b00; font: 9px 'Arial'; \" >EMAIL OBRIGAT&Oacute;RIOS!</div>"
                }
            });
        });
    }
    else
    {
        //Inicia o validador ao carregar a pÃ¡gina
        //$(function() {
            // valida o formulÃ¡rio
            $('#'+id_form+'').validate({
                // define regras para os campos
                rules: {
                    nome: {
                        required: true,
                        minlength: 2
                    },
                    email: {
                        required: true,
                        email: true
                    }
                },
                // define messages para cada campo
                messages: {
                    nome: "<div id=\"erro_nome\" style=\"position: absolute; margin: 10px 0 0 300px; color: #ffffff  \" >Obrigat&oacute;rio</div>",
                    email: "<div id=\"erro_email\" style=\"position: absolute; margin: 10px 0 0 300px; color: #ffffff  \">Obrigat&oacute;rio</div>"
                }
            });
        //});
    }

}

function apagaCampo(id_campo, id_div)
{
	$('#'+id_campo+'').css('color','#ffffff');
	validaVotacao(id_div, ';color: #ffffff');
}

