var LastClicked;
var PicturePathThumb1, PicturePathThumb2, PicturePathThumb3, PicturePathThumb4, PicturePathThumb5;
var PicturePathFullSize1, PicturePathFullSize2, PicturePathFullSize3, PicturePathFullSize4, PicturePathFullSize5;
var PictureLink1, PictureLink1_2, PictureLink2, PictureLink2_2, PictureLink3, PictureLink3_2;
var PictureLink4_1, PictureLink4_2, PictureLink5, PictureLink5_2;
var TitleText1, TitleText2, TitleText3, TitleText4, TitleText5;
var TitleOriginalFont, TitleOriginalBackground;
var TitleSelectedFont, TitleSelectedBackground;
var TitleMouseOverFont, TitleMouseOverBackground;
var MouseOverCursor, MouseOutCursor;
var FullSizeImage, SmallSizeImage1, SmallSizeImage2, SmallSizeImage3, SmallSizeImage4, SmallSizeImage5;
var Title1, Title2, Title3, Title4, Title5;
var ThumbTD1, ThumbTD2, ThumbTD3, ThumbTD4, ThumbTD5;
var SelectedPictureLink1, SelectedPictureLink2;
var SelectedArea1, SelectedArea2;
var Area1, Area1_2, Area2, Area2_2, Area3, Area3_2, Area4_1, Area4_2, Area5, Area5_2;
//Timer Variables
var MainTopicsecs;
var MainTopicTimerID = null;
var MainTopicTimerRunning = false;
var MainTopicDelay = 1000;
var MainTopicLastTopic = 1;

function MainTopic_Mouse_Over(TD_obj, Title_obj)
{
	if (LastClicked != TD_obj.id)
	{
		TD_obj.style.cursor		 	= MouseOverCursor;
		TD_obj.style.background = TitleMouseOverBackground;
		Title_obj.style.color		= TitleMouseOverFont;
	}
}

function MainTopic_Mouse_Out(TD_obj, Title_obj)
{
	if (LastClicked != TD_obj.id)
	{
		TD_obj.style.cursor		 	= MouseOutCursor;
		TD_obj.style.background = TitleOriginalBackground;
		Title_obj.style.color		= TitleOriginalFont;
	}
}

function MainTopic_Load_FullSize(SelectedTD_obj, Image_obj, SelectedTitle_obj)
{
	ThumbTD1.style.background	= TitleOriginalBackground;
	Title1.style.color				= TitleOriginalFont;
	ThumbTD2.style.background	= TitleOriginalBackground;
	Title2.style.color				= TitleOriginalFont;
	ThumbTD3.style.background	= TitleOriginalBackground;
	Title3.style.color				= TitleOriginalFont;
	ThumbTD4.style.background	= TitleOriginalBackground;
	Title4.style.color				= TitleOriginalFont;	
	ThumbTD5.style.background	= TitleOriginalBackground;
	Title5.style.color				= TitleOriginalFont;	

	StopTheClock();
	
	if (SelectedTD_obj.id == "MainTopicThumbnail1")
	{
		SelectedPictureLink1 = PictureLink1;
		SelectedPictureLink2 = PictureLink1_2;
		SelectedFillSizePic = PicturePathFullSize1;
		SelectedArea1				= Area1;
		SelectedArea2				= Area1_2;
		FullSizeImage.useMap = "#MapMainTopic01";
		MainTopicLastTopic = 1;
	}
	else if (SelectedTD_obj.id == "MainTopicThumbnail2")
	{
		SelectedPictureLink1 = PictureLink2;
		SelectedPictureLink2 = PictureLink2_2;
		SelectedFillSizePic = PicturePathFullSize2;
		FullSizeImage.useMap = "#MapMainTopic02";
		SelectedArea1				= Area2;
		SelectedArea2				= Area2_2;
		MainTopicLastTopic = 2;
	}
	else if (SelectedTD_obj.id == "MainTopicThumbnail3")
	{
		SelectedPictureLink1 = PictureLink3;
		SelectedPictureLink2 = PictureLink3_2;
		SelectedFillSizePic = PicturePathFullSize3;
		FullSizeImage.useMap = "#MapMainTopic03";
		SelectedArea1				= Area3;
		SelectedArea2				= Area3_2;
		MainTopicLastTopic = 3;
	}
	else if (SelectedTD_obj.id == "MainTopicThumbnail4")
	{
		SelectedPictureLink1 = PictureLink4;
		SelectedPictureLink2 = PictureLink4_2;
		SelectedFillSizePic = PicturePathFullSize4;
		FullSizeImage.useMap = "#MapMainTopic04";
		SelectedArea1				= Area4_1;
		SelectedArea2				= Area4_2;
		MainTopicLastTopic = 4;
	}
	else if (SelectedTD_obj.id == "MainTopicThumbnail5")
	{
		SelectedPictureLink1 = PictureLink5;
		SelectedPictureLink2 = PictureLink5_2;
		SelectedFillSizePic = PicturePathFullSize5;
		FullSizeImage.useMap = "#MapMainTopic05";
		SelectedArea1				= Area5;
		SelectedArea2				= Area5_2;
		MainTopicLastTopic = 5;
	}

	AddRemoveLinks();
	FadeInImage(FullSizeImage, SelectedFillSizePic, FullSizeImage);
	InitializeTimer();

	SelectedTD_obj.style.background	= TitleSelectedBackground;
	SelectedTitle_obj.style.color		= TitleSelectedFont;

	LastClicked = SelectedTD_obj.id;
}

