var TEXT_COMENTARIOS = new Array();
var QTDE_COMENTARIOS = 0;
var AVISO_TIMEOUT    = "";
var MAX_RESULTS_PAGE = 10;
var TEXT_MAX_LENGTH  = 400;

/**
 * Exibe mensagem "tooltip" de aviso.
 */
function showAviso() {
    clearTimeout( AVISO_TIMEOUT );

    document.getElementById( "tooltipComentar" ).style.display = "block";
}

/**
 * Esconde mensagem "tooltip" de aviso apos um tempo determinado.
 */
function blockAviso() {
    AVISO_TIMEOUT = setTimeout( "document.getElementById( 'tooltipComentar' ).style.display = 'none'", 600 );
}

/**
 * Cria mensagem "tooltip" de aviso.
 */
function showToolTipComentario() {
    var tooltip = document.createElement( "span" );
    tooltip.setAttribute( "id", "tooltipComentar" );
    tooltip.setAttribute( "onmouseover", function() { showAviso(); } );
    tooltip.setAttribute( "onmouseout", function() { blockAviso(); } );
    tooltip.style.display = "none";

    tooltip.innerHTML = "Para inserir um comentário você precisa estar autenticado. Use os campos no alto da página para informar seus dados.";

    try {
        var boxServicos = document.getElementById( "boxServicos" );
        boxServicos.appendChild( tooltip );
    } catch( e ) {}
}

/**
 * Exibe formulario para inclusao de comentarios.
 */
function showFormComentario() {
    var servicos      = document.getElementById( "servicos" );
    var frmComentario = document.getElementById( "formulario" );

    if ( logado() ) {
        if ( frmComentario.style.display != "block" ) {
            frmComentario.style.display = "block";
        }

        if ( frmComentario.style.display == "block" && QTDE_COMENTARIOS <= 1 ) {
            document.getElementById( "boxServicos" ).style.display = "none";
        }

        servicos.removeChild( servicos.getElementsByTagName( "h4" )[0] );
    } else { 
        showServicos( false );
        showComentarios( false );
    }
}

/**
 * Exibe os servicos responsaveis pela listagem e inclusao de comentarios.
 * @param {Boolean} exibeTodos Flag para exibicao de comentarios.
 */
function showServicos( exibeTodos ) {
    var area     = document.getElementById( "areaTexto" );
    var servicos = document.getElementById( "servicos" );
    var counter  = 0;

    servicos.innerHTML = "";

    if ( document.getElementById( "formulario" ).style.display != "block" ) {
        var titulo = getContentMetaTagByName( "title" );
        titulo = ( titulo.length > 32 && QTDE_COMENTARIOS > 1 ) ? titulo.substring( 0, 32 ) + "..." : titulo;

        var txtComentario = document.createElement( "h4" );
        txtComentario.innerHTML = ( logado() ) 
                              ? "<a href='javascript:showFormComentario()'>Comentar \"" + titulo + "\"</a>"
                              : "<a onmouseout='blockAviso()' onmouseover='showAviso()' class='inativo'>Comentar \"" + titulo + "\"</a>";

        servicos.appendChild( txtComentario );
        counter++;
    }

    if ( QTDE_COMENTARIOS > 1 ) {
        var txtTotal = document.createElement( "h4" );
        txtTotal.innerHTML = ( exibeTodos )
                             ? "<a href='javascript:showComentarios( false )'>Fechar coment&aacute;rios</a>"
                             : "<a href='javascript:showComentarios( true )'>Ver todos os coment&aacute;rios (total: " + QTDE_COMENTARIOS + ")</a>";

        servicos.appendChild( txtTotal );
        counter++;
    }

    if ( counter == 0 )  {
        document.getElementById( "boxServicos" ).style.display = "none";
    }
}

/**
 * Exibe os comentarios, paginacao e outras informacoes relacionadas.
 * @param {Boolean} exibeTodos Flag para exibicao de comentarios.
 */
