// ============================================================ FUNCTIONS: PACKAGE CONTROLS ============================================================ //
	
	// ==================== GLOBAL SETTINGS ==================== //

	var PreviousEnabled = true ;	// true = click previous button displays previous picture, false = click previous button does not do anything
	var NextEnabled = true ;		// true = click previous button displays previous picture, false = click previous button does not do anything
	var PauseEnabled = false ;		// true = stop rotating pictures, false = rotate pictures
	var imageInterval = 5000 ;		// number of milliseoncds to display image (1 second == 1000 milliseconds)
	var timerID = 0 ;

	var CurrentPicture = 0 ;	// index of current picture displayed in Picture and PicturesPageNum arrays
	var NumPictures = 5 ;		// total number of pictures
	// used CSS ids (# has a value of 0 to NumPictures - 1)
	//	package-heading# - this is the two line heading in the package area above the picture
	//	package-image# - this is the picture displayed
	//	package-copy# - this is the text to the right of the picture
	//	package-pagenum# - this is the 1/5, 2/5, 3/5, ...
	// ==================== GLOBAL SETTINGS ==================== //

	// return current picture index
	function CurrentImageIndex()
	{
		return CurrentPicture ;
	}

	// return next picture index
	function NextImageIndex()
	{
		CurrentPicture++ ;

		if (CurrentPicture >= NumPictures)
			CurrentPicture = 0 ;

		return CurrentPicture ;
	}

	// return previous picture index
	function PreviousImageIndex()
	{
		CurrentPicture-- ;

		if (CurrentPicture < 0)
			CurrentPicture = NumPictures - 1 ;

		return CurrentPicture ;
	}

	// update package display
	function UpdatePackage()
	{
		var divName ;
		var LastPicture = CurrentImageIndex() - 1 ;
		var NextPicture = CurrentImageIndex() + 1 ;
		var oObj ;

		if (LastPicture < 0)
			LastPicture = NumPictures - 1 ;

		if (NextPicture >= NumPictures)
			NextPicture = 0 ;

		// turn on current package
		divName = 'package-heading' + CurrentPicture ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'visible' ;

		divName = 'package-image' + CurrentPicture ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'visible' ;

		divName = 'package-copy' + CurrentPicture ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'visible' ;

		divName = 'package-pagenum' + CurrentPicture ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'visible' ;


		// turn off previous package
		divName = 'package-heading' + LastPicture  ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'hidden' ;

		divName = 'package-image' + LastPicture  ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'hidden' ;

		divName = 'package-copy' + LastPicture  ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'hidden' ;

		divName = 'package-pagenum' + LastPicture  ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'hidden' ;



		// turn off next package - in case they pressed back
		divName = 'package-heading' + NextPicture  ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'hidden' ;

		divName = 'package-image' + NextPicture  ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'hidden' ;

		divName = 'package-copy' + NextPicture  ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'hidden' ;

		divName = 'package-pagenum' + NextPicture  ;
		oObj = document.getElementById(divName) ;
		oObj.style.visibility = 'hidden' ;
	}

	// handle clicking on previous package
	function ClickPrevious()
	{
		PreviousImageIndex() ;
		UpdatePackage() ;
		ResetTimer() ;
	}

	// handle clicking on next package
	function ClickNext()
	{
		NextImageIndex() ;
		UpdatePackage() ;
		ResetTimer() ;
	}

	// handle clicking on pause
	function ClickPause()
	{
		PauseEnabled = !PauseEnabled ;	// toggle pause flag

		// if paused
		if (PauseEnabled)
		{
			document['pkg-buttons'].src = 'images/pkg-buttons_pause.gif' ;
		}
		else
		{
			document['pkg-buttons'].src = 'images/pkg-buttons.gif' ;
		}
	}

	// clear last timer and start new timer
	function ResetTimer()
	{
		// if timer set
		if (timerID != 0)
		{
			// clear it
			clearTimeout(timerID) ;
		}

		// set timer
		timerID = setTimeout('timer()', imageInterval) ;
	}

	function timer()
	{
		// if not paused
		if (!PauseEnabled)
		{
			// simulate click next
			ClickNext() ;
		}

		ResetTimer() ;
	}