var banner1 = new Image(); banner1.src = "http://www.tangledfrog.com/banner-corporate7.jpg";
var banner2 = new Image(); banner2.src = "http://www.tangledfrog.com/banner-code.jpg";
var banner3 = new Image(); banner3.src = "http://www.tangledfrog.com/banner-cogs.jpg";
var banner4 = new Image(); banner4.src = "http://www.tangledfrog.com/banner-pencil.jpg";


var rotator = function(){
	++x;
	if (x == 1)
	{document.getElementById("banner").style.backgroundImage = "url(http://www.tangledfrog.com/banner-corporate7.jpg)";
	 $('banner').fade(1);}
	if (x == 2)
	{document.getElementById("wrap-banner").style.backgroundImage = "url(http://www.tangledfrog.com/banner-code.jpg)";
	 $('banner').fade(0);}
	if (x == 3) 
	{document.getElementById("banner").style.backgroundImage = "url(http://www.tangledfrog.com/banner-cogs.jpg)";
	 $('banner').fade(1);}
	if (x == 4) 
	{document.getElementById("wrap-banner").style.backgroundImage = "url(http://www.tangledfrog.com/banner-pencil.jpg)";
	 $('banner').fade(0);}
	
	if (x == 4) x = 0;
	
}
	
	var x = 1;

window.addEvent('domready', function() {
	var rotatorVar = rotator.periodical(6000, x);
});