var j$ = jQuery.noConflict();

var GaleriaImagens = new Object();
var SlideShowGaleria = new Object();

j$(document).ready(function()
{
    /***************************
    ** Ajusta galeria de imagens
    ****************************/
    GaleriaImagens.registros = null;
    GaleriaImagens.totalRegistros = null;
    GaleriaImagens.inicio = null;
    GaleriaImagens.fim = null;
    GaleriaImagens.paginaAtual = 1;
    GaleriaImagens.imagemAtual = 1;
    GaleriaImagens.indexImagemClicada = 1;

    GaleriaImagens.carregarPagina = function(paginaDestino)
    {
        //_registros = readCookie('imagensGaleria').split('|::|');
        this.registros = document.getElementById('imagensGaleria').value.split('|::|');
        this.totalRegistros = this.registros.length;

        // Descobre imagens que devem ser exibidas, através da pagina selecionada
        this.inicio = (paginaDestino * 6) - 6;
        this.fim = (paginaDestino * 6);

        // Deixa no array, apenas imagens que serao usadas
        this.registros = this.registros.slice(this.inicio, this.fim);

        var codigo;
        var caminho;
        var legenda;

        var conta=1;
        // Varre as 6 imagens da pagina...
        for (var i=0; i<this.registros.length;i++)
        {
            var linha = this.registros[i].split('|');
            codigo = linha[0];
            caminho = linha[1];
            legenda = linha[2];

            // Exibe a primeira imagem da pagina
            if (conta==1)
            {
                document.getElementById('big-image').src = caminho.replace('_thu.', '_pad.');
                document.getElementById('plegenda').innerHTML = legenda==""?"&nbsp;":legenda;
            }

            // Ajusta source dos thumbs
            document.getElementById('imgGaleria' + (conta)).src = caminho;
            conta++;
        }

        var j=6;
        // Se nao há imagens suficientes na pagina, esconde os thumbs
        if (j>(conta-1))
        {
            while(j>(conta-1))
            {
                document.getElementById('aGaleria' + j).style.visibility = "hidden";
                j--;
            }
        }
        // do contrario, exibe todos os thumbs
        else
        {
            document.getElementById('aGaleria1').style.visibility = "visible";
            document.getElementById('aGaleria2').style.visibility = "visible";
            document.getElementById('aGaleria3').style.visibility = "visible";
            document.getElementById('aGaleria4').style.visibility = "visible";
            document.getElementById('aGaleria5').style.visibility = "visible";
            document.getElementById('aGaleria6').style.visibility = "visible";
        }

        // Deixa sempre o primeiro thumb como selecionado
        document.getElementById('imgGaleria1').className = "selecionada";
        document.getElementById('imgGaleria2').className = "";
        document.getElementById('imgGaleria3').className = "";
        document.getElementById('imgGaleria4').className = "";
        document.getElementById('imgGaleria5').className = "";
        document.getElementById('imgGaleria6').className = "";

        document.getElementById('spanImagemAtual').innerHTML = "Imagem " + (this.inicio+1) + " de " + (this.totalRegistros);
        
        document.getElementById('spanPaginaAtual').innerHTML = "Página " + (this.paginaAtual) + " de " + (Math.ceil(this.totalRegistros/6));
    }

    GaleriaImagens.inicializar = function()
    {
//        if (encontrarElemento('hdnImovelTerceiro').value == "N")
//        {
            if (IsNullOrEmpty(encontrarElemento('divGaleria')))
                return;
//        }

        // Exibe pagina selecionada
        this.carregarPagina(this.paginaAtual);

        // Se tiver mais de uma pagina, habilita botao da direita
        if (Math.ceil(this.totalRegistros/6) > 1)
            j$('#imgArrowRight').attr("src", "/geral/images/arrow-ficha-gal-right-on.gif");

        j$("#aOpenSlideShowGaleria").click(function(){SlideShowGaleria.exibir()});
        j$("#aOpenSlideShowGaleriaAmp").click(function(){SlideShowGaleria.exibir()});

        // Ajusta clique do botao da esquerda
        j$("a#aArrowLeft").click(function(){GaleriaImagens.voltarPagina()});

        // Ajusta clique do botao da direita
        j$("a#aArrowRight").click(function(){GaleriaImagens.avancarPagina()});

        // Ajusta o clique dos thumbs
        j$("div#photo div.images").find("a").click(function()
        {
            // aterando tamanho de imagem da galeria
	        j$("img#big-image").attr("src", j$(this).children().attr("src").replace("_thu","_pad"));

            // limpa bordas
	        j$("div#photo div.images").find("a").each(function(){j$(this).children().attr("class", "");});

            // borda vermelha no clicado
            j$(this).children().attr("class", "selecionada");

            // identifica imagem clicada        
            var indexImagemClicada = j$(this).attr('id');
            indexImagemClicada = parseInt(indexImagemClicada.substr(indexImagemClicada.length-1,1),10)-1;

            // ajusta a legenda
            var legenda = GaleriaImagens.registros[indexImagemClicada].split('|')[2];
            document.getElementById('plegenda').innerHTML = legenda==""?"&nbsp;":legenda;

            GaleriaImagens.imagemAtual = GaleriaImagens.inicio + (indexImagemClicada+1);
            GaleriaImagens.indexImagemClicada = indexImagemClicada+1;
            document.getElementById('spanImagemAtual').innerHTML = "Imagem " + GaleriaImagens.imagemAtual + " de " + (GaleriaImagens.totalRegistros);
        });
    }

    GaleriaImagens.voltarPagina = function()
    {
        // Se esta na primeira pagina...
        if (this.paginaAtual == 1)
        {
            j$('#imgArrowLeft').attr("src", "/geral/images/arrow-ficha-gal-left-off.gif");
            return;
        }
        else
        {
            j$('#imgArrowLeft').attr("src", "/geral/images/arrow-ficha-gal-left-on.gif");
        }

        this.paginaAtual--;
        this.carregarPagina(this.paginaAtual);

        // Se esta na primeira pagina...
        if (this.paginaAtual == 1)
            j$('#imgArrowLeft').attr("src", "/geral/images/arrow-ficha-gal-left-off.gif");

        // Se tiver mais de uma pagina, habilita botao da direita
        if (Math.ceil(this.totalRegistros/6) > 1)//if (_paginaAtual <= Math.ceil(_totalRegistros/6))
            j$('#imgArrowRight').attr("src", "/geral/images/arrow-ficha-gal-right-on.gif");
    }

    GaleriaImagens.avancarPagina = function()
    {
        this.paginaAtual++;

        // Se esta em pagina antes da ultima, ou na ultima...
        if (this.paginaAtual <= Math.ceil(this.totalRegistros/6))
        {
            j$('#imgArrowLeft').attr("src", "/geral/images/arrow-ficha-gal-left-on.gif");
            this.carregarPagina(this.paginaAtual);
            
            // Se esta na ultima pagina...
            if (this.paginaAtual == Math.ceil(this.totalRegistros/6))
                j$('#imgArrowRight').attr("src", "/geral/images/arrow-ficha-gal-right-off.gif");
        }
        else // Se passou da ultima, nao deixa avancar...
        {
            j$('#imgArrowRight').attr("src", "/geral/images/arrow-ficha-gal-right-off.gif");
            this.paginaAtual--;
            return;
        }
    }

    /******************************
    ** Ajusta slideshow de imagens
    ******************************/
    SlideShowGaleria.carregarPagina = function(paginaDestino)
    {
        //_registros = readCookie('imagensGaleria').split('|::|');
        this.registros = document.getElementById('imagensGaleria').value.split('|::|');
        this.totalRegistros = this.registros.length;

        // Descobre imagens que devem ser exibidas, através da pagina selecionada
        this.inicio = (paginaDestino * 6) - 6;
        this.fim = (paginaDestino * 6);

        // Deixa no array, apenas imagens que serao usadas
        this.registros = this.registros.slice(this.inicio, this.fim);

        var codigo;
        var caminho;
        var legenda;

        var conta=1;
        // Varre as 6 imagens da pagina...
        for (var i=0; i<this.registros.length;i++)
        {
            var linha = this.registros[i].split('|');
            codigo = linha[0];
            caminho = linha[1];
            legenda = linha[2];

            // Exibe a primeira imagem da pagina
            if (conta==1)
            {
                document.getElementById('full-image-slideshow').src = caminho.replace('_thu.', '_amp.');
                document.getElementById('plegendaSlide').innerHTML = legenda==""?"&nbsp;":legenda;
            }

            // Ajusta source dos thumbs
            document.getElementById('imgSlide' + (conta)).src = caminho;
            conta++;
        }

        var j=6;
        // Se nao há imagens suficientes na pagina, esconde os thumbs
        if (j>(conta-1))
        {
            while(j>(conta-1))
            {
                document.getElementById('aSlide' + j).style.visibility = "hidden";
                j--;
            }
        }
        // do contrario, exibbe todos os thumbs
        else
        {
            document.getElementById('aSlide1').style.visibility = "visible";
            document.getElementById('aSlide2').style.visibility = "visible";
            document.getElementById('aSlide3').style.visibility = "visible";
            document.getElementById('aSlide4').style.visibility = "visible";
            document.getElementById('aSlide5').style.visibility = "visible";
            document.getElementById('aSlide6').style.visibility = "visible";
        }

        // Deixa sempre o primeiro thumb como selecionado
        document.getElementById('imgSlide1').className = "selecionada";
        document.getElementById('imgSlide2').className = "";
        document.getElementById('imgSlide3').className = "";
        document.getElementById('imgSlide4').className = "";
        document.getElementById('imgSlide5').className = "";
        document.getElementById('imgSlide6').className = "";

        document.getElementById('spanImagemAtualSlide').innerHTML = "Imagem " + (this.inicio+1) + " de " + (this.totalRegistros);
        
        document.getElementById('spanPaginaAtualSlide').innerHTML = "Página " + (this.paginaAtual) + " de " + (Math.ceil(this.totalRegistros/6));

        // Se esta na primeira pagina...
        if (this.paginaAtual == 1)
            j$('#imgArrowLeftSlide').attr("src", "/geral/images/arrow-ficha-gal-left-off.gif");
        else
            j$('#imgArrowLeftSlide').attr("src", "/geral/images/arrow-ficha-gal-left-on.gif");

        if ((Math.ceil(this.totalRegistros/6) > 1) && (this.paginaAtual != Math.ceil(this.totalRegistros/6)))
            j$('#imgArrowRightSlide').attr("src", "/geral/images/arrow-ficha-gal-right-on.gif");
        else
            j$('#imgArrowRightSlide').attr("src", "/geral/images/arrow-ficha-gal-right-off.gif");
    }

    //////////////------------------

    SlideShowGaleria.inicializar = function()
    {
        // Exibe pagina selecionada
        this.carregarPagina(this.paginaAtual);

//        // Se tiver mais de uma pagina, habilita botao da direita
//        if (Math.ceil(this.totalRegistros/6) > 1)
//            j$('#imgArrowRightSlide').attr("src", "/geral/images/arrow-ficha-gal-right-on.gif");

        // Ajusta clique do botao da esquerda
        //j$("a#aArrowLeftSlide").click(function(){SlideShowGaleria.voltarPagina()});
        document.getElementById("aArrowLeftSlide").onclick = function(){SlideShowGaleria.voltarPagina()};

        // Ajusta clique do botao da direita
        //j$("a#aArrowRightSlide").click(function(){SlideShowGaleria.avancarPagina()});
        document.getElementById("aArrowRightSlide").onclick = function(){SlideShowGaleria.avancarPagina()};

        // Ajusta o clique dos thumbs
        j$("div#divImageSlide").find("a").click(function()
        {
            // aterando tamanho de imagem da galeria
	        j$("img#full-image-slideshow").attr("src", j$(this).children().attr("src").replace("_thu","_amp"));

            // limpa bordas
	        j$("div#divImageSlide").find("a").each(function(){j$(this).children().attr("class", "");});

            // borda vermelha no clicado
            j$(this).children().attr("class", "selecionada");

            // identifica imagem clicada
            var indexImagemClicada = j$(this).attr('id');
            indexImagemClicada = parseInt(indexImagemClicada.substr(indexImagemClicada.length-1,1),10)-1;

            // ajusta a legenda
            var legenda = SlideShowGaleria.registros[indexImagemClicada].split('|')[2];
            document.getElementById('plegendaSlide').innerHTML = legenda==""?"&nbsp;":legenda;

            SlideShowGaleria.imagemAtual = SlideShowGaleria.inicio + (indexImagemClicada+1);
            document.getElementById('spanImagemAtualSlide').innerHTML = "Imagem " + SlideShowGaleria.imagemAtual + " de " + (SlideShowGaleria.totalRegistros);
        });
    }

    SlideShowGaleria.voltarPagina = function()
    {
        // Se esta na primeira pagina...
        if (this.paginaAtual == 1)
        {
            j$('#imgArrowLeftSlide').attr("src", "/geral/images/arrow-ficha-gal-left-off.gif");
            return;
        }
        else
        {
            j$('#imgArrowLeftSlide').attr("src", "/geral/images/arrow-ficha-gal-left-on.gif");
        }

        this.paginaAtual--;
        this.carregarPagina(this.paginaAtual);

        // Se esta na primeira pagina...
        if (this.paginaAtual == 1)
            j$('#imgArrowLeftSlide').attr("src", "/geral/images/arrow-ficha-gal-left-off.gif");

        // Se tiver mais de uma pagina, habilita botao da direita
        if (Math.ceil(this.totalRegistros/6) > 1)//if (_paginaAtual <= Math.ceil(_totalRegistros/6))
            j$('#imgArrowRightSlide').attr("src", "/geral/images/arrow-ficha-gal-right-on.gif");
    }

    SlideShowGaleria.avancarPagina = function()
    {
        this.paginaAtual++;

        // Se esta em pagina antes da ultima, ou na ultima...
        if (this.paginaAtual <= Math.ceil(this.totalRegistros/6))
        {
            j$('#imgArrowLeftSlide').attr("src", "/geral/images/arrow-ficha-gal-left-on.gif");
            this.carregarPagina(this.paginaAtual);

            // Se esta na ultima pagina...
            if (this.paginaAtual == Math.ceil(this.totalRegistros/6))
                j$('#imgArrowRightSlide').attr("src", "/geral/images/arrow-ficha-gal-right-off.gif");
        }
        else // Se passou da ultima, nao deixa avancar...
        {
            j$('#imgArrowRightSlide').attr("src", "/geral/images/arrow-ficha-gal-right-off.gif");
            this.paginaAtual--;
            return;
        }
    }

    
    ////////////////---------------

    SlideShowGaleria.exibir = function()
    {
        j$('#slideshow-galeria').jqmShow();
        AlinharElementoTopo('#slideshow-galeria', 10);

        SlideShowGaleria.registros = null;
        SlideShowGaleria.totalRegistros = null;
        SlideShowGaleria.inicio = null;
        SlideShowGaleria.fim = null;
        SlideShowGaleria.paginaAtual = GaleriaImagens.paginaAtual;

        SlideShowGaleria.inicializar();

        // clica na imagem atual
        j$('#aSlide' + GaleriaImagens.indexImagemClicada).click();
    }

    GaleriaImagens.inicializar();
});



