/**
*  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 = 920;
// 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 + 2;
            //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 - 2;
            //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);
}

