function setaClassPx(){
	var x,y;
	// all except Explorer
  if (self.innerHeight){
  	x = self.innerWidth;
  	y = self.innerHeight;
  }
	// Explorer 6 Strict Mode
  else if (document.documentElement && document.documentElement.clientHeight){
  	x = document.documentElement.clientWidth;
  	y = document.documentElement.clientHeight;
  }
	// other Explorers
  else if (document.body){
  	x = document.body.clientWidth;
  	y = document.body.clientHeight;
  }
  if (x > 800) {
    document.getElementsByTagName("html")[0].className = "js";
  }
  else  {
    document.getElementsByTagName("html")[0].className = "js px800";
  }
	return x;
}
//====================================================================================================================

var velocidade = 1; //em milisegundos
var largurabox = 147;
var scrollinicial = 0;
var tamanho = 1;
var valor = 0;
var scroll = new Array(9);

//Gera o array scroll baseado na quantidade de elementos
for(var i=0; i<9; i++){
	eval("scroll["+i+"] = "+largurabox*i);
}

document.getElementsByTagName("html")[0].className = "js";

function addEvent(obj, evType, fn){
	if(obj.addEventListener)obj.addEventListener(evType,fn,true)
	if(obj.attachEvent)obj.attachEvent("on"+evType,fn)
}


function mostra(direcao, destino, valor){
	
	setaClassPx();
	
	var janela = document.getElementById("box-overflow-conteudo-slices");
	janela.style.overflow = "hidden";
	
	if(direcao == "voltar"){voltar(destino, valor);}
	if(direcao == "avancar"){avanca(destino, valor);}
	
	document.getElementById("avancar").className = "block";
}


function avanca(local, valor){
	var janela = document.getElementById("box-overflow-conteudo-slices");
	scrollatual = eval("scroll["+local+"]");
	scrollproximo = eval("scroll["+(local+1)+"]");
	if((valor < scrollproximo) || valor === undefined) {
		if(valor > 0){
			scrollatual = valor + 6;
			janela.scrollLeft = scrollatual;
		}else{
			janela.scrollLeft = scrollatual;
		    scrollatual = parseInt(scrollatual) + 6;
		}
		document.getElementById("voltar").setAttribute("href", "#");
		document.getElementById("avancar").setAttribute("href", "#");
	    var avancarcontrole = setTimeout("avanca(" + local + ", "+scrollatual+")", velocidade);
	}else{
		mostra(); 
		clearTimeout(avancarcontrole);
		document.getElementById("avancar").setAttribute("href", "javascript:mostra('avancar', "+(local+1)+", "+valor+");");
		document.getElementById("voltar").setAttribute("href", "javascript:mostra('voltar', "+(local+1)+", "+valor+");");
		document.getElementById("voltar").className = "enable";
		
		x = setaClassPx();
		if (x > 800) {
			var falta = (janela.scrollWidth - janela.scrollLeft) / 4;
		}
		else  {
			var falta = (janela.scrollWidth - janela.scrollLeft) / 3;
		}
		if(falta < largurabox){
			document.getElementById("avancar").className = "disable";
			document.getElementById("avancar").removeAttribute("href");
		}
		
	}
}

function voltar(local, valor){
	var janela = document.getElementById("box-overflow-conteudo-slices");
	scrollatual = eval("scroll["+local+"]");
	scrollproximo = eval("scroll["+(local-1)+"]");
	if((valor > scrollproximo) || valor === undefined) {
		if(valor > 0){
			scrollatual = valor - 6;
			janela.scrollLeft = scrollatual;
			
		}else{
			janela.scrollLeft = scrollatual;
		  scrollatual = parseInt(scrollatual) - 6;
		}
		document.getElementById("voltar").setAttribute("href", "#");
		document.getElementById("avancar").setAttribute("href", "#");
	    var avancarcontrole = setTimeout("voltar(" + local + ", "+scrollatual+")", velocidade);
	}else{
		mostra(); 
		clearTimeout(avancarcontrole);
		document.getElementById("voltar").setAttribute("href", "javascript:mostra('voltar', "+(local-1)+", "+valor+");");
		document.getElementById("avancar").setAttribute("href", "javascript:mostra('avancar', "+(local-1)+", "+valor+");");
		document.getElementById("avancar").style.display = "block";
		if(local == "1"){
			document.getElementById("voltar").className = "disable";
			document.getElementById("voltar").removeAttribute("href");
		}
	}
}
addEvent(window,"load",mostra);
addEvent(window,"resize",setaClassPx);