function EquipmentPhotos_Init()
{
	var DEFAULT_OPACITY = 0.3;
	var largePhoto = document.getElementById("largephoto");
	var smallPhotos = document.getElementById("smallphotocontainer").getElementsByTagName("img");
	
	for(var i = 0; i < smallPhotos.length; i++)
	{
		smallPhotos[i].onmouseover = function()
		{
			for(var j = 0; j < smallPhotos.length; j++)
				SetOpacity(smallPhotos[j], DEFAULT_OPACITY)
		
			SetOpacity(this, 1.0)
			largePhoto.src = this.src.replace(/Inventory\/medium/, "Inventory/large");
		}

		SetOpacity(smallPhotos[i], DEFAULT_OPACITY)
	}
	
	if(smallPhotos.length > 0)
		SetOpacity(smallPhotos[0], 1.0)
}

// opacity is a number from 0.0 to 1.0.
function SetOpacity(element, opacity)
{
	element.style.opacity = opacity;
	element.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + (opacity * 100) + ")";
}