var RotateDuration=5000;
var TimeOut;
var GlobalCurrentSlide=0;
var ClickPausePlay=false;
	function InitiateSlideShow(SlideShowImage)
		{
			//SET HTML ELEMENTS
				document.write('<div class="HomePageSlideShowContainer" id="HomePageSlideShowContainer">');

          document.write('<div class="LeftSide" id="LeftSide">');
					  //document.write('<p>left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left</p>');
					
   				  //images
						document.write('<div class="HomePageSlideShow" id="HomePageSlideShow" onmouseout="SlideShowControls(SlideShowImage, \'RollOverPlay\');" onmouseover="SlideShowControls(SlideShowImage, \'RollOverPause\');">');
							document.write('<a id="HomePageSlideShowA_Tag"></a>');
						document.write('</div>');
	          
						//control bar
						document.write('<div class="SlideShowSelectors" id="SlideShowSelectors">');
							document.write('<h2 class="SlideShowTitle" id="SlideShowTitle"></h2>');
							document.write('<div class="SelectorImageDiv" id="SelectorImageDiv"></div>');
						document.write('</div>');

					document.write('</div>');
					
					//right-hand text
          document.write('<div class="SlideShowStoryBox" id="SlideShowStory">');
					  //document.write('<p>right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right right</p>');
						document.write('<h2 class="SlideShowStoryHeader" id="SlideShowStoryHeader"></h2>');
						document.write('<p class="SlideShowStoryText" id="SlideShowStoryText"></p>');
						document.write('<div class="SlideShowReadMore" id="SlideShowReadMore"><a id="ReadMoreA_Tag">Read More</a></div>');
					document.write('</div>');
					
				document.write('</div>');
			//END HTML ELEMENTS



      //NEXT/PREV PAUSE/PLAY BUTTONS
			var NextPrev_PausePlay;
			var PrevButton='<div style="background:url(\'/images/slideshow/SlideSelector.gif\') no-repeat;" class="SlideShowSelectorDiv" title="&lt; Previous" onclick="SlideShowControls(SlideShowImage, \'Prev\');">&laquo;</div>';
			var NextButton='<div style="background:url(\'/images/slideshow/SlideSelector.gif\') no-repeat;" class="SlideShowSelectorDiv" title="Next &gt;" onclick="SlideShowControls(SlideShowImage, \'Next\');">&raquo;</div>';
			var PauseButton='<div style="background:url(\'/images/slideshow/SlidePause.gif\') no-repeat;" class="SlideShowSelectorDiv" id="PausePlayButton" title="Pause" onclick="SlideShowControls(SlideShowImage, \'Pause\');"></div>';
			NextPrev_PausePlay='<div style="float:Left;padding:0 35px 0 0;">'+PrevButton+PauseButton+NextButton+'</div>';
			document.getElementById('SelectorImageDiv').innerHTML=NextPrev_PausePlay;
			//END NEXT/PREV PAUSE/PLAY BUTTONS

			//SET INITIAL SLIDE
				SetSlide(SlideShowImage[0].src, SlideShowImage[0].alt, SlideShowImage[0].href, SlideShowImage[0].storyText);
			//END INITIAL SLIDE

			var SlideShowImageSRC;
			var SlideShowImageALT;
			var SlideShowImageHREF;

			//GENERATE SELECTOR NUMBERS
			for(X=0; X < SlideShowImage.length; X=X + 1)
				{//CREATE SELECTOR DIV

					SelectorImage=document.createElement('div');
					SelectorImage.className='SlideShowSelectorDiv';
					SelectorImage.title=SlideShowImage[X].alt;
					SelectorImage.id='SlideShowSelectorImage' + X;
					SelectorImage.innerHTML=X+1;

				//SET ONCLICK EVENT
						SlideShowImageSRC='';
						SlideShowImageALT='';
						SlideShowImageHREF='';
						SlideShowImageSTORYTEXT='';
							SlideShowImageSRC=SlideShowImage[X].src;
							SlideShowImageALT=SlideShowImage[X].alt;
							SlideShowImageHREF=SlideShowImage[X].href;
							SlideShowImageSTORYTEXT=SlideShowImage[X].storyText;
						SelectorImage.onclick=new Function('SetSlide(\''+SlideShowImageSRC+'\', \''+SlideShowImageALT+'\', \''+SlideShowImageHREF+'\', \''+SlideShowImageSTORYTEXT+'\');AutoRotateSlides('+X+', SlideShowImage, '+true+');SlideShowControls(SlideShowImage, \'Pause\');')

						document.getElementById('SelectorImageDiv').appendChild(SelectorImage);
				//END SELECTOR IMAGES
				}

			AutoRotateSlides(0, SlideShowImage);
		}

	function SetSlide(SlideSRC, SlideALT, SlideHREF, SlideSTORYTEXT)
		{
			/*.transparent_class {
				filter:alpha(opacity=50);
				-moz-opacity:0.5;
				-khtml-opacity: 0.5;
				opacity: 0.5;
			}/*/
			document.getElementById('HomePageSlideShow').style.background='url(\'' + SlideSRC + '\') no-repeat center #fff';
			document.getElementById('SlideShowTitle').innerHTML=SlideALT;
				document.getElementById('HomePageSlideShowA_Tag').href=SlideHREF;
				document.getElementById('HomePageSlideShowA_Tag').title=SlideALT;
				
				document.getElementById('SlideShowStoryHeader').innerHTML=SlideALT;
				document.getElementById('SlideShowStoryText').innerHTML=SlideSTORYTEXT;
				document.getElementById('ReadMoreA_Tag').href=SlideHREF;
				document.getElementById('ReadMoreA_Tag').title=SlideALT;

				if (SlideHREF == '') {document.getElementById('SlideShowReadMore').style.display='none';}
				  else {document.getElementById('SlideShowReadMore').style.display='block';}
				//It'd be nice to change the class, but JS won't let you do that.
		}

	function SlideShowControls(SlideShowImage, Command)
		{
		var PausePlayButton=document.getElementById('PausePlayButton');
		switch(Command)
			{
				case 'Pause':
					ClickPausePlay=true;
					clearTimeout(TimeOut);
					PausePlayButton.style.background='url(\'/images/slideshow/SlidePlay.gif\') no-repeat';
					PausePlayButton.title='Play';
					PausePlayButton.onclick=new Function('SlideShowControls(SlideShowImage, \'Play\');');
				break;
				case 'Play':
					ClickPausePlay=false;
					AutoRotateSlides(GlobalCurrentSlide, SlideShowImage);
					PausePlayButton.style.background='url(\'/images/slideshow/SlidePause.gif\') no-repeat';
					PausePlayButton.title='Pause';
					PausePlayButton.onclick=new Function('SlideShowControls(SlideShowImage, \'Pause\');');
				break;
				case 'RollOverPause':
					if(ClickPausePlay==false)
						{clearTimeout(TimeOut);
						PausePlayButton.style.background='url(\'/images/slideshow/SlidePlay.gif\') no-repeat';
						PausePlayButton.title='Play';
						PausePlayButton.onclick=new Function('SlideShowControls(SlideShowImage, \'Play\');');}
				break;
				case 'RollOverPlay':
					if(ClickPausePlay==false)
						{AutoRotateSlides(GlobalCurrentSlide, SlideShowImage);
						PausePlayButton.style.background='url(\'/images/slideshow/SlidePause.gif\') no-repeat';
						PausePlayButton.title='Pause';
						PausePlayButton.onclick=new Function('SlideShowControls(SlideShowImage, \'Pause\');');}
				break;
				case 'Next':
					if(GlobalCurrentSlide==SlideShowImage.length-1){NextSlide=0;}
					else{NextSlide=GlobalCurrentSlide+1;}
					AutoRotateSlides(NextSlide, SlideShowImage, true);
					clearTimeout(TimeOut);
					SlideShowControls(SlideShowImage, 'Pause');
				break;
				case 'Prev':
					if(GlobalCurrentSlide==0){NextSlide=SlideShowImage.length-1;}
					else{NextSlide=GlobalCurrentSlide-1;}
					AutoRotateSlides(NextSlide, SlideShowImage, true);
					clearTimeout(TimeOut);
					SlideShowControls(SlideShowImage, 'Pause');
				break;
			}
		}

	function AutoRotateSlides(CurrentSlide, SlideShowImage, ClearTimeOut)
		{
		document.getElementById('SlideShowSelectorImage'+GlobalCurrentSlide).style.background='url(\'/images/slideshow/SlideSelector.gif\') no-repeat';
		if(ClearTimeOut==true){clearTimeout(TimeOut);}
			SetSlide(SlideShowImage[CurrentSlide].src, SlideShowImage[CurrentSlide].alt, SlideShowImage[CurrentSlide].href, SlideShowImage[CurrentSlide].storyText);
			var NextSlide;
				if(CurrentSlide==SlideShowImage.length-1){NextSlide=0;}
				else{NextSlide=CurrentSlide+1;}
			GlobalCurrentSlide=CurrentSlide;

			//INDECATE WHICH NUMBER IS THE SELECTED SLIDE
			var PrevSlide
			if(GlobalCurrentSlide==0){PrevSlide=SlideShowImage.length-1;}
			else{PrevSlide=GlobalCurrentSlide-1;}
				document.getElementById('SlideShowSelectorImage'+PrevSlide).style.background='url(\'/images/slideshow/SlideSelector.gif\') no-repeat';
				document.getElementById('SlideShowSelectorImage'+GlobalCurrentSlide).style.background='url(\'/images/slideshow/SelectedSlide.gif\') no-repeat';

			//AUTOMATICALLY ROTATE SLIDES
				TimeOut=setTimeout('AutoRotateSlides('+NextSlide+', SlideShowImage)', RotateDuration);
		}