/*
작 성 자 : jhj
내	용   : dom 관련 펑션 정의
목차 :
	1	-	table 관련 펑션
	2	-	form  관련 펑션
	3	-	기타 펑션
	4	-	ajax 관련 펑션 
*/


/********************************* 1	-	table 관련 펑션 **********************************************/

/* 
function 명 : jhj_MakeTable_td
기능		: 해당 id의 테이블 참조 td 객체생성후 레퍼런스 배열 리턴
인자		: tbl_id - 테이블 id, cnt_td - 생성할 td 갯수
사용법		: jhj_MakeTable_td("tblcateogry", 3 )
*/
function jhj_MakeTable_td(tbl_id, cnt_td)
{
	var objTbl, objTr, objTd ;
	var oneTr, aryTd ;
	var i;
	
	// 테이블 객체 생성
	objTbl = document.getElementById(tbl_id) ;
	//alert(objTbl);
	
	// tr 객체생성
	oneTr = objTbl.insertRow( objTbl.rows.length );
	objTr = objTbl.rows			// tr 콜렉션 객체
	objTd = oneTr.cells			// td 콜렉션 객체

	// td 생성
	aryTd = new Array(cnt_td) ;
	
	for(i = 0; i < aryTd.length; i++ )
	{
		aryTd[i] = objTr(oneTr.rowIndex).insertCell(objTd.length);
	}

	return aryTd;

}

/* 
function 명 : jhj_DelTable_tr
기능		: 해당 테이블의 이벤트발생한곳의 행삭제
인자		: tbl_id - 테이블 id, oneRow_flag - 첫행 제거 유무, oneRow_msg - 첫행 제거 메시지, num - td의 검색위치
사용법		: jhj_DelTable_tr("tblcateogry", 3, 2 )
*/
function jhj_DelTable_tr(tbl_id, oneRow_flag, oneRow_msg, num)
{
	var objTbl, objTr, objTd ;
	var oneTr, aryTd ;
	var i;
	
	// 테이블 객체 생성
	objTbl = document.getElementById(tbl_id) ;

	// delete row
	
	rowidx = ( (num != undefined) && (num > 1) ) ? jhj_getEventParentParentObj("td",num).parentElement.rowIndex : jhj_getEventParentObj("td").parentElement.rowIndex ;

	//rowidx = jhj_getEventParentObj("td").parentElement.rowIndex
	
	if( oneRow_flag )
	{
		if( rowidx == 0 )
		{		
			alert(oneRow_msg);
			return;
		}
	} 		
	objTbl.deleteRow(rowidx);
}

/********************************* 2	-	form  관련 펑션 **********************************************/
/* 
function 명 : jhj_MakeSelectBox
기능		: select 박스 객체 만든후 레퍼런스 리턴
인자		: aryCat - 옵션배열, sel_idx - 선택된 idx, strMsg - 옵션디폴트 메시지, arySelcfg - 셀렉트 박스 이벤트 핸들러 및 attribute 설정
사용법		: jhj_MakeSelectBox(cat[0], 3, '1차선택' )

*/
// 셀렉트 박스 객체 생성
function jhj_MakeSelectBox(aryCat, sel_idx, strMsg, arySelcfg)
{
	var arySize, key
	var objSel, objOpt
	

	// select 생성
	objSel = document.createElement("select") ;
	
	/*****************************[ select attribute, event 핸들러 추가 ]*********************/
	if( arySelcfg["att_nm"] )
	{
		objSel.setAttribute( "name", arySelcfg["att_nm"] );	
		objSel.setAttribute( "id", arySelcfg["att_nm"] );	
	}
	if( arySelcfg["evt_nm"] && arySelcfg["evt_js"] ) 
	{
		eval( "objSel." + arySelcfg['evt_nm'] + " = function() { " + arySelcfg["evt_js"] + " };" );
	}


	/***********************************[ select option 추가 ]*******************************/
	// option 기본값 셋팅
	if( (strMsg != '') && (strMsg != undefined) ) 
	{		
		objOpt = document.createElement("option");
		objOpt.text = strMsg;
		objOpt.value = "";
		objSel.add(objOpt)
	}
	//arySize = aryCat.length;

	for( key in aryCat )
	{
		// 옵션 객체생성
		//alert( aryCat[key]);
		objOpt			= document.createElement("option");
		objOpt.text		= aryCat[key];
		objOpt.value	= key ;

		// 셀렉트박스에 옵션 추가
		objSel.add(objOpt);
	}

	// selectedIndex 선택
	objSel.options[sel_idx].selected = true;

	return objSel;
}

