var sAba = 1; // Ponteiro das abas
var vInt; // Ponteiro do clearInterval

// ################################################################################################
// Faz o loop pelas tabs
// o parâmetro poder vir vazio, com o número da tab ou com o evento do mouseout
// quando a tab é clicada para o loop
// ################################################################################################
function home_tabs(the_tab) {
	if(!the_tab) {
		sAba++;
		the_tab = sAba;
		if(sAba == 3) sAba = 0;
	} else {
		stop_loop();
	}

	for (var i = 1; i < 4; i++) {
		if (i == the_tab) {
			document.getElementById('tab_'+ i).style.display = 'block';
			document.getElementById('tablink_'+ i).className = 'active';
		} else {
			document.getElementById('tab_'+ i).style.display = 'none';
			document.getElementById('tablink_'+ i).className = '';
		}
	}
}

function start_loop() { vInt = setInterval("home_tabs()",7000);  } // Seta o intervalo para comecar o loop - 7 segundos
function stop_loop() { clearInterval(vInt); } // Para o loop

// ################################################################################################
// Inicia o loop e adiciona a acao de parar no mouseover e continuar no mouseout
// ################################################################################################
function loop_tabs() {
	start_loop();

	for(var i=1; i<3; i++) {
		addEvent(document.getElementById("tab_" + i),"mouseover",stop_loop,1);
		addEvent(document.getElementById("tab_" + i),"mouseout",start_loop,1);
	}	
}

// ################################################################################################
// event listener
// ################################################################################################
function addEvent(elm, evType, fn, useCapture)	{
	if(elm.addEventListener) {
		elm.addEventListener(evType, fn, useCapture);
		return true;
	} else if(elm.attachEvent) {
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	} else {
		elm['on' + evType] = fn;
	}
}