
function start()
{
	var l = document.getElementsByTagName('img').length;
	var h = 200;
	var m = 4;
	var t = 0;
	var lastImageInRow = 0;			
	var ww = 0;
	var nn = 0;
	var startingImage = 0;
	
	var aw = document.getElementById('Images').offsetWidth;
	
	while (lastImageInRow < l)
	{
		var rowWidth = 0;
		var desiredRowHeight = 0;
		var desiredMargin = 0;
		
		while (rowWidth < aw && lastImageInRow < l)
		{
			rowWidth += document.getElementsByTagName('img')[lastImageInRow].width + m;
			lastImageInRow += 1;
		}
		
		var ratio = rowWidth / h;
		desiredRowHeight = Math.ceil(aw / ratio);
		
		var totalWidth = 0;
						
		for (var i = startingImage; i < lastImageInRow; i++)
		{
			if ((aw - rowWidth) < h)
			{
				document.getElementsByTagName('img')[i].style.height = desiredRowHeight + "px";
				totalWidth += document.getElementsByTagName('img')[i].width;
			}
		}
		
		var desiredMargin = Math.floor((aw - totalWidth) / (lastImageInRow - startingImage - 1));
		
		for (var i = startingImage; i < lastImageInRow; i++)
		{
			if ((aw - rowWidth) < h)
			{
				document.getElementsByTagName('img')[i].style.marginBottom = desiredMargin + "px";
				
				if (i < lastImageInRow - 1)
				{
					document.getElementsByTagName('img')[i].style.marginRight = desiredMargin + "px";
				}
			}
			else 
			{
				document.getElementsByTagName('img')[i].style.marginRight = m + "px";
			}
			document.getElementsByTagName('img')[i].style.visibility = 'visible';
		}
		
		startingImage = lastImageInRow;
	}	
}

function toggle(theClass)
{
	for( var i = 0; i < document.getElementsByTagName('dt').length; i++)
	{
		if(document.getElementsByTagName('dt')[i].className == theClass)
		{
			if(document.getElementsByTagName('dt')[i].style.display == "none")
			{
				document.getElementsByTagName('dt')[i].style.display = "block";
			}
			else 
			{
				document.getElementsByTagName('dt')[i].style.display = "none";
			}
		}
	}
	
	document.getElementById('showAll' + theClass).style.display = "none";
}

function toggleVisibility()
{
	if (document.getElementById('Resume').style.display == 'none')
	{
		document.getElementById('Resume').style.display = 'block';
		document.getElementById('Images').style.display = 'none';
	}
	else 
	{
		document.getElementById('Resume').style.display = 'none';
		document.getElementById('Images').style.display = 'block';
	}
}