/* 
function 명 : jhj_changeDisabledElement
기능		: 해당id 이하에 있는 모든 엘리먼트의 disablde 상태를 변경
인자		: 
				-	src_type				: 검색할 유형 (ID, EL,.. )
				-	src						: 검색 소스 ( id 문자열 인지, element 인지.. )
				-	aryTag					: 타겟 엘리먼트( 태그 ) 배열
				-	class_nm				: 적용 class명
				-	flag( true, false )		: disabled 상태

사용법		: jhj_changeDisabledElement( 'ID','testid', 'input|select|img', 'txt_disabled', true );

*/
function jhj_changeDisabledElement(src_type, src, strTags, class_nm, flag)
{
	var i, j ;
	var aryTag, obj_src;	
	
	aryTag = strTags.split("|");
	//alert(aryTag[0]);

	switch ( src_type.toUpperCase() )
	{
		case "ID" :
			obj_src = document.getElementById(src) ;
		break;
		case "EL" :
			obj_src = src.parentNode;
		break;

		default :
		break;	
	}
	
	// 태그 상태 disabled 시킬 펑션 호출
	jhj_changeDisabledElement_exe(obj_src, aryTag, class_nm, flag);
}

/* 
function 명 : jhj_changeDisabledElement_exe
기능		: 모든 엘리먼트의 disablde 상태를 변경
인자		: 
			  - obj_src				: 해당 객체
			  - aryTag				: 타겟 엘리먼트( 태그 ) 배열
			  - class_nm			: 적용 class명
			  -	flag( true, false ) : disabled 상태
사용법		: jhj_changeDisabledElement_exe( obj_src, aryTag, 'txt_disabled', flag);

*/

function jhj_changeDisabledElement_exe(obj_src, aryTag, class_nm, flag)
{

	for(i=0; i < aryTag.length; i++ )
	{
		strTagNm = aryTag[i].toUpperCase() ;

		arySize = aryTag.length-1;
		
		// 해당 태그의 배열을 구한다.
		objNode = obj_src.getElementsByTagName(strTagNm);

		/*************************** disabled 처리 ***********************************/				
		j = 0;

		while ( j < objNode.length )
		{
			objNode[j].disabled = flag;				// 기본은 disabled 속성을 처리한다.
			// nodeType 에 따른 클래스 처리
			
			switch (strTagNm)
			{
				case "INPUT"	:
					objNode[j].className = ( (objNode[j].type == "text") ) ? class_nm : "";					
				break;
		
				case "SELECT"	:
					objNode[j].className = class_nm;
				break;

				case "IMG"		:
					objNode[j].style.cssText = ( flag ) ? "cursor:not-allowed;" : "";
				break;
										
				default :				
				break;
			}
			
			j += 1;
		}	

	}
}


/********************************* 3  -	기타 펑션 **********************************************/
/* 
function 명 : jhj_insertAfter
기능		: targetElement 요소 다음에 newElement 추가 펑션( dom 매소드의 insertBefore 와 반대되는 펑션)
인자		: newElement - 추가할 새요소, targetElement - 바로다음에 넣을 타겟요소
사용법		: jhj_insertAfter(newElement, targetElement)
*/

function jhj_insertAfter(newElement, targetElement)
{
	var parent = targetElement.parentNode;

	if( parent.lastChild == targetElement )
	{
		parent.appendChild(newElement);
	}
	else
	{	parent.insertBefore(newElement, targetElement.nextSibling);
	}

}

/* 
function 명 : jhj_getEventParentObj
기능		: event가 일어난 객체의 특정태그에 해당되는 부모객체 리턴
인자		: strTagNm - 태그명
사용법		: jhj_getEventParentObj("td")
*/

function jhj_getEventParentObj(strTagNm) 
{ 
	var obj = event.srcElement 
	
	//alert('test :' + obj);
	strTagNm = strTagNm.toUpperCase()
	
	while (obj.tagName != strTagNm) // TD가 나올때까지의 Object추출 
	{ 		
		obj = obj.parentElement 
		//alert('test2:' + obj.tagName);
	} 
	
	return obj 
} 

