var frameTop = 0;
 var frameLeft = 0;
 var frameWidth = 720;
 var frameHeight = 380;

// This initally sets the frame picture
function setFramePicture()
{
  var the_element = document.getElementById( 'div_framepicture' );
  // this will center the frame
  if( navigator.appName == "Netscape" )
  {
    frameLeft = (window.innerWidth - frameWidth-16)/2;			// -16 due to scrollbar h/w
    frameTop  = (window.innerHeight - frameHeight-16)/2;
  }
  else
  {
    frameLeft = (document.body.offsetWidth - frameWidth-20)/2;	// -20 due to scrollbar h/w
    frameTop =  (document.body.offsetHeight - frameHeight-20)/2;
  }

  the_element.style.top = frameTop;
  the_element.style.left = frameLeft;
}

// This will change the position in relation to the frame picture
function changeTopLeft( elm, nTop, nLeft )
{
  var the_element = document.getElementById( elm );
  the_element.style.position = 'absolute';
  the_element.style.top = frameTop + nTop;
  the_element.style.left = frameLeft + nLeft;
}

function changeFrameSrc( frameName )
{
	document.getElementById('inlineframe').src = frameName;	// will work for ns & ie
}