var counterRight;
var counterBanner;
var wrapper;
var banners;
var currentBanner;
var totalBanners;
// quanto menor mais rápido
var speed = 30;

function start() {
	totalBanners = 0;
	counterRight = 0;
	counterBanner = 0;
	wrapper = document.getElementById('wrapper');
	banners = wrapper.getElementsByTagName('div');
	currentBanner = banners[counterBanner];
	totalBanners = banners.length;
	
	slideIt();
}

function slideIt() {
	if (document.getElementById) {
		currentBanner.style.clip = "rect(0px " + counterRight + "px 177px 0px)"; 
	}
	
	counterRight += 2;
	time_out = setTimeout("slideIt()", speed);
		
	if (counterRight >= 330) {
		clearTimeout(time_out);	
		time_out = 0;
		counterRight = 0;
		counterBanner ++;	
		
		if (totalBanners == counterBanner) {
			cleanRect();			
			start();
		} else {
			currentBanner = banners[counterBanner];
			slideIt();
		}
	}	
}

function cleanRect() {
	for (var i=0; i<banners.length; i++) {
		if (document.getElementById) {
			banners[i].style.clip = "rect(0 0 0 0)"; 
		}
	}	
}