var pageWidth;
var pageHeight;

var isIE = (document.getElementById && document.all)?true:false;
var isNS4 = (document.layers)?true:false;
var isNS6 = (document.getElementById && !document.all)?true:false;

function myGetElementById (id)
{
	var itm = false;
	if(parent.document.getElementById)
		itm = parent.document.getElementById(id);
	else if(parent.document.all)
		itm = parent.document.all[id];
	else if(parent.document.layers)
		itm = parent.document.layers[id];
	return itm;
}

function findDimensions ()
{
	var frameWidth;
	var frameHeight;
	var obj;
	
	if (self.innerWidth)
	{
		frameWidth = self.innerWidth;
		frameHeight = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
	{
		frameWidth = document.documentElement.clientWidth;
		frameHeight = document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		frameWidth = document.body.clientWidth;
		frameHeight = document.body.clientHeight;
	}
	else
		return;
	
	// if there's valid info, update the globals so they can be used elsehere
	pageWidth = frameWidth;
	pageHeight = frameHeight;
}

function doResize()
{
	findDimensions();
	
	if (obj = myGetElementById('IM1'))
	{
		var iWidth = obj.width; 
		var iHeight = obj.height;
		var iRatio = iWidth / iHeight;
	
		bg = myGetElementById('background_visual');
		bg.style.overflow = "hidden";
		bg.style.width = pageWidth;
		bg.style.height = pageWidth / iRatio;

		obj.style.width = pageWidth+'px';
		obj.style.height = pageHeight+'px';
		//obj.style.width = pageWidth+'px';
		//obj.style.height = pageWidth / iRatio+'px';
		
	}
}

function  hideDiv(divid)
{
	divobj = myGetElementById(divid);
	divobj.style.display = "none";
}

function  showDiv(divid)
{
	divobj = myGetElementById(divid);
	divobj.style.display = "block";
}