var onmouseover = new Array();
var onmouseout = new Array();
var time = 200;
var to;
var canContinue = true;

function swapImages(image)
{
	if (canContinue)
	{
		time = 10;
		document.getElementById('topCover').style.top = "-210px";
		document.getElementById('topCover').style.height = "105px";
		document.getElementById('bottomCover').style.top = "-210px";
		document.getElementById('bottomCover').style.height = "105px";
		
		var id = document.getElementById('bigImage');
		id.innerHTML = "<img src='images/meetOurGuests/" + image + ".jpg' />";
		
		canContinue = false;
		
		for (i = 100; i >= 0; i--)
			to = fadeImage(i);
	}
}

function quickSwitch(imageId)
{
	var id = document.getElementById(imageId);
	currentSource = id.src;
	
	if (currentSource.match(imageId+"on"))
		id.src = "images/meetOurGuests/thumb"+imageId+".jpg";
	else
		id.src = "images/meetOurGuests/thumb"+imageId+"on.jpg";
}

function permSwitch(imageId)
{
	if (canContinue)
	{
		var id = document.getElementById(imageId);
		id.src = "images/meetOurGuests/thumb"+imageId+"on.jpg";
		if (onmouseover[imageId] == null)
			onmouseover[imageId] = id.onmouseover;
		if (onmouseout[imageId] == null)
			onmouseout[imageId] = id.onmouseout;
		id.onmouseover = "";
		id.onmouseout = "";
		
		var subTitle = document.getElementById('descTitle');
		var imgId = imageId+'';
		subTitle.innerHTML = title[imgId];
		
		var desc = document.getElementById('descText');
		desc.innerHTML = description[imgId];
		
		removePerm(imageId);
	}
}

function removePerm(imageId)
{
	if (imageId != currentImage)
	{
		var id = document.getElementById(currentImage);
		id.src = "images/meetOurGuests/thumb"+currentImage+".jpg";
		id.onmouseover = onmouseover[currentImage];
		id.onmouseout = onmouseout[currentImage];
		currentImage = imageId;
	}
}

function fadeImage(i)
{
	setTimeout("changeSize("+i+");",time);
	time = time + 10;
}

function changeSize(i)
{
	document.getElementById('topCover').style.height = i + "px";
	document.getElementById('bottomCover').style.top = "-" + (i*2) + "px";
	document.getElementById('bottomCover').style.height = i + "px";
	
	if (document.getElementById('topCover').style.height == "0px")
		canContinue = true;
}