/* 	Javascript Document */
/*	Written by: Cristofer Atiencia (atiencia@hotmail.com) */

	// These dimensions refer to the mainBox on the homepage. It is a 4:3 ratio.
	// For more info on mainBox see file: general.css
	boxWidth = 535;
	boxHeight = 400;


	// This function centers the mainBox depending on the users screen resolution.
	// The box is already centered for 800X600, which is why it only does its
	// calculations if the resolution is anything but 800 by 600.
	function move2center()
	{
		box = document.getElementById("mainBox");
		
		resX = screen.width;
		resY = screen.height;
		
		if ( resX > 800 )
		{
//			boxWidth = (resX * .67)
//			boxHeight = (resY * .67)
			box.style.left = (resX - boxWidth ) /2;
			box.style.top = (resY * .80 - boxHeight )/2;  	// there's aproximately 80% viewing space
		}													// when you consider menus and stuff
		
		box.style.visibility = "visible";
	}

	// 
	function showLayer(layerName)
	{
		lyr = document.getElementById(layerName);
		lyr.style.visibility = "visible";
	}

	// 
	function hideLayer(layerName)
	{
		lyr = document.getElementById(layerName);
		lyr.style.visibility = "hidden";
	}