// JavaScript Document

// Options you can change
var banner_ids = ['image_1','image_2','image_3','image_4','image_5', 'image_6']; // id's of the divs to rotate
var banner_intvl = 8000; // time between rotations in milliseconds

 
// The function that does the rotation, the timer will pass the array
function _rotate(ids) {
	var divs = new Array();
	for(var i=0; i<ids.length; i++) {
		divs[divs.length] = document.getElementById(ids[i]);
	}
	for(var i=0; i<divs.length; i++) {
		if(divs[i].style.display == 'block') {
			divs[i].style.display = 'none';
			// divs[(i != (divs.length-1)) ? ++i : 0].style.display = 'block'; // forward only
			// I have no idea why I needed to assign the value back to 'i', but backwards scroll wasnt working without it
			divs[i = arguments[1] && typeof arguments[1] == 'boolean' ?
					i!=0 ? --i : divs.length-1 : 
					(i != (divs.length-1)) ? ++i : 0
				].style.display = 'block';
		}
	}
}

// the timers, you can kill the timer with 'clearInterval(timer_XXX)'
timer_banner = setInterval('_rotate(banner_ids)',banner_intvl);