// JavaScript Document
function showLink(linkId){
	var linkName = 'item-'+linkId;
	var currentLink = document.getElementById(linkName);
	currentLink.style.visibility = 'visible';
	var imageName = 'image-'+linkId;
	var currentImage = document.getElementById(imageName);
	var newWidth = 30;
	var newHeight = 30;
	var px = 'px';
	var widthIncrement = Math.floor(widthLimit / 10);
	var heightIncrement = Math.floor(heightLimit / 10);
	currentImage.style.width = newWidth+px;
	currentImage.style.height = newHeight+px;
	var timeDelay = 0;
	while(newWidth < widthLimit){
		timeDelay = timeDelay + 20;
		newWidth = newWidth + widthIncrement;
		if(newWidth > widthLimit){newWidth = widthLimit;}
		newHeight = newHeight + heightIncrement;
		if(newHeight > heightLimit){newHeight = heightLimit;}
		setTimeout('changeSize("'+imageName+'", "width", "'+newWidth+'px")', timeDelay);
		setTimeout('changeSize("'+imageName+'", "height", "'+newHeight+'px")', timeDelay);
	}
	setTimeout('changeSize("'+imageName+'", "width", "'+widthLimit+'px")', 10+newWidth);
	setTimeout('changeSize("'+imageName+'", "height", "'+heightLimit+'px")', 10+newWidth);
}
function changeSize(itemName, itemProperty, propertyValue){
	var currentItem = document.getElementById(itemName);
	currentItem.style[itemProperty] = propertyValue;
}
