/*******************************************************************************************
    
    LUIZ - 02/08/2011
    
    Função para navegar nas telas de destaques do site:
    Recebe: 
        id_conteudo     = id da div responsavel por manter o conteúdo das
                          div detalhe do imovel;
        cl_detalhe      = classe da div responsavel por manter o conteudo dos
                          detalhes do imovel
        sentido         = define o sentido da navegação : 
                          Horizontalmente (L-left e R-Right)
                          Verticalmente (T-Top e B-Bottom)
        qt_por_pagina   = Quantidade de div detalhe
                          se o sentido for L ou R (horizontal), a quantidade é colunas
                          se o sentido for T ou B (vertical), a quantidade é linhas
        pagina          = Numero da pagina que deve ser exibida..
                          Se for 0 (zero) é a proxima pagina ou a anterior
                          Qualquer outro numero é o calculo da quantidade por pagina * pagina                        
 *******************************************************************************************
   OPCIONAL - Retorna a quantidade de divs dentro do conteudo
              $(div_conteudo).find("div.caixa_imovel").size()

    
    alert('Largura->'+parseInt($(div_detalhe).css('width')));
    alert('Altura->'+parseInt($(div_detalhe).css('height')));
    alert('Margem Esquerda->'+parseInt($(div_detalhe).css('margin-left')));
    alert('Margem top->'+parseInt($(div_detalhe).css('margin-top')));
    alert('Largura div conteudo->'+parseInt($(div_conteudo).width()));

 *******************************************************************************************/
function NavegaDetalhe(id_conteudo, cl_detalhe, sentido, qt_por_pagina, pagina){
    // variavies de apoio aos calculos
    var posLeftAnt;                                                 // posição esquerda antes do calculo
    var posTopAnt;                                                  // posição superior antes do calculo
    var posLeftAtu;                                                 // posição esquerda depois do calculo
    var posTopAtu;                                                  // posição superior depois do calculo    
    var largura_pagina;                                             // largura total da pagina a ser movimentada
    var altura_pagina;                                              // altura total da pagina a ser movimentada
    var margem_direita;                                             // sobra a direita = (margin-left da div_detalhe)      
    var largura_div_janela;                                         // largura da div container
    var largura_aux;                                                // para calculo de reposição
    // varivaveis para armazenar os nomes das divs
    var div_conteudo;                                               // id da div conteudo
    var div_detalhe;                                                // classe div detalhe
    // monta os nomes dos seletores jquery
    div_conteudo = '#'+id_conteudo;                                 // seletor id
    div_detalhe  = '.'+cl_detalhe;                                  // seletor classe

    // calcula largura da pagina
    largura_pagina = ((parseInt($(div_detalhe).css('width')) + parseInt($(div_detalhe).css('margin-left'))) * qt_por_pagina);
    // pega a margem da direita = margem left da div_detalhe
    margem_direita = parseInt($(div_detalhe).css('margin-left'));
    // pega a largura da div janela (largura da pagina + a margem da esquerda)
    largura_div_janela = (largura_pagina + margem_direita);
    // calcula altura da pagina
    altura_pagina = ((parseInt($(div_detalhe).css('height')) + parseInt($(div_detalhe).css('margin-top'))) * qt_por_pagina);
    
    if (pagina == 0){                                               // a pagina é zero então navegação por pagina
        if (sentido=='L' || sentido=='R') {                         // e o sentido for horizontal.. então
            posLeftAnt = parseInt($(div_conteudo).css('margin-left'));  // pega a margem left atual
        } else {                                                    // o sentido é vertical .. então
            posTopAnt = parseInt($(div_conteudo).css('margin-top'));    // pega a margem top atual
        }
        // executa o movimento..        
        if (sentido=='L'){                                          // se o movimento for para esquerda
            posLeftAtu = (posLeftAnt - largura_pagina);             // calcula a nova posição a esquerda..
        }
        if (sentido=='R'){                                          // se o movimento for para direita
            posLeftAtu = (posLeftAnt + largura_pagina);             // calcula a nova posição a direita..
            if (posLeftAtu > 0) {                                   // se a posição a esquerda for maior que Zero (está avançando na div) então    
                posLeftAtu = 0;                                     // a posição deve ser Zero
            }
        }
        if (sentido=='T'){                                          // se o movimento for para cima
          posTopAtu = (posTopAnt - altura_pagina);                  // calcula a nova posição top
        }
        if (sentido=='B'){                                          // se o movimento for para direita
            posTopAtu = (posTopAnt - altura_pagina);                // calcula a nova posição top
            if (posTopAtu > 0) {                                    // se a posição a esquerda for maior que Zero (está avançando na div) então    
                posToptAtu = 0;                                     // a posição deve ser Zero
            }
        }
    } else {                                                        // veio uma pagina.. então..
        pagina--;                                                   // para o calculo preciso..     
        if (sentido=='L' || sentido=='R') {                         // e o sentido for horizontal.. então
            posLeftAtu = (largura_pagina * pagina) * -1;            // calcula a posição a esquerda que ficará 
        } else {                                                    // o sentido é vertical .. então
            posTopAtu = ((altura_pagina * pagina)) * -1;            // calcula a posição top que  ficará
            if (posLeftAtu > 0) {                                   // se a posição a esquerda for maior que Zero (está avançando na div) então    
                posLeftAtu = 0;                                     // a posição deve ser Zero
            }
        }
    }
    if (sentido =='L' || sentido=='R'){                             // se o sentido for horizontal
        $(div_conteudo).animate({marginLeft:posLeftAtu+'px'}, 2000);  // move horizontalmente..
        largura_aux = parseInt($(div_conteudo).width());            // pega a largura da div depois do movimento..
    } else {                                                        // o sentido e vertical..                         
        $(div_conteudo).animate({marginTop:posTopAtu+'px'}, 2000);  // move verticalmente
    }
}