function showComentarios( exibeTodos ) {
    if ( !document.getElementById( "totalComentarios" ) ) {
        var nodeComentarios = document.createElement( "div" );
        nodeComentarios.setAttribute( "id", "totalComentarios" );
        nodeComentarios.innerHTML = "<h2>Coment&aacute;rios</h2>&nbsp;(total: <strong>" + QTDE_COMENTARIOS + "</strong>)";

        try {
            var comentarios = document.getElementById( "comentarios" );

            if ( comentarios.childNodes.length == 0 ) {
                comentarios.appendChild( nodeComentarios );
            } else {
                comentarios.insertBefore( nodeComentarios, comentarios.childNodes.item(0) );
            }
        } catch( e ) {}
    }

    if ( exibeTodos && QTDE_COMENTARIOS > 1 ) {
        if ( QTDE_COMENTARIOS > MAX_RESULTS_PAGE ) { 
            document.getElementById( "paginacao" ).style.display = "block";
        }

        pag.prepare( "paginacao", MAX_RESULTS_PAGE );
        getElementsByIdAndClassName( "comentarios", "texto" )[0].style.borderBottom  = "1px solid #F0F0F0";
        getElementsByIdAndClassName( "comentarios", "texto" )[0].style.paddingBottom = "10px";
    } else {
        document.getElementById( "paginacao" ).style.display     = "none";
        document.getElementById( "paginacaoDown" ).style.display = "none";

        for ( var i=0; i<QTDE_COMENTARIOS; i++ ) {
            if ( i == 0 ) {
                getElementsByIdAndClassName( "comentarios", "texto" )[i].style.display       = "block";
                getElementsByIdAndClassName( "comentarios", "texto" )[i].style.borderBottom  = "none";
                getElementsByIdAndClassName( "comentarios", "texto" )[i].style.paddingBottom = "5px";
            } else {
                getElementsByIdAndClassName( "comentarios", "texto" )[i].style.display = "none";
            }
        }
    }

    document.getElementById( "comentarios" ).style.display = "block";
    showServicos( exibeTodos );
}

/**
 * Verifica a quantidade de caracteres no campo de comentario.
 * @param {Object} element Nome do campo.
 */
function verificarQtdeCaracteres( element ) {
    if ( element.value.length > TEXT_MAX_LENGTH ) {
        element.value = element.value.substring( 0, TEXT_MAX_LENGTH );
    }
}

/**
 * Valida o formulario e realiza a inclusao do comentario em materia.
 */
function incluirComentario() {
    var frm   = document.comentarioForm;
    var texto = trim( frm.texto.value );

    frm.urlRetorno.value = document.location.href;

    PalavraProibidaAjaxController.verificaTexto( texto, function( resultado ) { 
        if ( logado() ) {
            if ( texto == "" ) { 
                alert( "Por favor, preencha o campo coment\u00E1rio!" ); 
                frm.texto.focus(); 
                return false;
            } else if ( texto.length > TEXT_MAX_LENGTH ) {
                alert( "Por favor, o campo coment\u00E1rio deve aceitar no m\u00E1ximo " + TEXT_MAX_LENGTH + " caracteres!" ); 
                frm.texto.focus(); 
                return false;
            } else { 
                if ( resultado ) {
                    frm.submit();
                } else { 
                    alert( "N\u00E3o foi poss\u00EDvel publicar sua mensagem, pois ela cont\u00E9m termos ou frases inadequadas.\nPor favor, revise seu texto." ); 
                    return false; 
                } 
            }
        } else {
            alert("Para inserir um coment\u00E1rio voc\u00EA precisa estar autenticado.\nUse os campos no alto da p\u00E1gina para informar seus dados.");
            document.getElementById( "formulario" ).style.display = "none";
            showComentarios( false );
        }
    } );
}

/**
 * Remove espacos em branco do inicio e fim de uma string.
 * @param {String} texto Texto a ser formatado.
 */
function trim( texto ) {
    return texto.replace( /^\s+/g,'' ).replace( /\s+$/g,' ' );
}

/**
 * Retorna um array com todos os elementos de "elementId" que possuam a classe indicada em "clsName".
 * @param {String} clsName Nome da classe onde os elementos serao procurados.
 * @param {String} elementId Id do elemento a ser procurado.
 */
function getElementsByIdAndClassName( elementId, clsName ) {
    var area     = document.getElementById( elementId );
    var elements = ( area.all ) ? area.all : area.getElementsByTagName( "*" );

    clsName     = clsName.replace( /\-/g, "\\-" );
    var oRegExp = new RegExp( "\\b" + clsName + "\\b" );
    var buffer  = new Array();
    var oElement;

    for ( var i=0; i<elements.length; i++ ) {
        oElement = elements[i];

        if ( oRegExp.test( oElement.className ) ) {
            buffer.push( oElement );
        }
    }

    return buffer;
}

