function getWindowWidth ()
{
	return ((document.documentElement) ? document.documentElement.clientWidth : document.body.clientWidth) - 20
}

function rescale(pic)
{
	var adLinks = document.getElementById ('ad-links')
	var windowWidth = getWindowWidth ()
	
	if ((!pic._clicked) && (width > windowWidth))
	{
		if (adLinks)
		{
			adLinks.style.display = 'none'
		}

		removeClass (document.getElementById ('resize-hint'), 'hidden')
		pic.width = windowWidth
		pic.height = (pic.width / width) * height
	}
	else
	{
		if (adLinks)
		{
			adLinks.style.display = (navigator.userAgent.indexOf ('Firefox') >= 0) ? '-moz-inline-block' : 'inline-block'
		}
		
		addClass (document.getElementById ('resize-hint'), 'hidden')
		pic.width = width
		pic.height = height
	}
}

handle (window, 'load', function ()
{
	var pic = document.getElementById('pic')
	if (pic)
	{
		pic._clicked = false
		handle (pic, 'click', function ()
		{
			if (width > getWindowWidth ())
			{
				pic._clicked = !pic._clicked;
				rescale(pic)
			}
		})
		
		handle (window, 'resize', function ()
		{
			if (t)
				window.clearTimeout(t)
			var t = window.setTimeout(function() { rescale(pic) }, 10)
		})

		rescale(pic)
	}
})