function MainTopics_onLoad()
{
	MainTopic_Define_Variables();

//Define Thumbnail Picture Path
	PicturePathThumb1 = "./images/Main_Topic_Banner/01_Thumb.jpg";
	PicturePathThumb2 = "./images/Main_Topic_Banner/02_Thumb.jpg";
	PicturePathThumb3 = "./images/Main_Topic_Banner/03_Thumb.jpg";
	PicturePathThumb4 = "./images/Main_Topic_Banner/04_Thumb.jpg";
	PicturePathThumb5 = "./images/Main_Topic_Banner/05_Thumb.jpg";

//Define FullSize Picture Path
	PicturePathFullSize1 = "./images/Main_Topic_Banner/01_FullSize.jpg";
	PicturePathFullSize2 = "./images/Main_Topic_Banner/02_FullSize.jpg";
	PicturePathFullSize3 = "./images/Main_Topic_Banner/03_FullSize.jpg";
	PicturePathFullSize4 = "./images/Main_Topic_Banner/04_FullSize.jpg";
	PicturePathFullSize5 = "./images/Main_Topic_Banner/05_FullSize.jpg";

//Define Colors
	TitleOriginalFont				 = '#3A3829';
	TitleOriginalBackground	 = '#FCE0A6';
	TitleMouseOverFont			 = '#AF9862';
	TitleMouseOverBackground = '#FFECC1';
	TitleSelectedFont				 = '#3A3829';
	TitleSelectedBackground	 = '#FFECC1';

//Define Objects
	MouseOverCursor = 'pointer';
	MouseOutCursor	= 'text';
	FullSizeImage		= document.getElementById("MainTopicFullSizeImage");	//Full Size Image
	FullSizeLink		= document.getElementById("MainTopicFullSizeLink");		//Full Size Link
	SmallSizeImage1	= document.getElementById("MainTopicThumbnailImg1");	//Thumbnail image 1
	SmallSizeImage2	= document.getElementById("MainTopicThumbnailImg2");	//Thumbnail image 2
	SmallSizeImage3	= document.getElementById("MainTopicThumbnailImg3");	//Thumbnail image 3
	SmallSizeImage4	= document.getElementById("MainTopicThumbnailImg4");	//Thumbnail image 4
	SmallSizeImage5	= document.getElementById("MainTopicThumbnailImg5");	//Thumbnail image 5
	Title1					= document.getElementById("MainTopicTitle1"); 				//Title 1
	Title2					= document.getElementById("MainTopicTitle2");					//Title 2
	Title3					= document.getElementById("MainTopicTitle3"); 				//Title 3
	Title4					= document.getElementById("MainTopicTitle4"); 				//Title 4
	Title5					= document.getElementById("MainTopicTitle5"); 				//Title 5
	ThumbTD1				= document.getElementById("MainTopicThumbnail1");			//Thumbnail TD1
	ThumbTD2				= document.getElementById("MainTopicThumbnail2");			//Thumbnail TD2
	ThumbTD3				= document.getElementById("MainTopicThumbnail3");			//Thumbnail TD3
	ThumbTD4				= document.getElementById("MainTopicThumbnail4");			//Thumbnail TD4
	ThumbTD5				= document.getElementById("MainTopicThumbnail5");			//Thumbnail TD5
	Area1						= document.getElementById("AreaMainTopic01_1");				//Area 1
	Area1_2					= document.getElementById("AreaMainTopic01_2");				//Area 1_2
	Area2						= document.getElementById("AreaMainTopic02_1");				//Area 2
	Area2_2					= document.getElementById("AreaMainTopic02_2");				//Area 2_2
	Area3						= document.getElementById("AreaMainTopic03_1");				//Area 3
	Area3_2					= document.getElementById("AreaMainTopic03_2");				//Area 3_2
	Area4_1					= document.getElementById("AreaMainTopic04_1");				//Area 4_1
	Area4_2					= document.getElementById("AreaMainTopic04_2");				//Area 4_2
	Area5						= document.getElementById("AreaMainTopic05_1");				//Area 5
	Area5_2					= document.getElementById("AreaMainTopic05_2");				//Area 5_2

//Loads Thumbnail Text
	Title1.value				= TitleText1;
	Title2.value				= TitleText2;
	Title3.value				= TitleText3;
	Title4.value				= TitleText4;
	Title5.value				= TitleText5;
	
	SelectedPictureLink1 = PictureLink1;
	SelectedPictureLink2 = PictureLink1_2;
	SelectedFillSizePic = PicturePathFullSize1;
	SelectedArea1				= Area1;
	SelectedArea2				= Area1_2;
	FullSizeImage.useMap = "#MapMainTopic01";

	ThumbTD1.style.background	= TitleSelectedBackground;
	Title1.style.color = TitleSelectedFont;
	LastClicked = ThumbTD1.id;

	AddRemoveLinks();
	InitializeTimer();
}