/* 
function 명 : jhj_getEventParentParentObj
기능		: event가 일어난 객체의 [해당 strTagNm num번째 의 ] 특정태그에 해당되는 부모객체 리턴( 대대손손 찾기 !! )
인자		: strTagNm - 태그명, num - 해당태그의 num 번째 검색
사용법		: jhj_getEventParentParentObj("td",2)
*/

function jhj_getEventParentParentObj(strTagNm, num) 
{ 
	var i ;
	var obj = event.srcElement 
	
	num = ( num == undefined ) ? 1 : num ;	
	strTagNm = strTagNm.toUpperCase()
	
	i = 0;
	while ( (i < num) || (obj.tagName != strTagNm) ) // TD가 나올때까지의 Object추출 
	{ 		
		obj = obj.parentElement ;
		i = ( strTagNm == obj.tagName ) ? i+1 : i ;
	} 
	
	return obj ;	
} 


/* 
function 명 : jhj_FUN_getElNumBySameName
기능		: 이름이 같고 순번만 다른 해당 폼엘리먼트의 갯수구함
인자		: P_ElNm - 태그명
사용법		: jhj_FUN_getElNumBySameName("search_str")
*/
// 
function jhj_FUN_getElNumBySameName( P_ElNm)
{
	var i, ElNm, cnt ;
	var exist_flag, search_tag ;
	
	i	=	1
	cnt =	0	
	exist_flag = true ;
	
	while( exist_flag )
	{
		ElNm = P_ElNm + i ;
		//alert(ElNm);
		search_tag = document.getElementsByName(ElNm);		// 해당 태그 검색
		//alert( search_tag.length );
		if( search_tag.length > 0 ) 
		{
			cnt += 1;
		} else
		{
			exist_flag = false
		}
				
		i += 1
	}
	return cnt;
}

/* 
function 명 : jhj_getAryIdxMultiSelected
기능		: select 박스에서, 멀티 셀렉트 된 옵션index를 구해 배열로 리턴
인자		: objSourceSel - 멀티 셀렉트 된 셀렉트 박스 객체
사용법		: jhj_getAryIdxMultiSelected(objSourceSelect)
*/
function jhj_getAryIdxMultiSelected(objSelect)
{
	var i, j;
	var arySelected ;

	arySelected = new Array();
	
	j = 0

	for(i=0; i <  objSelect.length; i++ )
	{
		
		if( objSelect.options[i].selected )
		{			
			arySelected[j] = i;
			j = j + 1
		}

	}
	return arySelected ;
}

/* 
function 명 : jhj_getAryValSelect
기능		: select 박스에서 밸류값들을 구해 배열로 리턴
인자		: objSourceSel - 셀렉트 박스 객체, selected_flag : 셀렉트 유무 ( true : 선택된것만 구한다, false : all )
사용법		: jhj_getAryValSelect(objSourceSelect, false)
*/
function jhj_getAryValSelect(objSelect, selected_flag)
{
	var i, j
	var arySelect ;

	arySelect = new Array();

	// SELECTED 
	//alert("objselect : " + objSelect.length);
	if( selected_flag )
	{
		j  = 0 ;
		for(i=0; i < objSelect.length; i++ )
		{			
			if( objSelect.options[i].selected )
			{			
				arySelect[j] = objSelect.options[i].value;
				j = j + 1;
				
			}
		}
	}
	else 
	// ALL
	{
		for(i=0; i <  objSelect.length; i++ )
		{				
				arySelect[i] = objSelect.options[i].value;
		}
	}

	return arySelect ;
}


