//### global variable declarations
//### -----------------------------------------------------
var bImagesLoaded		= false;

//### functions & subroutines
//### -----------------------------------------------------

function preLoadImage( id, path, ext )
{
	eval( id + "_on = new Image();" );
	eval( id + "_on.src = '" + path + "_on." + ext + "'" );
	eval( id + "_off = new Image();" );
	eval( id + "_off.src = '" + path + "_off." + ext + "'" );
}

function toggleImage( img, state )
{
	if( bImagesLoaded )
		eval( "img.src = " + img.id + "_" + state + ".src" );
}

function centerElement( element )
{
	var winWidth = document.body.clientWidth;
	var winHeight = document.body.clientHeight;
	var elWidth = element.offsetWidth;
	var elHeight = element.offsetHeight;
	var left = ( winWidth - elWidth ) / 2;
	var top = winHeight / 2;
	element.style.left = left + "px";
	element.style.top = top + "px";
}
function centerElement2( element )
{
	var winWidth = document.body.clientWidth;
	var winHeight = document.body.clientHeight;
	var elWidth = element.offsetWidth;
	var elHeight = element.offsetHeight;
	var left = ( winWidth - elWidth ) / 2;
	var top = ( winHeight - elHeight ) / 2;
	element.style.left = left + "px";
	element.style.top = top + "px";
}