/**

*  Script: Horizontal Scroller by Ademir Gabardo.

*  Versão: 1.0.

*  Este script foi desenvolvido como uma alternativa a JQuery e a JCarrousel

*  Por ser uma funcionalidade bastante simples acredito que não vale a pena obrigar o

*  navegar a carregar todas as bibliotecas com centenas de linhas de JS só para rolar uma DIV.

*  Montei então o script abaixo que realiza esta tarefa.

*  A univa variavel que deve ser alterada para o bom funcionamento do 

*  scroller é 'larguracontainer' que deverá corresponder a largura em pixels da div externa.

*  Segue o codigo comentado.

* 

*/

// x deve ser global para que possa ser acessado por outras funçoes e seja possivel parar o slider...

var x;

// voltar deve ser global para que possa ser instanciado pelas duas funcoes rolar para esquerda e direita

var mover = 0;

var larguracontainer = 700;

// Iniciando a funcao que rola o slider para esquerda...

function moveLeft(){

    

    //recuperando a largura da div interna para impedir o estouro na rolagem...

    larguraScroll = document.getElementById('scrolabbleslider').style.width;

    

    //removendo os caracteres 'px' do style e subtraindo o tamanho do container para saber quanto pode rolar... 

    totalLargura = (larguraScroll.substring(0,(larguraScroll.length-2))-larguracontainer);

        

    x = window.setInterval(function goLeft(){

            

            mover = mover + 6;

            //Corrigindo a velocidade para o IE6

            if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){

                 var ieversion=new Number(RegExp.$1);

                  if (ieversion>=6 && ieversion <7){

                      mover = mover + 1;   

                  }

            }            

            document.getElementById('scrolabbleslider').style.marginLeft = -(mover) +'px'; 

            

            //Se já tiver movido o total de espaço disponivel, para o intervalo...

            if(mover > totalLargura){

                window.clearInterval(x);

            }

    },5);

}



// Iniciando a funcao que rola o slider para a direita...

function moveRight(){    

    x = window.setInterval(function goRight(){

            mover = mover - 6;

            //Corrigindo a velocidade para o IE6

            if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){

                 var ieversion=new Number(RegExp.$1);

                  if (ieversion>=6 && ieversion <7){

                      mover = mover - 1;   

                  }

            }            

            document.getElementById('scrolabbleslider').style.marginLeft = -(mover) +'px';

            if(mover < 1){

                   window.clearInterval(x);

                   document.getElementById('scrolabbleslider').style.marginLeft = '0px';

            }   

    },5);

}



// Iniciando a funcao que para a rolagem...

function stopMove(){

    window.clearInterval(x);

}





///////////////////////////////////////////////////////////////////////////////////





var x;

// voltar deve ser global para que possa ser instanciado pelas duas funcoes rolar para esquerda e direita

var mover = 0;

var larguracontainer2 = 330;

// Iniciando a funcao que rola o slider para esquerda...

function moveLeft2(){

    

    //recuperando a largura da div interna para impedir o estouro na rolagem...

    larguraScroll2 = document.getElementById('scrolabbleslider2').style.width;

    

    //removendo os caracteres 'px' do style e subtraindo o tamanho do container para saber quanto pode rolar... 

    totalLargura2 = (larguraScroll2.substring(0,(larguraScroll2.length-2))-larguracontainer2);

        

    x = window.setInterval(function goLeft(){

            

            mover = mover + 6;

            //Corrigindo a velocidade para o IE6

            if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){

                 var ieversion=new Number(RegExp.$1);

                  if (ieversion>=6 && ieversion <7){

                      mover = mover + 1;   

                  }

            }            

            document.getElementById('scrolabbleslider2').style.marginLeft = -(mover) +'px'; 

            

            //Se já tiver movido o total de espaço disponivel, para o intervalo...

            if(mover > totalLargura2){

                window.clearInterval(x);

            }

    },5);

}



// Iniciando a funcao que rola o slider para a direita...

function moveRight2(){    

    x = window.setInterval(function goRight(){

            mover = mover - 6;

            //Corrigindo a velocidade para o IE6

            if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){

                 var ieversion=new Number(RegExp.$1);

                  if (ieversion>=6 && ieversion <7){

                      mover = mover - 2;   

                  }

            }            

            document.getElementById('scrolabbleslider2').style.marginLeft = -(mover) +'px';

            if(mover < 2){

                   window.clearInterval(x);

                   document.getElementById('scrolabbleslider2').style.marginLeft = '0px';

            }   

    },5);

}



// Iniciando a funcao que para a rolagem...

function stopMove2(){

    window.clearInterval(x);

}