/**
* update : 2007-01-20/2007-08-15
* utf-8
*/

// 클래스 정의
function runMenuClick(callid,params){
	new display.ApmSoftNet.MENU(callid,params);
}


/* =======================================================================
ㅁ펼침메뉴 클래스
==========================================================================*/
var display = {};
display.ApmSoftNet = {};

// method : function, params= 'id=menu1&cnt=2'
display.ApmSoftNet.MENU = function(cource, params)
{
	this.call		= cource;
	this.apmParams	= (params == null || params == '') ? null : params;
	this.send();	
}

display.ApmSoftNet.MENU.prototype = 
{
	send : function ()
	{
		var Vars = new Array();
		
		// params 배열로 정리
		var getVar1 = this.apmParams.split('&');

		for(var i=0; i<getVar1.length; i++)
		{
			rltVar1 = getVar1[i];
			var getVar2 = rltVar1.split('=');

			// val str array
			nid = getVar2[0];
			nva = getVar2[1];

			Vars[nid] = nva;
		}
		
		switch(this.call)
		{
			case 'ShowNHide' :	this.menuShowNHide (Vars['id'], Vars['imgid'], Vars['on'], Vars['off']);
			break;

			case 'OneDisplay' : this.menuOneDisplay (Vars['name'],Vars['id'],Vars['proid']);
			break;
		}

	},
	
	
	/** ===============================================
	# 여러개의 목록을 펼치고 닫을 수 있는 방식
		
	  <table>
	       <tr><td><a href="#" onClick="javascript:runMenuClick('ShowNHide','id=showmenu1');">메뉴 1</a>    </td></tr>
	       <tr id="showmenu1" style="display:none;"><td>  메뉴1 내용  </td></tr>
	  </table>

	*/
	menuShowNHide : function (id, imgid,img_open, img_close)
	{
		runid = document.getElementById(id);

		if (runid.style.display=='none'){
			runid.style.display='block';			
			if (imgid){
				document.getElementById(imgid).src = img_close;
			}
		}else{ 
			runid.style.display='none';
			if (imgid){
				document.getElementById(imgid).src = img_open;
			}
		}
	},
	
	/** ===================================================
	# 여러개 목록 중에서 하나만 펼쳐지도록 하는 방식
	 
	  <div id="proid">
	  <table>
	       <tr><td>    
		   <a href="#" onClick="javascript:runMenuClick('OneDisplay','name=menu&id=menu1&proid=program');">메뉴 1</a>
		   </td></tr>
	       <tr id="menu1" style="display:none;"><td>메뉴1 내용</td></tr>
	  </table>
	  </div>

	  name : 아이디공통명, id : 고유아이디, proid:어느div아이디속에서 포함되어있는지

	*/
	menuOneDisplay : function(name,id,proid)
	{
		var elementObj = document.getElementById(proid);
		var childNodeArr = elementObj.childNodes;
		var childNodeCount= childNodeArr.length;

		for(var i=0; i<childNodeCount; i++){
			var childNodeId = name+''+i;
			var childObj = document.getElementById(name+''+i);
			if(childObj){
				if(childNodeId==id){ document.getElementById(id).style.display='block'; }
				else{ document.getElementById(childNodeId).style.display='none'; }
			}
		}
	}
}