// JavaScript Document
var Photos=Array(Array('03','img/overview/03.jpg','horizontal','Photo 3'),
				 Array('04','img/overview/04.jpg','horizontal','Photo 4'),
				 Array('06','img/overview/06.jpg','horizontal','Photo 6'),
				 Array('07','img/overview/07.jpg','horizontal','Photo 7'),
				 Array('08','img/overview/08.jpg','horizontal','Photo 8'),
				 Array('09','img/overview/09.jpg','horizontal','Photo 9'),
				 Array('10','img/overview/10.jpg','horizontal','Photo 10'),
				 Array('11','img/overview/11.jpg','horizontal','Photo 11'),
				 Array('12','img/overview/12.jpg','horizontal','Photo 12'),
				 Array('13','img/overview/13.jpg','horizontal','Photo 13'));
var PhotoVerticalXSize = 297;
var PhotoVerticalYSize = 444;
var PhotoHorizontalXSize = 464;
var PhotoHorizontalYSize = 310;

function ShowPhoto(imgid,linkobj)
{
	var ImagePlaceHolder = document.getElementById('OverviewImages');
	ImagePlaceHolder.innerHTML = '';
	for(ii = 0; ii < Photos.length; ii++)
	{
		if(Photos[ii][0] == imgid)
		{
			ImagePlaceHolder.innerHTML = '<img src="' + Photos[ii][1] + '" alt="' + Photos[ii][3] + '" width="' + ((Photos[ii][2] == 'vertical') ? (PhotoVerticalXSize) : (PhotoHorizontalXSize)) + '" height="' + ((Photos[ii][2] == 'vertical') ? (PhotoVerticalYSize) : (PhotoHorizontalYSize)) + '" class="' + ((Photos[ii][2] == 'vertical') ? ("Vertical") : ("Horizontal")) + '" />';
		}
	}
	ClearActive();
	SetActive(linkobj);
}

function ClearActive()
{
	var ThumbParent = document.getElementById('ThumbnailsContentInner');
	var ThumbImages = ThumbParent.getElementsByTagName('img');
	for(ii = 0; ii < ThumbImages.length; ii++) ThumbImages[ii].className = "";
}

function SetActive(linkobj)
{
	var imgsobj = linkobj.getElementsByTagName('img');
	imgsobj[0].className = "Active";
}