var imageHTML;

function InitPage()
{
    	imageHTML = document.getElementById("images").innerHTML;
    	SetFrameHeight();
}

function SetFrameHeight()
{
    	var height = GetDocHeight();
	if (height >= 650)
		height = 400;
	else
		height = height - 250;
    	document.getElementById("main").style.height = height + "px";
}

function GetDocHeight()
{
    	var docHeight = 0;
    	if (typeof(window.innerWidth) == 'number')
    	{
        	docHeight = window.innerHeight;
    	}
    	else if (document.documentElement && (document.documentElement.clientWidth ||
                document.documentElement.clientHeight) )
    	{
        	docHeight = document.documentElement.clientHeight;
    	}
    
    	return docHeight;
}

function LoadImage(ImageName)
{
        // show full size image as link
        document.getElementById("images").innerHTML = "<a href=# onclick=LoadAllImages();><img src=\"images/large/" + ImageName + ".jpg\" alt=\"Click to reduce image\" /></a>";
}

function LoadAllImages()
{
        // replace with multiple images
        document.getElementById("images").innerHTML = imageHTML;
}