/* 
function 명 : jhj_MoveSelectedOptToSelectObj
기능		: 소스select 박스의 선택된 옵션들을 타겟select 박스로 이동 
인자		: objSourceSel -  소스 셀렉트 박스 객체, objTargetSel : 타겟 셀렉트 박스 객체
			: source_del   -  소스옵션 삭제 유무( 타겟으로 이동시..) , errMsg : 선택됩 옵션이 없을때 표시 메시지, 
사용법		: jhj_MoveSelectedOptToSelectObj(objSourceSelect, objTargetSelect, false, '추가할 강좌를 선택하세욜')
*/
function jhj_MoveSelectedOptToSelectObj(objSourceSel, objTargetSel, source_del, errMsg)
{
	var arySelIdx,aryTargetVal;
	var selText, selVal;

	// selected 된 idx 배열
	arySelIdx		= jhj_getAryIdxMultiSelected(objSourceSel) ;		// source 셀렉트 선택된 배열

	if(arySelIdx.length > 0)
	{
		for(i=0; i < arySelIdx.length; i++ )
		{
			//============ target 셀렉트에  추가 ==============
			
			selText =  objSourceSel.options[arySelIdx[i]].text ; 
			selVal  =  objSourceSel.options[arySelIdx[i]].value ; 
			
			// target 셀렉트 인덱스 중복 검사 [ 중복된면 쌩~~ ]				
			aryTargetVal		= jhj_getAryValSelect(objTargetSel, false);			// target 셀렉트 value 배열[중복검사]
		
			//alert(selVal);
			//alert("존재유무 : " + jhj_in_array(selVal, aryTargetVal) );
			if( !jhj_in_array(selVal, aryTargetVal) )
			{
				
				objTargetSel.options[objTargetSel.length] = new Option(selText, selVal) ;				
			} 
		}

		// 삭제 처리
		if(source_del)
		{
			//alert(objSourceSel.length);
			jhj_RemoveSelected(objSourceSel)
		}

	} else
	{
		alert(errMsg);
		return;
	}
}

/* 
function 명 : jhj_RemoveSelected
기능		: 해당 셀렉트 태그에서 선택된 옵션을 삭제한다
인자		: objSelect -  소스 셀렉트 박스 객체

사용법		: jhj_RemoveSelected(objSourceSelect, false)
*/
function jhj_RemoveSelected(objSelect, mesg)
{
	var i;

	if( (mesg != null) && ( mesg != "" ) )
	{
		if( !confirm(mesg) )
		{
			return ;
		}
	}
	
	for( i=objSelect.length-1; i >= 0; i-- )
	{
		if( objSelect.options[i].selected )
		{
			objSelect.remove(i);
		}
	}
	
}

/* 
function 명 : jhj_MoveSelectedIndex
기능		: 해당 셀렉트 태그에서 옵션 이동
인자		: objSelect -  소스 셀렉트 박스 객체, strGbn - 해당옵션 up, down 이동 플래그

사용법		: jhj_MoveSelectedIndex(objSourceSelect, 'DOWN')
*/

function jhj_MoveSelectedIndex(objSelect, strGbn)
{
	var i, aryOption, selected_txt, selectedIdx
	
	if( i == -1 ) return ;
	

	aryOption = objSelect.options ;

	if( strGbn == "UP")
	{
		for(i = 0; i < aryOption.length; i++ )
		{
			if( aryOption[i].selected  ) 
			{
				if( i == 0 ) break;

				// selected 된 값 임시저장
				selected_txt	= aryOption[i].text ;
				selected_val	= aryOption[i].value;

				// target 옵션 selected 위치로 이동
				aryOption[i].text		= aryOption[i-1].text	;
				aryOption[i].value		= aryOption[i-1].value	;
				
				// selected 된 값 target 옵션위치 로 이동
				aryOption[i-1].text		= selected_txt ;
				aryOption[i-1].value	= selected_val ;

				// selected 유지
				aryOption[i].selected   = false;
				aryOption[i-1].selected = true;
				
			} 
		}
	} 
	else if ( strGbn == "DOWN" )
	{
		for(i = aryOption.length-1; i >= 0; i-- )
		{				
			if( aryOption[i].selected  ) 
			{
				if(i == objSelect.length -1)  break;

				// selected 된 값 임시저장
				selected_txt	= aryOption[i].text ;
				selected_val	= aryOption[i].value;

				// target 옵션 selected 위치로 이동
				aryOption[i].text		= aryOption[i+1].text	;
				aryOption[i].value		= aryOption[i+1].value	;
				
				// selected 된 값 target 옵션위치 로 이동
				
				aryOption[i+1].text		= selected_txt ;
				aryOption[i+1].value	= selected_val ;

				// selected 유지
				aryOption[i].selected   = false;
				aryOption[i+1].selected = true;
				//objSelect.selectedIndex = i + 1;

			} 
		}
	}


}