//var j$ = jQuery.noConflict();
//var _registros;
//var _totalRegistros;
//var _inicio;
//var _fim;

//j$(document).ready(function()
//{
//    if (IsNullOrEmpty(encontrarElemento('divGaleria')))
//        return;

//    var _paginaAtual = 1;
//    //_registros = document.getElementById('imagensGaleria').value.split('|::|');

//    // Exibe pagina selecionada
//    carregarPagina(_paginaAtual);

//    // Se tiver mais de uma pagina, habilita botao da direita
//    if (Math.ceil(_totalRegistros/6) > 1)
//        j$('#imgArrowRight').attr("src", "/geral/images/arrow-ficha-gal-right-on.gif");

//    // Ajusta clique do botao da esquerda
//    /////////////////////////////////////////
//    j$("a#aArrowLeft").click(function()
//    {
//        // Se esta na primeira pagina...
//        if (_paginaAtual == 1)
//        {
//            j$('#imgArrowLeft').attr("src", "/geral/images/arrow-ficha-gal-left-off.gif");
//            return;
//        }
//        else
//        {
//            j$('#imgArrowLeft').attr("src", "/geral/images/arrow-ficha-gal-left-on.gif");
//        }

//        _paginaAtual--;
//        carregarPagina(_paginaAtual);
//        
//        // Se esta na primeira pagina...
////        if (_paginaAtual == 1)
////            j$('#imgArrowLeft').attr("src", "/geral/images/arrow-ficha-gal-left-off.gif");

