/**
*  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 mover1 = 0;
var mover2 = 0;
//var larguracontainer = 920;
//var teste = document.getElementById(scrolabbleslider_vid_box).style.width;	
//alert(teste); 

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

var name_div = "";
function moveLeft(div, larguracontainer){
	  
	if(!larguracontainer) larguracontainer = 300;  
    //recuperando a largura da div interna para impedir o estouro na rolagem...
    larguraScroll = document.getElementById(div).style.width;
	
	if(!name_div) name_div = div;

	mover = (name_div == div)?mover1:mover2;	
	
    //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);
	
    //alert(totalLargura);   
	
    x = window.setInterval(function goLeft(){
            
            mover = mover + 10;
			if(name_div == div)
				 mover1 = mover;	 
			else
				 mover2 = mover;	
	

			
            //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 + 10;   
                  }
            }            
	//		alert(div);
            document.getElementById(div).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(div, larguracontainer){  
	if(!larguracontainer) larguracontainer = 300;    
	if(!name_div) name_div = div;

	mover = (name_div == div)?mover1:mover2;	
	
    x = window.setInterval(function goRight(){

            mover = mover - 10;

			if(name_div == div)
				 mover1 = mover;	 
			else
				 mover2 = mover;	
			
            //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 - 10;   
                  }
            }            
            document.getElementById(div).style.marginLeft = -(mover) +'px';
            if(mover < 1){
                   window.clearInterval(x);
                   document.getElementById(div).style.marginLeft = '0px';
            }   
    },5);
}

// Iniciando a funcao que para a rolagem...
function stopMove(){
    window.clearInterval(x);
}