var bgSize;
var bgRatio;

bgSize = {
	width: 978,
	height: 658
};

bgRatio = bgSize.width / bgSize.height;

window.addEvent('domready', function()
{
	init();
	
	function init()
	{
		$(window).fireEvent("resize");
		
		$(window).addEvent("resize", handleResize);
		$(window).addEvent("load", handleLoad);
		
		//$$("#tabbed-content dt a").addEvent("click", handleClick);
	}
	
	function handleLoad(event)
	{
		$(window).fireEvent("resize");
	}
	
	function handleClick(event)
	{
		var log = '';
		
		for (var key in event.event)
		{
			log += key + ' = ' + event.event + '\n';
		}
		
		alert(log);
		//alert(event.client);
	}
	
/*
$extended = true
event = [object MouseEvent]
type = click
page = [object Object]
client = [object Object]
rightClick = false
wheel = undefined
relatedTarget = null
target = file:///Users/gary-wilson/Documents/ccch_dev/explore-campus-poya.html#
code = undefined
key = undefined
shift = false
control = false
alt = false
meta = false
$family = [object Object]
*/
	
	function handleResize(event)
	{
		var size = $(window).getSize();
		var bodyW = size.x;
		var bodyH = size.y;
		
		$$("#expando").erase('class');
		
		if ((bodyW / bgRatio) < bodyH) 
		{
			$$("#expando").set("class", "stretchImgTall");
		}
		else
		{
			$$("#expando").set("class", "stretchImgWide")
		}
		
		var newW = $("expando").width;
		var newH = $("expando").height;
		
		if (newH > bodyH)
		{
			$$("#page .mainBg").setStyle("top", Math.ceil((bodyH - newH) / 2) + "px");
			$$("#page .mainBg").setStyle("left", "0px");
		}
		else
		{
			$$("#page .mainBg").setStyle("top", "0px");
			$$("#page .mainBg").setStyle("left", Math.ceil((bodyW - newW) / 2) + "px");
		}
	}
});