var imageCycler = {

	'paths': ["/user_files/image_cycler/hoh-rotater.jpg","/user_files/image_cycler/myspace-005.jpg","/user_files/image_cycler/tuesdays-are-shoesdays-yes.jpg","/user_files/image_cycler/curekidscancer-teaser.jpg","/user_files/image_cycler/working-womens-wednesday-ye.jpg","/user_files/image_cycler/tailgating-with-the-eagles.jpg","/user_files/image_cycler/teach.jpg","/user_files/image_cycler/box-office-001.jpg","/user_files/image_cycler/magic-snownet.jpg"],
	'links': ["/section/view/holiday_open_house/92/","http://www.myspace.com/magic985","","/section/view/cure_kids_cancer_radithon/90/","/contest/public/index.php?display=view&contest_id=4","","/contest/public/index.php?display=view&contest_id=8","/contest/public/index.php?display=view&contest_id=6","/section/view/cancellations_and_closures/58/"],
	'times': ["5","5","5","5","5","5","5","5","5"],
	'target': ["_blank","_blank","_top","_top","_top","_top","_top","_top","_top"],
	'currentImage': 0,
	'currentTimeout': false,
	'init': function() {

		var image = new Image();
		for (var i=0; i<this.paths.length; i++){
			image.src = this.paths[i];
		}

		this.changeImage(0,false);

	},
	'changeImage': function(t,realClick) {
		var innerHTMLText 		= '';

		if (this.links[t] != '') innerHTMLText += '<a href="' + this.links[t] + '" target="' + this.target[t]  + '">';
		innerHTMLText += '<img src="' + this.paths[t] + '" class="imageCyclerImage">';
		if (this.links[t] != '') innerHTMLText += '</a>';
		
		//Fix the double '?' caused by output_add_rewrite_var(), simply search for ?session and replace with &session
		innerHTMLText	= innerHTMLText.replace('?session','&session');

		document.getElementById("imageCyclerImageContainer").innerHTML = innerHTMLText;

		//Highlight the current image.
		document.getElementById("menuButton_" + this.currentImage).className = "menuButton";
		document.getElementById("menuButton_" + t).className = "menuButton current";

		this.currentImage = t;

		if( this.currentImage+1 <= this.paths.length - 1 && !realClick) {
			this.currentTimeout = window.setTimeout('imageCycler.changeImage(' + parseInt(this.currentImage+1) + ',false)', this.times[this.currentImage] * 1000);
		} else if( this.currentImage == this.paths.length - 1 ) {	// Start the cycle again
			this.currentTimeout = window.setTimeout('imageCycler.changeImage(0,false)', this.times[0] * 1000);
		}

	},
	'selectImage': function (t) {

		this.changeImage(t,true);
		window.clearTimeout(this.currentTimeout);

	},
	'prevImage': function () {

		if( this.currentImage-1 >= 0) {
			this.changeImage(this.currentImage-1,true);
		} else	{
			this.changeImage(this.paths.length-1,true);
		}

		window.clearTimeout(this.currentTimeout);

	},
	'nextImage': function () {

		if( this.currentImage+1 <= this.paths.length - 1) {
			this.changeImage(this.currentImage+1,true);
		} else {
			this.changeImage(0,true);
		}

		window.clearTimeout(this.currentTimeout);

	}

}

window.onload = function() { imageCycler.init(); };