/* 
function 명 : jhj_getAryCheckValueFromObj
기능		: 해당 객체( 체크박스, 라디오 ) 에서 체크된 값을 구해 배열로 리턴
인자		: obj - 해당 객체
	

사용법		: jhj_getAryCheckValueFromObj(doument.form.radio)
*/
function jhj_getAryCheckValueFromObj(obj)
{

	var i, j;
	var aryData, arySize;
	var retVal ;

	arySize =  obj.length;
	aryData = new Array();

	j = 0;
	for(i=0; i < arySize; i++ )
	{
		if( obj[i].checked )
		{			
			//alert(obj[i].value);
			aryData[j] = obj[i].value ;
			j = j + 1;
		}
	}	

	//retVal = ( aryData.length >= 1) ? aryData : null ;
	
	return aryData;
}


/* 
function 명 : jhj_getElementNodeByNodenmFromId
기능		: 해당 id에서 특정 node명을 찾아 해당 노드를 리턴( 해당 노드가 없을때 null 리턴, )
인자		: null
사용법		: jhj_getElementNodeByNodenmFromId('ID_TEST', 'select')
*/


function jhj_getElementNodeByNodenmFromId(objId, nodenm )
{
	var objId, objNode, search_nodeNm;
	var i, retNode;

	nodenm				= nodenm.toLowerCase();
	objId				= document.getElementById(objId);
	objNode				= objId.firstChild ;
	search_nodeNm		= objNode.nodeName.toLowerCase() ;

	i = 0 ;						// 검색횟수( 무한 루프 방지목적도 있음 )
	
	while( search_nodeNm != nodenm )
	{
		if( i > 100 ) break;			// 100번 했는데도 없다면 너는 시발라마..
		objNode = objNode.firstChild;
		
		if( objNode.nodeType == 1 )
		{
			search_nodeNm = objNode.nodeName.toLowerCase() ;
		}
		//alert(search_nodeName);
		i = i + 1;
	}

	retNode = (search_nodeNm == nodenm) ? objNode : null

	return retNode;
}


/* 
function 명 : jhj_toggle_MultiSelectById
기능		: id에 해당하는 select 객체를 검색해서 해당 플래그로 셀렉트 옵션을 선택, 비선택한다.
인자		: id	 -	 소스 셀렉트 박스 id , flag : selected true 또는 false, Msg : 대화모드
사용법		: jhj_toggle_MultiSelectById('test_select',true)
*/

function jhj_toggle_MultiSelectById(id, flag)
{
	var chk_flag;
	var obj;
	obj = document.getElementById(id) ;

	chk_flag = true;

	if( obj.nodeName.toLowerCase() == 'select' )
	{
		if(obj.options.length > 0 )
		{
			for(i=0; i < obj.options.length; i ++ )
			{
				obj.options[i].selected = flag;
			}
		}
	} else
	{
		chk_flag = false;
	}
	
	return chk_flag;
}

/********************************* 4	-	ajax  관련 펑션 **********************************************/

/* 
function 명 : jh_newXMLHttpRequest
기능		: xmlHttpRequest 객체 생성후 객체 리턴
인자		: null
사용법		: jh_newXMLHttpRequest()
*/

function jh_newXMLHttpRequest()
{ 

  var xmlReq = null; 

  if (window.XMLHttpRequest) { //파이어폭스나 맥의 사파리의 경우처리 
    // Create XMLHttpRequest object in non-Microsoft browsers 
    xmlReq = new XMLHttpRequest(); 
  } else if (window.ActiveXObject) { //IE계열의 브라우져의 경우 
    // Create XMLHttpRequest via MS ActiveX 
    try { 
      // Try to create XMLHttpRequest in later versions 
      // of Internet Explorer 
      xmlReq = new ActiveXObject("Msxml2.XMLHTTP"); 
    } catch (e1) { 
      // Failed to create required ActiveXObject 
      try { 
        // Try version supported by older versions 
        // of Internet Explorer 
        xmlReq = new ActiveXObject("Microsoft.XMLHTTP"); 
      } catch (e2) { 
        // Unable to create an XMLHttpRequest with ActiveX 
		alert("XMLHttpRequest 객체를 생성할수 없습니다!");
      } 
    } 
  } 
  return xmlReq; 
}