var imageCycler = {

	'paths': ["/user_files/image_cycler/tw-coldplay.jpg","/user_files/image_cycler/afterpics.jpg","/user_files/image_cycler/summer-festival-guide2012.jpg","/user_files/image_cycler/morning_showrotator.jpg","/user_files/image_cycler/retrolunchic.jpg","/user_files/image_cycler/mobilelistening_river_375x200.jpg","/user_files/image_cycler/currentimagecycler.jpg","/user_files/image_cycler/listenerpanelrotator2_copy3.jpg"],
	'links': ["http://www.939theriverradio.com/phone_in_contests/view/index.php","http://www.939theriverradio.com/photo_albums/view/album/180/2012_winter_icebreaker_with_lenny_kravitz#top","http://www.939theriverradio.com/section/view/2012_festival_guide/263/","https://www.facebook.com/93.9TheRiverMorningShow","http://www.939theriverradio.com/section/view/retro_lunch/245/","http://www.chumfm.com/microsites/mobile/Radio/mobile.html","http://www.939theriverradio.com/section/view/the_river_current/259/","http://939theriverradio.listenersurvey.com"],
	'times': ["3","4","4","3","3","3","4","3"],
	'target': ["_top","_top","_top","_blank","_top","_blank","_top","_blank"],
	'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(); };