//        // Se tiver mais de uma pagina, habilita botao da direita
//        if (Math.ceil(_totalRegistros/6) > 1)//if (_paginaAtual <= Math.ceil(_totalRegistros/6))
//            j$('#imgArrowRight').attr("src", "/geral/images/arrow-ficha-gal-right-on.gif");
//    });

//    // Ajusta clique do botao da direita
//    /////////////////////////////////////////
//    j$("a#aArrowRight").click(function()
//    {
//        _paginaAtual++;

//        // Se esta em pagina antes da ultima, ou na ultima...
//        if (_paginaAtual <= Math.ceil(_totalRegistros/6))
//        {
//            j$('#imgArrowLeft').attr("src", "/geral/images/arrow-ficha-gal-left-on.gif");
//            carregarPagina(_paginaAtual);
//            
//            // Se esta na ultima pagina...
//            if (_paginaAtual == Math.ceil(_totalRegistros/6))
//                j$('#imgArrowRight').attr("src", "/geral/images/arrow-ficha-gal-right-off.gif");
//        }
//        else // Se passou da ultima, nao deixa avancar...
//        {
//            j$('#imgArrowRight').attr("src", "/geral/images/arrow-ficha-gal-right-off.gif");
//            _paginaAtual--;
//            return;
//        }
//    });

