var numOfImgs = 0;
var index = 0;
var srcImages = new Array();
var linkedSrcImages = new Array();
var descrImages = new Array();

function setIndex(ix)
{
	index = ix;
	setBorder();
}

function addImage(src,descr)
{
	addLinkedImage(src,descr,null)
}

function addLinkedImage(src,descr,linkedSrc)
{
	srcImages[numOfImgs] = src;
	descrImages[numOfImgs] = descr;
	if (linkedSrc != null)
	{
		linkedSrcImages[numOfImgs] = linkedSrc;
	}
	numOfImgs++;
}

function loadPrevious()
{
	if (index-1 >= 0)
	{
		index --;
	}
	else
	{
		index = numOfImgs-1;
	}
	loadMain(index);
}

function loadNext()
{
	if (index+1 < numOfImgs)
	{
		index ++;
	}
	else
	{
		index = 0;
	}
	loadMain(index);
}

function loadMain(id)
{
	index = id;
	document.getElementById("mainImg").src=srcImages[index];
	document.getElementById("mainImg").alt=descrImages[index];
	document.getElementById("mainImg").title=descrImages[index];
	document.getElementById("mainImgDescr").firstChild.data=descrImages[index];
	
	setBorder();
}	

function setBorder()
{
	for (i=0; i<numOfImgs; i++)
	{
		document.getElementById("xSmall"+i).className="loadMainImg";
	}
	document.getElementById("xSmall"+index).className="loadMainImg loadMainImgSelected";
}


function loadCurrentLinkedImage()
{
	document.location.href=linkedSrcImages[index];
}

function newInfoImageWindow(url)
{
	self.open(url,"_blank","width=850,height=600,scrollbars=yes,top=0,left=0");
}

function showMaps()
{
	javascript:document.getElementById('showMaps').style.display='none';
	javascript:document.getElementById('maps').style.display='block';
}

function hideMaps()
{
	javascript:document.getElementById('showMaps').style.display='block';
	javascript:document.getElementById('maps').style.display='none';
}

function showDetails()
{
	javascript:document.getElementById('showDetails').style.display='none';
	javascript:document.getElementById('details').style.display='block';
}

function hideDetails()
{
	javascript:document.getElementById('showDetails').style.display='block';
	javascript:document.getElementById('details').style.display='none';
}