// 브라우저 크기및 스크롤값을 객체로 리턴
// fnGetBodyInnerSize(), fnGetBodyScroll() 조합
var tmpObjId;

function fnGetBodySize()
{
 var oBody  = new Object;
 
 var oBodySize = fnGetBodyInnerSize();
 var oBodyScroll = fnGetBodyScroll();
  
 oBody.width  = oBodySize.width;
 oBody.height = oBodySize.height;
 oBody.top  = oBodyScroll.top;
 oBody.left  = oBodyScroll.left;

 return oBody; 
}

// 브라우저의 크기(가로, 세로)를 얻는다.
// 동작 브라우저 : 모든 브라우저
// 확인 브라우저 : IE 6.0, FF 2.0
// 돌려주는 값 : 객체(가로크기=정수, 세로크기=정수)
function fnGetBodyInnerSize()
{
 var oBody = new Object;
 
 if ( self.innerWidth) // IE 외 모든 브라우저
 {
  oBody.width = self.innerWidth;
  oBody.height = self.innerHeight;
 }
 else if ( document.documentElement && document.documentElement.clientWidth) // Explorer 6 Strict
 {  
  oBody.width = document.documentElement.clientWidth;
  oBody.height = document.documentElement.clientHeight;
 }
 else if ( document.body )  // IE 브라우저
 {  
  oBody.width = document.body.clientWidth;
  oBody.height = document.body.clientHeight;
 }
 
 return oBody;
}

// 브라우저의 스크롤 된 위치 값을 얻는다
// 동작 브라우저 : 모든 브라우저
// 확인 브라우저 : IE 6.0, FF 2.0
// 돌려주는 값 : 객체[가로스크롤값(정수), 세로스크롤값(정수)]
function fnGetBodyScroll()
{
 var x,y;
 var oScroll = new Object;
 
 if (self.pageYOffset) // IE 외 모든 브라우저
 {
  x = self.pageXOffset;
  y = self.pageYOffset;
 }
 else if (document.documentElement && document.documentElement.scrollTop) // Explorer 6 Strict
 {
  x = document.documentElement.scrollLeft;
  y = document.documentElement.scrollTop;
 }
 else if (document.body)  // IE 브라우저
 {
  x = document.body.scrollLeft;
  y = document.body.scrollTop;
 }
 
 oScroll.left = x;
 oScroll.top = y;
 
 return oScroll;
}


// 팝업배경 만들기
function fnMakeSpotBack()
{
 var oBack = document.getElementById ('SpotLayerBack');
 if(!oBack)
 {
  oBack = document.createElement('div');
  oBack.setAttribute('id','SpotLayerBack');
  oBack.name = 'SpotLayerBack';
  oBack.className = 'alpha40';
  oBack.style.position = 'absolute';
  oBack.style.left = '0px';
  oBack.style.top = '0px';
  oBack.style.zIndex = 100;
  document.body.appendChild(oBack);
  oBack.onclick = function(){fnHideSpot();};
 }
 
 var oBody = fnGetBodySize();
 
 if(oBody.height > document.body.scrollHeight)
 {
  oBack.style.height = oBody.height+'px';
 }
 else
 {
  oBack.style.height = document.body.scrollHeight+'px';
 }
 
 //oBack.style.width = oBody.width + 'px';
 oBack.style.width = '1600px';
 
 oBack.style.display = '';
 document.body.width = '100%';
}

function fnHideSpot()
{
 var oBack = document.getElementById("SpotLayerBack");
 var oSpot = document.getElementById("SpotLayer");
 
 if(oBack)
 {
  oBack.style.display = 'none';
  oSpot.style.display = 'none';
 }

  if( tmpObjId != null ) {
	  tmpObjId.innerHTML = oSpot.innerHTML
  }

  oSpot = null;
}

// URL 띄우기
function fnMakeSpot( url, w, h, t )
{

		if( w == undefined ) w = 450;
		if( h == undefined ) h = 450;
		if( t == undefined ) t = 100;

		fnMakeSpotBack();
		var oSpot = document.getElementById('SpotLayer');

		if ( !oSpot ) {
		  var oIFrame = document.createElement('IFRAME');
		  
		  oIFrame.setAttribute('id', 'SpotFrame');
		  //width="100%" height="178" arginheight="0" allowtransparency="true" frameborder="no" scrolling="no"
		  oIFrame.src = url;
		  oIFrame.width = w + 'px';
		  oIFrame.height = h + 'px';
		  oIFrame.frameBorder = 'no';
		  oIFrame.scrolling = 'no';
		  
		  oSpot = document.createElement('DIV');
		  oSpot.setAttribute('id', 'SpotLayer');
		  oSpot.style.position = 'absolute';
		  oSpot.style.width = w + 'px';
		  oSpot.style.height = h + 'px';
		  oSpot.style.zIndex = 200;
		  oSpot.style.backgroundColor = '#FFFFFF';
		  
		  oSpot.appendChild(oIFrame);
		  
		  document.body.appendChild(oSpot);
		  
		  oSpot = null;
		  var oSpot = document.getElementById('SpotLayer');

		} else {
			oIFrame = document.getElementById('SpotFrame');
			oIFrame.src = url;

			// 레이어전체 크기조절
			oSpot.style.width = w + 'px';
			oSpot.style.height = h + 'px';

			// 프레임크기조절
			oIFrame.width = w + 'px';
			oIFrame.height = h + 'px';

			oSpot = null;
			var oSpot = document.getElementById('SpotLayer');
		}

		var oBody = fnGetBodySize();

		if ( oBody.top < t )
		{
			if (navigator.appName == "Netscape")  {
				oSpot.style.top = t + 'px'; 
			} else {
				oSpot.style.top = (oBody.top+150)+'px'; 
			}
		} else {
			oSpot.style.top = (oBody.top+150)+'px';
		}	

		oSpot.style.left = ((oBody.width / 2) - (w/2) ) + 'px';  
		oSpot.style.display = '';
		
		oIFrame.src = url;
}


// 객체띄우기
function fnMakeSpot2( objid, w )
{
		var h,t;
		if( w == undefined ) w = 500;
		if( h == undefined ) h = 500;
		if( t == undefined ) t = 100;

		fnMakeSpotBack();
		var oSpot = document.getElementById('SpotLayer');
		var oBack = document.getElementById("SpotLayerBack");

		obj = document.getElementById(objid);
		tmpObjId = obj

		if ( !oSpot ) {
				oSpot = document.createElement('DIV');
				oSpot.setAttribute('id', 'SpotLayer');
				oSpot.innerHTML = obj.innerHTML;

				obj.innerHTML = "";

				oSpot.style.position = 'absolute';
				oSpot.style.zIndex = 200;
				oSpot.style.backgroundColor = '#FFFFFF';

				document.body.appendChild(oSpot);

				oSpot = null;
				var oSpot = document.getElementById('SpotLayer');
		} else {
				// 레이어전체 크기조절
				oSpot.innerHTML = obj.innerHTML

				obj.innerHTML = "";

				oSpot = null;
				var oSpot = document.getElementById('SpotLayer');
		}

		  

		var oBody = fnGetBodySize();

		if ( oBody.top < t )
		{
			if (navigator.appName == "Netscape")  {
				oSpot.style.top = t + 'px'; 
			} else {
				oSpot.style.top = (oBody.top+150)+'px'; 
			}
		} else {
			oSpot.style.top = (oBody.top+150)+'px';
		}	

		oSpot.style.left = ((oBody.width / 2) - (w/2) ) + 'px';  
		oBack.style.display = '';
		oSpot.style.display = '';

}