<!--

/**************************************************

# Program Title : Search & Create Dom Elements For Cross Browse
# Programer : 임상보
# File Create Day : 2008-10-28
# File Name : js_common_dom.js
# Refer to : [Pro Javascript Techniques]
# Modefications : 

**************************************************/

	// Ready To Use Dom
	function setDomReady( func ){
		// DOM 로딩이 완료 되었다면 즉시 함수를 실행한다.
		if ( setDomReady.done ) return func();
		// 만일 이미 어떤 함수를 추가한적이 있으면
		if ( setDomReady.timer ){
			// 실행될 함수 목록에 그 함수를 추가한다.
			setDomReady.ready.push( func );
		}else{
			// 페이지 로딩이 먼저 끝난 경우를 대비하여
			// 페이지 로딩이 끝나는 시점에 대한 이벤트를 추가한다. 
			addEvent( window, "load", chkDomReady );
			// 실행될 함수의 배열을 초기화한다.
			setDomReady.ready = [ func ];
			// DOM이 준비되었는지 확인한다.
			setDomReady.timer = setInterval ( chkDomReady, 13 );
		}
	}

	// DOM 이 탐색 가능한 상황인지 확인한다.
	function chkDomReady(){
		if ( setDomReady.done ) return false;
		if ( document && document.getElementsByTagName && document.getElementById && document.body ){
				clearInterval( setDomReady.timer );
				setDomReady.timer = null;
				for (var i = 0; i < setDomReady.ready.length ; i++ ){
					setDomReady.ready[i]();
				}
				setDomReady.ready = null;
				setDomReady.done = true;
		}
	}

	var clsDom = {
		// Get Element By ID
		$I : function(strID){
			return document.getElementById(strID);
		}, 
		// Get Element By TagName
		$T : function(strName, elem){
			return (elem || document).getElementsByTagName(strName);
		}, 
		// Element 참조, 생성 및 삭제, 페이지에 추가
		nsElem:{
			// Get Element By ClassName
			// 1. getHasClass("TEST")
			// 2. getHasClass("TEST", "li")
			// 3. getHasClass("TEST", "li")[0]
			getHasClass : function(name, type){
				var r = [];
				var re = new RegExp("(^\\s)" + name + "(\\s|$)");
				var e = document.getElementsByTagName(type || "*");
				for (var j = 0 ; j < e.length ; j++ ){
					if ( re.test(e[j]) ) r.push( e[j] );
				}
				return r;
			},
			// Set or Get Attribute
			setGetAttribute : function( elem, name, value ){
				if ( !name || name.constructor  != String ) return '';
				name = { 'for' : 'htmlFor', 'class' : 'className' } [name] || name;
				if ( value != null ){
					elem[name] = value;
					if ( elem.setAttribute ){ elem.setAttribute(name, value); }
				}
				return elem[name] || elem.getAttribute(name) || '';
			},				
			// check Elements
			chkElem : function ( val ){
				var r = [];
				if (val.constructor != Array){ val = [ val ]; }

				for ( var i = 0; i < val.length ; i++ ){
					if ( val[i].constructor == String ){
						var div = document.createElement("div");
						div.innerHTML = val[i];
						for (var j = 0; j < div.childNodes.length; j++ ){ r[r.length] = div.childNodes[j]; }
					}else if ( val[i].length ){
						for (var j = 0; j < val[i].length; j++){ r[r.length] = val[i][j]; }
					}else{
						r[r.length] = val[i];
					}
				}
				return r;
			},
			// Create element
			createElem : function ( elem ){
				return document.createElementNS ? document.createElementsNS( 'http://www.w3.org/1999/xhtml', elem) : document.createElement( elem );
			},
			// Remove Node
			removeElem : function ( elem ){
				if (elem) elem.parentNode.removeChild( elem );
			}, 
			// insert Before
			insBefore : function ( parent, before, elem ){
				if ( elem == null ){
					elem = before;
					before = parent;
					parent = before.parentNode;
				}
				var elems = this.chkElem( elem );
				for ( var i = elems.length - 1; i >= 0 ; i-- ){ parent.insertBefore( elems[i] , before ); }
			},
			// add append
			insAppend : function ( parent, elem ){
				var elems = this.chkElem( elem );
				for (var i = 0; i < elems.length; i++ ){ parent.appendChild( elems[i] ); }
			}
		},

		// 문서에 존재하는 Node Element 확인용
		nsNode:{
			// 해당 Element의 앞 Element를 반환한다.
			getPrev : function( elem ){
				do{ elem = elem.previousSibling;} 
				while ( elem && elem.nodeType != 1 );
				return elem;
			},
			// 해당 Element의 뒤 Element를 반환한다.
			getNext : function( elem ){
				do{ elem = elem.nextSibling;} 
				while ( elem && elem.nodeType != 1 );
				return elem;
			},		
			// 해당 Element의 첫번째 ChildNode를 반환한다.
			getFirst : function( elem ){
				elem = elem.firstChild;
				return elem && elem.nodeType != 1 ? this.getNext ( elem )  : elem;
			},
			// 해당 Element의 마지막 ChildNode를 반환한다.
			getLast : function( elem ){
				elem = elem.lastChild;
				return elem && elem.nodeType != 1 ? this.getPrev( elem )  : elem;
			},
			// 해당 Element의 부모 Element를 반환한다.
			getParent : function( elem, num ){
				num = num || 1;
				for ( var i = 0; i < num ; i++ ){
					if ( elem != null ){ elem = elem.parentNode; }
					return elem;
				}
			},
			// 해당 Element의 ChildNode 개수를 반환한다.
			getChildElementLenth : function (obj){
				var nodeLen = 0;
				for(var i = 0 ;i<obj.childNodes.length;i++){
					if(isIE){ nodeLen++; }
					else{ if(obj.childNodes[i].nodeType ==1){ nodeLen++; } }
				}
				return nodeLen;
			},
			// 해당 Element의 ChildNode를 배열로 반환한다.
			getNodeObject : function(obj){
				var arrData = new Array();
				for (var i=0;i<obj.childNodes.length;i++){
					if(obj.childNodes[i].nodeType == 1){ arrData.push( obj.childNodes[i] ); }
				}
				return arrData;
			}
		},
			
		// 특정 Element의 위치를 구하기 위한 부분
		nsPosition:{
			// 해당 Element의 문서 전체 대비 X 위치 좌표값을 반환
			getPageX : function(elem){
				var p = 0;
				while (elem.offsetParent){
					p += elem.offsetLeft;
					elem = elem.offsetParent;
				}
				return p;
			},
			// 해당 Element의 문서 전체 대비 Y 위치 좌표값을 반환
			getPageY : function(elem){
				var p = 0;
				while (elem.offsetParent){
					p += elem.offsetTop;
					elem = elem.offsetParent;
				}
				return p;
			},
			// 해당 Element의 부모 Element 대비 X 위치 좌표값을 반환
			getParentX : function(elem){
				return elem.parentNode == elem.offsetParent ? 
					elem.offsetLeft : this.getPageX(elem) - this.getPageX(elem.parentNode);
			},
			// 해당 Element의 부모 Element 대비 Y 위치 좌표값을 반환
			getParentY : function(elem){
				return elem.parentNode == elem.offsetParent ? 
					elem.offsetTop : this.getPageY(elem) - this.getPageY(elem.parentNode);
			},				
			// 지정 Element의 Left 위치를 구한다 (CSS를 통해 선언되어있는 경우에 한한다. 미 선언시에는 0 반환)
			posX : function( elem ){
				return !(isNaN(parseInt(this.getStyle(elem,'left')))) ? parseInt(this.getStyle(elem,'left')) : 0;
			},
			// 지정 Element의 Top 위치를 구한다 (CSS를 통해 선언되어있는 경우에 한한다. 미 선언시에는 0 반환)
			posY : function( elem ){
				return !(isNaN(parseInt(this.getStyle(elem,'top')))) ? parseInt(this.getStyle(elem,'top')) : 0;
			},
			// 지정 Element의 Left 위치를 셋팅해준다.
			setX : function( elem, pos ){
				elem.style.left = pos + "px";
			},
			// 지정 Element의 Top 위치를 셋팅해준다.
			setY : function( elem, pos ){
				elem.style.top = pos + "px";
			},
			// 지정 Element의 현재 Left 위치에 px 값을 추가한다.
			addX : function( elem, pos ){
				this.setX( this.posX( elem ) + pos );
			},				
			// 지정 Element의 현재 Top 위치에 px 값을 추가한다.
			addX : function( elem, pos ){
				this.setY( this.posY( elem ) + pos );
			},
			// 지정 Element의 현재 Height 값을 구한다  (CSS를 통해 선언되어있는 경우에 한한다. 미 선언시에는 0 반환)
			getHeight : function( elem ){
				return !(isNaN(parseInt(this.nsStyle.getStyle(elem, 'height')))) ? parseInt(this.nsStyle.getStyle(elem,'height')) : 0;
			},
			// 지정 Element의 현재 Height 값을 구한다  (CSS를 통해 선언되어있는 경우에 한한다. 미 선언시에는 0 반환)
			getWidth : function( elem ){
				return !(isNaN(parseInt(this.nsStyle.getStyle(elem, 'width')))) ? parseInt(this.nsStyle.getStyle(elem,'width')) : 0;
			},
			// 지정 Element의 최대 높이 값을 구한다. (hidden 되어 있어도 상관없다)
			getFullHeight : function( elem ){
				if (this.getStyle( elem, 'display' ) != 'none') return elem.offsetHeight || this.getHeight( elem );
				var old = this.nsStyle.resetCSS ( elem, {
					display: '',
					visibility: 'hidden',
					position: 'absolute'
				});
				var h = elem.clientHeight || this.getHeight( elem );
				this.nsStyle.restoreCSS( elem, old );
				return h;
			},
			// 지정 Element의 최대 너비 값을 구한다. (hidden 되어 있어도 상관없다)
			getFullWidth : function( elem ){
				if (this.getStyle( elem, 'display' ) != 'none') return elem.offsetWidth || this.getWidth( elem );
				var old = this.nsStyle.resetCSS ( elem, {
					display: '',
					visibility: 'hidden',
					position: 'absolute'
				});
				var w = elem.clientWidth || this.getWidth( elem );
				this.nsStyle.restoreCSS( elem, old );
				return w;
			}
		},

		// style sheet 를 핸들링 하기 위한 부분
		nsStyle:{
			// 지정 Element의 지정 Name의 style sheet 의 값을 반환 해준다.
			getStyle : function( elem, name ){
				if (elem.style[name]) return elem.style[name];
				else if (elem.currentStyle) return elem.currentStyle[name];
				else if (document.defaultView && document.defaultView.getComputedStyle){
					name = name.replace(/([A-Z])/g, "-$1");
					name = name.toLowerCase();
					var s = document.defaultView.getComputedStyle(elem,"");
					return s && s.getPropertyValue(name);
				}else{
					return null;
				}
			},
			// CSS property 값을 설정한다. (restoreCSS를 통해 추후에 복구가능)
			resetCSS : function( elem, prop ){
				var old = {};
				for ( var i in prop){
					old[i] = elem.style[i];
					elem.style[i] = prop[i];
				}
				return old;
			},
			// resetCSS를 이용해 설정했던 Element의 CSS property 값을 복구한다.
			restoreCSS : function( elem, prop ){
				for (var i in prop){ elem.style[i] = prop[i]; }
			}
		},

		// Element의 가시성을 핸들링 하기 위한 부분
		nsDisplay:{
			// 해당 Element를 숨긴다
			setHide : function(elem){
				var curDisplay = this.nsStyle.getStyle( elem, 'display');
				if (curDisplay != 'none'){ elem.$oldDisplay = curDisplay; }
				elem.style.display = 'none';
			},
			// 해당 Element를 보여준다
			setShow : function(elem){
				elem.style.display = elem.$oldDisplay || 'block';
			},
			// 해당 Element의 투명도를 설정한다.
			setOpacity : function(elem, percent){
				if ( elem.filters ){// IE
					elem.filters.alpha.opacity = percent;
				}else{
					elem.style.opacity = percent / 100;
				}
			}
		},

		// Element의 애니메이션을 핸들링 하기 위한 부분
		nsAnimation:{
			// Display None으로 설정되어 있는 Element의 Slide In
			slideIn : function( elem ){
				elem.style.height = '0px';
				this.nsDisplay.setShow( elem );
				var h = this.nsPosition.getFullHeight( elem );
				for (var i = 0; i <= 100; i+=5 ){
					(function(){
						var pos = i;
						setTimeout(function(){elem.style.height = (( pos / 100 ) * h ) + "px";}, ( pos + 1 ) * 10 );
					})();
				}
			},
			// Display None으로 설정되어 있는 Element의 Fade In
			fadeIn : function( elem ){
				this.nsDisplay.setOpacity( elem, 0);
				this.nsDisplay.setShow( elem );
				for (var i = 0; i <= 100; i+=5 ){
					(function(){
						var pos = i;
						setTimeout(function(){ this.nsDisplay.setOpacity( elem, pos );}, ( pos + 1 ) * 10 );
					})();
				}
			}
		},

		// Mouse를 핸들링 하기 위한 부분
		nsMouse:{
			// 페이지 전체 대비 Mouse X 좌표값 반환
			getX : function(e){
				e = e || window.event;
				return e.pageX || e.clientX + document.body.scrollLeft || 0;
			},
			// 페이지 전체 대비 Mouse Y 좌표값 반환
			getY : function(e){
				e = e || window.event;
				return e.pageY || e.clientY + document.body.scrollTop || 0;
			},
			// 이벤트가 일어난 해당 Element에 대비 상대적인 Mouse X 좌표값 반환
			getElemX : function(e){
				return (e && e.layerX) || window.event.offsetX;
			},
			// 이벤트가 일어난 해당 Element에 대비 상대적인 Mouse Y 좌표값 반환
			getElemY : function(e){
				return (e && e.layerY) || window.event.offsetY;
			}
		}
	}

//-->