/* Set values for gallery auto-rotation */
var iCurrent=1; // Sets the first gallery image
var timer;  // Variable for timer
var iSeconds = 5; // Number of seconds between rotations
var iMax; // Creates variable for the number of gallery images
var iToggle = "play";  // Start the play/pause toggle on play 

/* Set inital promo and nav icon on page load */
var currentSlide = "div#dc_slide"+iCurrent;
var currentNav = "a#dc_slideNav"+iCurrent;

$(document).ready(function(){
	var btnTitle = ["","First","Second","Third","Fourth","Fifth","Sixth","Seventh","Eighth","Ninth","Tenth"];

	iMax = $("#dc_slideshow-wrapper > .dc_slide").size();

	/*Dynamically Add Nav Buttons*/
	if (iMax > 1) {
		var slideNav = '<div id="dc_slideNavBar"><div id="dc_slideNavBarControls"><a href="javascript:ToggleSlideshow();" id="ppAnchor" title="Pause slideshow"><img src="/ts_shared/images/pause.gif" id="ppImage" height="14" width="16" border="0" alt="Pause slideshow" title="Pause slideshow"></a><a href="/' + vaSiteFolder + '/banners.asp" title="Text descriptions for slide banners"><img src="/ts_shared/images/info.gif" height="14" width="16" border="0" alt="Text descriptions for slide banners" title="Text descriptions for slide banners"></a></div>' + '<ul>';
		for (i=1; i<=iMax; i++) {
			slideNav += '<li><a id="dc_slideNav' + i + '" class="dc_slideNav" href="#dc_slide' + i + '" title="' + btnTitle[i] + ' slideshow item">' + i + '</a></li>';
		}
		slideNav += '</ul>' + '</div>';
		
		$("#dc_slide" + iMax).after(slideNav);
	}

	/* Set initial gallery nav state */
	$(currentNav).addClass("selected");
	
	/* Start timer */
	timer = setInterval("ChangeSlide($(currentNav), $('a#dc_slideNav'+getNextID()))", (iSeconds*1000));
	
	/* add click event function to switch promos */
	$("div#dc_slideNavBar a.dc_slideNav").click(function () {
		ChangeSlide($(currentNav), $(this));
		return false;
	});


});
		
/* Function to switch promos and restart timer */
function ChangeSlide(oCurrent, oNew) {
	// If the user clicks on a different item than the current item
	if ($(oCurrent).attr('href') != $(oNew).attr('href')) {
		// Update classes on  nav items
		$(oCurrent).removeClass("selected");
		$(oNew).addClass("selected");
		
		// Update current nav item
		currentNav = $(oNew);
		
		var newSlideHref = $(oNew).attr('href');
		var newSlide = newSlideHref.substr(newSlideHref.indexOf("#"), 11)

	// Fade photos to switch
		$(currentSlide).fadeOut('fast', function() {
			if(jQuery.browser.msie)
			 this.style.removeAttribute('filter');
		});
		$(newSlide).fadeIn('fast', function() {
			if(jQuery.browser.msie)
			 this.style.removeAttribute('filter');
		});
		
		// Update current item
		currentSlide = newSlide;
		iCurrent = Number(currentSlide.substring(9));
		
		if (iToggle == "play") {
			clearInterval(timer);
			timer = setInterval("ChangeSlide($(currentNav), $('a#dc_slideNav'+getNextID()))", (iSeconds*1000));
		}
	};
};

/* Gets ID of next promo for auto-rotate */
function getNextID() {
	/*if (iCurrent==iMax) {
	iCurrent=1;
	} else {
		iCurrent=iCurrent+1;
	}*/
	iCurrent==iMax ? iCurrent=1 : iCurrent++;
	return iCurrent;
}

function ToggleSlideshow() {
	/* Slideshow is currently paused.  Start the slideshow.  Change the button to pause so it can be stopped and set the toggle to "play" */
	if (iToggle == "pause") {
		clearInterval(timer);
		timer = setInterval("ChangeSlide($(currentNav), $('a#dc_slideNav'+getNextID()))", (1*1000));
		document.getElementById("ppImage").src = "/ts_shared/images/pause.gif";
		document.getElementById("ppImage").alt = "Pause slideshow";
		document.getElementById("ppImage").title = "Pause slideshow";
		document.getElementById("ppAnchor").title = "Pause slideshow";
		document.getElementById("ppAnchorText").title = "Pause slideshow";
		document.getElementById("ppAnchorText").innerHTML = "Pause slideshow";
		iToggle = "play";
	/* Slideshow is currently playing.  Stop the slideshow.  Change the button to play so it can be restarted and set the toggle to "pause" */
	} else if (iToggle == "play") {
		clearInterval(timer);
		document.getElementById("ppImage").src = "/ts_shared/images/play.gif";
		document.getElementById("ppImage").alt = "Play slideshow";
		document.getElementById("ppImage").title = "Play slideshow";
		document.getElementById("ppAnchor").title = "Play slideshow";
		document.getElementById("ppAnchorText").title = "Play slideshow";
		document.getElementById("ppAnchorText").innerHTML = "Play slideshow";
		iToggle = "pause";
	}
}