jQuery(document).ready(function () {
	var cells = jQuery('.imageRotator td');
	var current = -1;
	var timerId = null;
/*	var buttonsHTML = '<ul id="imageSelector">';
	for (var i = 0; i < cells.length; i++) {
		buttonsHTML += '<li' + ((i === 0) ? ' class="active"' : '') + '><button type="button">' + (i + 1) + '</button></li>';
	}
	buttonsHTML += '</ul>';
	jQuery('.imageRotator').before(buttonsHTML);
	jQuery('#imageSelector button').each(function (index) {
			jQuery(this).bind("click", index, function (e) {
					clearTimeout(timerId);
					current = e.data;
					rotateTo(current);
				}
			);
		}
	);
*/
	function rotateTo(active) { // zero indexed
		cells.each(
			function () {
				this.style.display = 'none';
			}
		);
		cells[active].style.display = 'block';
		jQuery('#imageSelector li.active').removeClass('active');
		jQuery('#imageSelector li:nth-child(' + (active + 1) + ')').addClass('active');
		timerId = setTimeout(rotate, 5000);
	}

	function rotate() {
		rotateTo(++current % cells.length);
	}

	rotate();
});