function FadeInImage(foreground, newImage, background)
{
  if (background.id)
  {
    if (background)
    {
      background.style.backgroundImage = 'url(' + foreground.src + ')';
      background.style.backgroundRepeat = 'no-repeat';
    }
  }
	
  SetOpacity(foreground,0);
  foreground.src = newImage;
	
  if (foreground.timer) window.clearTimeout(foreground.timer); 
  	var startMS = (new Date()).getTime();

  foreground.timer = window.setTimeout("ChangeOpacity('" + foreground.id + "',700," + startMS + ",0,100)",10);
}

function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
  var element = document.getElementById(id);
  var opacity = element.style.opacity * 100;
  var msNow = (new Date()).getTime();
	
  opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
  
	if (opacity<0) 
    SetOpacity(element,0)
  else if (opacity>100)
    SetOpacity(element,100)
  else
  {
    SetOpacity(element,opacity);
    element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",1);
  }
}

function SetOpacity(object,opacityPct)
{
  // IE.
  object.style.filter = 'alpha(opacity=' + opacityPct + ')';
	
  // Old mozilla and firefox
  object.style.MozOpacity = opacityPct/100;
	
  // Everything else.
  object.style.opacity = opacityPct/100;
}

function InitializeTimer()
{
    MainTopicsecs = 25;
    StopTheClock();
    StartTheTimer();
}

function StopTheClock()
{
	if(MainTopicTimerRunning)
		clearTimeout(MainTopicTimerID);
	MainTopicTimerRunning = false;
}


function StartTheTimer()
{
    if (MainTopicsecs==0)
    {
			if (MainTopicLastTopic == 5)
			{
				MainTopic_Load_FullSize(ThumbTD1, SmallSizeImage1, Title1);
				MainTopicLastTopic = 1;
			}
			else if (MainTopicLastTopic == 1)
			{
				MainTopic_Load_FullSize(ThumbTD2, SmallSizeImage2, Title2);
				MainTopicLastTopic = 2;
			}
			else if (MainTopicLastTopic == 2)
			{
				MainTopic_Load_FullSize(ThumbTD3, SmallSizeImage3, Title3);
				MainTopicLastTopic = 3;
			}
			else if (MainTopicLastTopic == 3)
			{
				MainTopic_Load_FullSize(ThumbTD4, SmallSizeImage4, Title4);
				MainTopicLastTopic = 4;
			}
			else if (MainTopicLastTopic == 4)
			{
				MainTopic_Load_FullSize(ThumbTD5, SmallSizeImage5, Title5);
				MainTopicLastTopic = 5;
			}
			else
			{
				MainTopic_Load_FullSize(ThumbTD1, SmallSizeImage1, Title1);
				MainTopicLastTopic = 1;
			}
			InitializeTimer();
    }
    else
    {
			self.status = MainTopicsecs;
			MainTopicsecs = MainTopicsecs - 1;
			MainTopicTimerRunning = true;
			MainTopicTimerID = self.setTimeout("StartTheTimer()", MainTopicDelay);
    }
}

function AddRemoveLinks()
{
	if (SelectedPictureLink1 != "")
	{
		SelectedArea1.setAttribute("href",  SelectedPictureLink1);
	}
	else
	{
		SelectedArea1.removeAttribute("href");
	}
	
	if (SelectedPictureLink2 != "")
	{
		SelectedArea2.setAttribute("href",  SelectedPictureLink2);
	}
	else
	{
		SelectedArea2.removeAttribute("href");
	}
}