/**
 * Adiciona um evento onload a pagina.
 * @param {String} func Nome da funcao que devera ser carregada.
 */
function addLoadComentarios( func ) {
    var oldonload = window.onload;

    if ( typeof window.onload != 'function' ) {
        window.onload = func;
    } else {
        window.onload = function() {
            oldonload();
            func();
        }
    }
}

/**
 * Inicializa e carrega as configuracoes padroes.
 */
function initComentarios() {
    if ( document.getElementById( "comentarios" ) ) {
        TEXT_COMENTARIOS = getElementsByIdAndClassName( "comentarios", "texto" );
        QTDE_COMENTARIOS = TEXT_COMENTARIOS.length;

        try {
            var frm = document.comentarioForm;
            frm.txtNome.value = pass.getUsuario()[1];
        } catch( e ) {}

        showComentarios( false );
        showToolTipComentario();
    } else {
        document.getElementById( "paginaComentarios" ).style.display = "none";
    }
}



/**
 * Lista de atributos do objeto Paginacao.
 */
Paginacao = function () {
    this.Paginacao = Paginacao;
    this.name      = "Paginacao";
    this.version   = "1.0v";
    this.total     = 0;
    this.qtdepag   = 0;
    this.obj       = null;
    this.regs      = 0;
    this.atualPage = 0;
}

var paginacao = Paginacao.prototype;

/**
 * Realiza os calculos necessarios para a exibicao da paginacao dos comentarios.
 * @param {String} obj Id do elemento onde sera exibida a paginacao.
 * @param {Integer} pages Qtde de comentarios por pagina.
 */
paginacao.prepare = function( obj, pages ) {
    this.total   = parseInt( QTDE_COMENTARIOS );
    this.qtdepag = parseInt( this.total / pages );
    var resto    = parseInt( this.total % pages );
    this.regs    = pages;
    this.obj     = document.getElementById( obj );

    if ( resto > 0 ) this.qtdepag++;

    for ( var i=0; i<this.total; i++ ) {
        TEXT_COMENTARIOS[i].style.display = "block";
    }

    if ( QTDE_COMENTARIOS > MAX_RESULTS_PAGE ) {
        this.pages(0);
    }
}

paginacao.back = function( page ) {
    if ( page > 0 ) {
        return "<li><a href=\"javascript:pag.goBack();\">Anterior</a></li> ";
    }

    return "";
}

paginacao.next = function( page ) {
    if ( page < ( this.qtdepag - 1 ) ) {
        return " <li><a href=\"javascript:pag.goNext();\">Pr&oacute;ximo</a></li>";
    }

    return "";
}

paginacao.pages = function( page ) {
    var text = "<p>P&aacute;ginas:</p><ul>";

    //text += this.back( page );

    for ( var i=0; i<this.qtdepag; i++ ) {
        text += ( i == page ) 
                ? "<li><a href=\"javascript:pag.goPage(" + i + ");\" class=\"paginaAtual\">" 
                : "<li><a href=\"javascript:pag.goPage(" + i + ");\">";

        text += ( i + 1 ) + "</a></li>";
        text += ( i == ( this.qtdepag - 1 ) ) ? "" : "|";
    }

    //text += this.next( page );
    text += "</ul>";

    this.obj.innerHTML = ( this.qtdepag > 1 ) ? text : "";

    this.display( page );
}

paginacao.display = function( page ) {
    this.atualPage = page;
    var ini = ( page ) * this.regs;
    var end = ( page + 1 ) * this.regs;

    for ( var i=0; i<this.total; i++ ) {
        TEXT_COMENTARIOS[i].style.display = "none";
    }

    for ( i=ini; i<end; i++ ) {
        if ( TEXT_COMENTARIOS[i] ) {
            TEXT_COMENTARIOS[i].style.display = "block";
        }
    }

    var paginacaoDown = document.getElementById( "paginacaoDown" );
    paginacaoDown.innerHTML = document.getElementById( "paginacao" ).innerHTML;
    paginacaoDown.style.display = "block";
}

paginacao.goBack = function() {
    this.pages( this.atualPage - 1 );
}

paginacao.goNext = function() {
    this.pages( this.atualPage + 1 );
}

paginacao.goPage = function( page ) {
    this.pages( page );
}


var pag = new Paginacao();
addLoadComentarios( initComentarios );