//    // Ajusta o clique dos thumbs
//    /////////////////////////////////////////
//    j$("div#photo div.images").find("a").click(function()
//    {
//        // aterando tamanho de imagem da galeria
//	    j$("img#big-image").attr("src", j$(this).children().attr("src").replace("_thu","_pad"));

//        // limpa bordas
//	    j$("div#photo div.images").find("a").each(function(){j$(this).children().attr("class", "");});

//        // borda vermelha no clicado
//        j$(this).children().attr("class", "selecionada");

//        // identifica imagem clicada        
//        var indexImagemClicada = j$(this).attr('id');
//        indexImagemClicada = parseInt(indexImagemClicada.substr(indexImagemClicada.length-1,1),10)-1;

//        // ajusta a legenda
//        var legenda = _registros[indexImagemClicada].split('|')[2];
//        document.getElementById('plegenda').innerHTML = legenda==""?"&nbsp;":legenda;
//        
//        document.getElementById('spanImagemAtual').innerHTML = "Imagem " + (_inicio + (indexImagemClicada+1)) + " de " + (_totalRegistros);
//    });
//});

//function carregarPagina(paginaDestino)
//{
//    //_registros = readCookie('imagensGaleria').split('|::|');
//    _registros = document.getElementById('imagensGaleria').value.split('|::|');
//    _totalRegistros = _registros.length;

