// JavaScript Document

function showFrame(bOnStage, strFrame, maxLeft)  { 
  if(bOnStage)	{   
    if (document.getElementById) { // // W3C DOM code
      var oFrame = document.getElementById(strFrame);  
      if (parseInt(oFrame.style.left)>0) return;
	    oFrame.style.left = -20 - parseInt(oFrame.style.width);
	    isShowing = false;
	    document.getElementById(strFrame).style.display = "block";   	 
	  } else if (document.all) {// Microsoft DOM code
	    document.all[strFrame].style.pixelLeft = -20 - parseInt(document.all[strFrame].style.width);
      document.all[strFrame].style.display = "none";   
	  } else if (document.layers) { // netscape
      document.layers[strFrame].left = -20 - parseInt(document.layers[strFrame].style.width);
	  }	 
    
    isShowing = false;
    moveFrame(true,strFrame,maxLeft);
  } else {	
	  moveFrame(false,strFrame,maxLeft);
  }
}

var frameTimer = null;
var isShowing = false;

function moveFrame(bOnStage,strFrame,maxLeft)  { 
  var xBrowser = "";

  if (document.getElementById) { // W3C
    xBrowser = "1";
	  var oFrame = document.getElementById(strFrame);
	  var fraWidth = parseInt(oFrame.style.width);			
	  var	fraHeight = parseInt(oFrame.style.height);
	  var fraLeft = oFrame.style.left;
	  var fraTop = oFrame.style.top; 	
  }	else if (document.all) {
    xBrowser = "2";
	  var oFrame = eval("document.all."+strFrame);
    var fraWidth = document.all[strFrame].style.width; 
    var fraHeight = document.all[strFrame].style.height; 
	  var fraLeft = document.all[strFrame].style.pixelLeft;
	  var fraTop = document.all[strFrame].style.pixelTop; 
  } else if (document.layers) {
    xBrowser = "3";
    var oFrame = eval("document."+strFrame);
    var fraWidth = document.layers[strFrame].style.width; 
    var fraHeight = document.layers[strFrame].style.height; 
	  var fraLeft = document.layers[strFrame].style.left;
	  var fraTop = document.layers[strFrame].style.top; 
  }
 
 	var	docHeight = parseInt(document.body.clientHeight);
	var docScroll = parseInt(document.body.scrollTop)
	
	if (bOnStage) { 
		if (isShowing) 
		  return; 
		  						
		if ((xBrowser == "1") || (xBrowser == "3"))
      oFrame.style.top =   docScroll + ((docHeight - fraHeight) /2);		
		else if (xBrowser == "2")
		  oFrame.style.pixelTop = docScroll + ((docHeight - fraHeight) /2); 
		   
		if (parseInt(fraLeft) < maxLeft - 25) { 
 		  if ((xBrowser == "1") || (xBrowser == "3"))
			  oFrame.style.left = parseInt(fraLeft) + 15;
		  else if (xBrowser == "2")
		    oFrame.style.pixelLeft = parseInt(fraLeft) + 15;
		   	
 		  frameTimer = setTimeout("moveFrame(true,'" + strFrame + "', " + maxLeft + ")",5);        
		} else {		
		  if ((xBrowser == "1") || (xBrowser == "3"))
			  oFrame.style.left = maxLeft;
		  else if (xBrowser=="2")
 		    oFrame.style.pixelLeft = maxLeft;		 
		   	
		  isShowing = true;
		} // else
	} else {	
	  if ((parseInt(fraLeft) + parseInt(fraWidth)) > 0) { 				
		  if ((xBrowser == "1") || (xBrowser == "3"))
	 	    oFrame.style.left = parseInt(fraLeft) - 15;
		  else if (xBrowser == "2")
		    oFrame.style.pixelLeft = parseInt(fraLeft) - 15;	
			
		  frameTimer = setTimeout("moveFrame(false,'" + strFrame + "', " + maxLeft + ")",5);
		  if ((parseInt(fraLeft) + parseInt(fraWidth)) <= 0) {		 
        if ((xBrowser == "1") || (xBrowser == "3"))
		      oFrame.style.top = "0px";
		    else if (xBrowser == "2")
		      oFrame.style.pixelTop = "0px";		   		   		
		  } else {
		    isShowing = false; 
		  }
    } 
  } // else
}

function hideFrame(strFrame)  { 
 if (document.getElementById) { // W3C DOM code
    var oFrame = document.getElementById(strFrame);
    if (oFrame) {
     oFrame.style.left = "-380px";
     oFrame.style.display = "none";	  
	} 
 } else if (document.all)  {     // Microsoft DOM code
   document.all[strFrame].style.pixelLeft = "-380px";
   document.all[strFrame].style.display = "none";   
 } else if (document.layers)  {     // Netscape DOM code
   document.layers[strFrame].left = "-380px";
 }	
  
}