/**
  내  용 : Ajax 사용시 진행상태 표시관련 프로토타입 선언
  참  고 : javascript prototype 1.4 메뉴얼 참조
           http://www.sergiopereira.com/articles/prototype.js.html   (영문사이트)
		   http://openframework.or.kr/framework_reference/prototype_js/1.4.0/prototype.js.html (한글사이트)
		   위의 사이트에서 배포하는 prototype.js 를 기본으로 로드 해준후 아래의 프로토타입을 사용해야한다

  작성자 : 김종진
  작성일 : 2007-04-11
**/


function AjaxStatMsg()
{
}//end function AjaxStatMsg

AjaxStatMsg.prototype = {

	/**
	 기  능 : Ajax 사용시 진행상태 레이어 생성
	 함수명 : _setLayerProcess
	 작성자 : 김종진
	 작성일 : 2007-07-19
	 인  자 : 1. nDpLayer :[String] 내용이 보여질 레이어 id
	                       값이 없어도 된다
	 리턴값 : 없음
	 참  고 :
			var oASM = new AjaxStatMsg();		//객채생성
			cASM._setLayerProcess(nDpLayer);	//상태표시 레이어 생성
	**/
	_setLayerProcess: function(nDpLayer)
	{
		var nMsgStr, obj, chObj, nPLeft, nPTop, newElem;

		//기존 생성되어 사라지지 않은 상태 레이어 삭제
		chObj = document.getElementById("systemWorking");
		if(chObj)
		{
			chObj.parentNode.removeChild(chObj);
		}

		obj = document.getElementById(nDpLayer);

		nPLeft = document.body.clientWidth - 80; //브라우져 가로 포지션

		if(document.body.scrollTop > 0)
		{
			nPTop = document.body.scrollTop + 5;  //브라우져 세로 포지션
		}else{
			nPTop = document.documentElement.scrollTop + 5;  //브라우져 세로 포지션
		}//end if

		newElem = document.createElement("div");
		newElem.id = "systemWorking";
		newElem.innerHTML = "Loading...";
		with(newElem.style)
		{
			position = "absolute";
			display = "none";
			top = nPTop+"px";
			left = nPLeft+"px";
			width = "60px";
			textAlign = "center";
			backgroundColor = "#ff0000";
			color = "#ffffff";
			fontSize = "12px";
			padding = "5px";
			zIndex = "10000";
		}

		if(!obj)
		{
			document.body.appendChild(newElem);
		}else{
			obj.appendChild(newElem);
		}//end if

	},


	/**
	 기  능 : Ajax State 결과에따른 상태표시 레이어 보여주기및 소멸
	 함수명 : _setShowProcess
	 작성자 : 김종진
	 작성일 : 2007-07-19
	 인  자 : 1. nDpLayer :[String] 내용이 보여질 레이어 id
	 리턴값 : 없음
	 참  고 :
			var oASM = new AjaxStatMsg();		//객채생성
			cASM._setLayerProcess(nDpLayer);	//상태표시 레이어 생성
			cASM._setShowProcess();		//Ajax State 결과에따른 상태표시 레이어 보여주기및 소멸
	**/
	_setShowProcess: function()
	{
		var myGlobalHandlers = {
			onCreate: function()
			{
				Element.show('systemWorking');
			},

			onComplete: function()
			{
				if(Ajax.activeRequestCount == 0)
				{
					Element.remove('systemWorking');
				}//end if
			}
		};

		Ajax.Responders.register(myGlobalHandlers);
	}
}//end AjaxStatMsg.prototype

var asm = new AjaxStatMsg();