function rotateHeaders() {
	this.rotateConfig = [];
	
	this.rotateConfig[0] = {
		element: document.getElementById('header'),
		images: [
			"headers/header1_01.jpg",
			"headers/header1_02.jpg",
			"headers/header1_03.jpg",
			"headers/header1_04.jpg"
		],
		speed: 8000,
		delay: 8000,
		current: 0
	};
	
	this.rotateConfig[1] = {
		element: document.getElementById('header2'),
		images: [
			"headers/header2_01.jpg",
			"headers/header2_02.jpg",
			"headers/header2_03.jpg"
		],
		speed: 8000,
		delay: 2000,
		current: 0
	};
	
	this.rotateConfig[2] = {
		element: document.getElementById('header3'),
		images: [
			"headers/header3_01.jpg",
			"headers/header3_02.jpg",
			"headers/header3_03.jpg"
		],
		speed: 8000,
		delay: 4000,
		current: 0
	};
	
	this.rotateConfig[3] = {
		element: document.getElementById('header4'),
		images: [
			"headers/header4_01.jpg",
			"headers/header4_02.jpg",
			"headers/header4_03.jpg"
		],
		speed: 8000,
		delay: 6000,
		current: 0
	};
	
	this.images = [];
	
	this.debug = true;
	
	this.init = function() {
		window.rotateImages = this;
		
		var i,j;
		for (i=0; i<this.rotateConfig.length; i++) {
			for (j=0; j<this.rotateConfig[i].images.length; j++) {
				this.preloadImage(this.rotateConfig[i].images[j]);
			}
			
			window.setTimeout("window.rotateImages.rotateImage(" + i + "); window.setInterval('window.rotateImages.rotateImage(" + i + ")', " + this.rotateConfig[i].speed + ");", this.rotateConfig[i].delay);
		}
	}
	
	this.preloadImage = function(url) {
		this.images[this.images.length] = new Image();
		this.images[this.images.length-1].src = url;
	}
	
	this.rotateImage = function(num) {
		this.rotateConfig[num].current++;
		if (this.rotateConfig[num].current >= this.rotateConfig[num].images.length) {
			this.rotateConfig[num].current = 0;
		}
		
		this.rotateConfig[num].element.style.backgroundImage = "url('" + this.rotateConfig[num].images[this.rotateConfig[num].current] + "')";
	}
	
	this.init();
}

window.onload = rotateHeaders;