//    // Descobre imagens que devem ser exibidas, através da pagina selecionada
//    _inicio = (paginaDestino * 6) - 6;
//    _fim = (paginaDestino * 6);

//    // Deixa no array, apenas imagens que serao usadas
//    _registros = _registros.slice(_inicio, _fim);

//    var codigo;
//    var caminho;
//    var legenda;

//    var conta=1;
//    // Varre as 6 imagens da pagina...
//    for (var i=0; i<_registros.length;i++)
//    {
//        var linha = _registros[i].split('|');
//        codigo = linha[0];
//        caminho = linha[1];
//        legenda = linha[2];

//        // Exibe a primeira imagem da pagina
//        if (conta==1)
//        {
//            document.getElementById('big-image').src = caminho.replace('_thu.', '_pad.');
//            document.getElementById('plegenda').innerHTML = legenda==""?"&nbsp;":legenda;
//        }

//        // Ajusta source dos thumbs
//        document.getElementById('imgGaleria' + (conta)).src = caminho;
//        conta++;
//    }

//    var j=6;
//    // Se nao há imagens suficientes na pagina, esconde os thumbs
//    if (j>(conta-1))
//    {
//        while(j>(conta-1))
//        {
//            document.getElementById('aGaleria' + j).style.visibility = "hidden";
//            j--;
//        }
//    }
//    // do contrario, exibbe todos os thumbs
//    else
//    {
//        document.getElementById('aGaleria1').style.visibility = "visible";
//        document.getElementById('aGaleria2').style.visibility = "visible";
//        document.getElementById('aGaleria3').style.visibility = "visible";
//        document.getElementById('aGaleria4').style.visibility = "visible";
//        document.getElementById('aGaleria5').style.visibility = "visible";
//        document.getElementById('aGaleria6').style.visibility = "visible";
//    }
//    
//    // Deixa sempre o primeiro thumb como selecionado
//    document.getElementById('imgGaleria1').className = "selecionada";
//    document.getElementById('imgGaleria2').className = "";
//    document.getElementById('imgGaleria3').className = "";
//    document.getElementById('imgGaleria4').className = "";
//    document.getElementById('imgGaleria5').className = "";
//    document.getElementById('imgGaleria6').className = "";

//    document.getElementById('spanImagemAtual').innerHTML = "Imagem " + (_inicio+1) + " de " + (_totalRegistros);
//}








//var _slideShowGaleria = new Object();

//_slideShowGaleria.AbrirSlideShow = function()
//{
//    j$('#slideshow-galeria').jqmShow();
//    AlinharElementoTopo('#slideshow-galeria', 10);
//}