//ÇÔ¼öº°Å½±¸ÀÇ ªyÅÍ¸íÀ» ¹Ù²Ü¶§´Â ¹Ýµå½Ã ÇÔ¼öÀÇ Å¸ÀÌÆ²°¡°øºÎºÐ Á¡°ËÇÒ°Í
//0,0,0,1ÀÇ °æ¿ì ¿É¼ÇÃ£±â¸ðµå¿¡¼­ ¿À·ù
//searching---search at (descript.caption+descript.keyword)
//on caption only caption ,decript.keyword hidden to user
//choose shortest way..use innerHTML property rather than making multiple DIV 
/*****
*Global Variable
*****/
var ImgPath='<img src=\"images/'
var ImgPathW='<embed src=\"images/'
var shtObj='<object id="MySpreadsheet" classid="CLSID:0002E510-0000-0000-C000-000000000046" width="380"></object>'
var shtObjH='<object id="MySpreadsheet" classid="CLSID:0002E510-0000-0000-C000-000000000046" width="660"></object>'
var strPTemp="";
var currentDesc=null;
var h1h='<span class="hlout" onmouseover="mousemove(this,\'over\')" onmouseout="mousemove(this,\'out\')">'
var h1t='</span>'
var h2h='<span class="hloutwithnote" onmouseover="mousemove(this,\'over\')" onmouseout="mousemove(this,\'out\')">'
var h2t='</span>'
var intPicNum=0;
var thisTopicList=null;
var thisTopic=null;
var thisDescriptList=null;
var arrPic=null;//fill pic source for left box picutres
var picBoxTemp='';
var sHead='<link rel=stylesheet type="text/css" href="baby.css">'
sHead+='<body topmargin="5" leftmargin="50" rightmargin="50" width="70%">'
sHead+='<DIV  id="projectTitle" >EXCEL-POWER Series!!!..<SPAN id="projectSubTitle">On Line Excel Book to Be Ready to Start VBA--by UNO</SPAN></DIV>'
sHead+='<DIV id="companyTitle"><a href="http://uno21.com">UNO21.COM</a></DIV>'
sHead+='<DIV id="logo" onclick="window.location=\'http://uno21.com\'"></DIV>'
sHead+='<DIV id="wrapper"><table  id="mainTable"><tr><td  height="16" id="chapterCell">'
/*****component of input search box*************************/
var searchBox='<TR id="insertSearchWord" style="display:none" ><TD colspan="2">';
//searchBox+='<div id="sendMsg"><div id="sendMsgLeft"><span id="checkCha">°ÇÀÇ »çÇ×ÀÌ³ª °£´ÜÇÑ Áú¹®!!</span><br>';
searchBox+='<div id="sendMsg"><div id="sendMsgLeft"><span id="checkCha">°ÇÀÇ »çÇ×ÀÌ³ª °£´ÜÇÑ Áú¹®!!</span>&nbsp;&nbsp;&nbsp;<span id="qa_button" style="cursor:hand" onclick="window.open(\'qa.asp\',\'xl\',\'width=500,height=300,left=0,top=0,scrollbars=yes\')" onmouseover="this.style.textDecoration=\'underline\'" onmouseout="this.style.textDecoration=\'none\'">È¸½Åº¸±â</span><br>';

searchBox+='<textarea  cols="70" rows="3" id="txtSearch" onkeyup="checkChaNum()"></textarea>';
searchBox+='<input type="button" value="Send" onclick="searchGo()"></div>';
searchBox+='<div id="sendMsgRight">¹«ÀÎÆÇ¸ÅÇÏ´Â ¿Â¶óÀÎ ºÏ!!¶æÀÖ´Â ºÐµéÀº..'
searchBox+='<br><span id="bankaccount">±¹¹ÎÀºÇà:809-21-0572-461/¿ì³ëÄÞ<br>Á¶ÈïÀºÇà:946-04-190365/¿ì³ëÄÞ</span></div></div></TD></TR>';
var searchBoxOpen='<input type="button" value="HELP & ABOUT" onclick="hideShowBox()" style="width:7em;">';
var strHelp='<div id="helpbox">'
strHelp+= '<SPAN>¿¢¼¿ ÆÄ¿ö½Ã¸®Áî´Â..</SPAN>'
strHelp+= '<UL><LI>ÇöÀç ¿Ï·áµÈ »óÅÂ°¡ ¾Æ´Ï°í..</LI>'
strHelp+= '<LI>VBAÀÚµ¿È­¸¦ Á¦¿ÜÇÑ ¿¢¼¿ÀÇ ¸ðµç°ÍÀ»..</LI>'
strHelp+= '<LI>»ç¿ëÀÚÀÇ Áú¹®ÀÌ³ª ¿äÃ»¿¡ µû¶ó Ãß°¡</LI>'
strHelp+= '<LI>°è¼Ó »õ·Ó°Ô º¯È­½ÃÄÑ ³ª°£´Ù</LI>'
strHelp+= '<LI>¶ÇÇÑ ±âÁ¸ÀÇ ÁÖ°£°­ÁÂµî¿¡¼­ ¹ßÃéÇÏ¿©</LI>'
strHelp+= '<LI>ÀÌ°÷¿¡ Á¤¸®Á¤µ·ÇÏ¿© ¸ðµÎ°¡ Ã£¾Æ º¸±â ½±°Ô</LI>'
strHelp+= '<LI>²Ù¸ç ³ª°¥°ÍÀÌ°í</LI>'
strHelp+= '<LI>°Ô½ÃÆÇ¿¡ º¸¸é Áú¹®ÇÑ°Í ¶ÇÇÏ°í..¶ÇÇÏ°í..</LI>'
strHelp+= '<LI>ÀÌ°÷¿¡¼­ ¸ðµÎ Ã£¾Æ º¼¼ö ÀÖµµ·Ï ÇÒ°ÍÀÌ´Ù</LI>'
strHelp+= '<LI>Ã¥À¸·Î ¸¸µé¸é ±³Á¤µµ º¸°í ¼öÁ¤À» ÇÏ°ÚÀ¸³ª,</LI>'
strHelp+= '<LI>È¥ÀÚ ÇÏ·Á´Ï,±×°ÍÀÌ Àß¾ÈµÈ´Ù</LI>'
strHelp+= '<LI>³»¿ë»ó ¿ÀÀÚ·Î ¸¹°í</LI>'
strHelp+= '<LI>¾ÕµÚ ¾È¸Â´Â Çò¼Ò¸®µµ ÀÖÀ»¼ö ÀÖ´Ù</LI>'
strHelp+= '<LI>¿©·¯ºÐµéÀÌ ¸ÕÀú Ã£À¸½Ã¸é À§ÀÇ ¸Þ¸ð·Î </LI>'
strHelp+= '<LI>³¯·ÁÁÖ½Ã¸é Áï°¢,Áï°¢ ¼öÁ¤ÇÒ°ÍÀÌ´Ù </LI>'
strHelp+= '<LI>¸ÅÀÏ ÇÏ³ªÀÌ»óÀÇ °ÍÀ» Ãß°¡ÇÏ°Å³ª</LI>'
strHelp+= '<LI>¸ÅÀÏ ÇÏ³ªÀÌ»óÀÇ °ÍÀ» ¼öÁ¤ÇÒ °èÈ¹ÀÌ´Ù</LI>'
strHelp+= '<LI>´çÃÊ¿¡´Â ¿¢¼¿ÀÇ ±â´Éº°·Î ºÐ¸®ÇÏ¿©</LI>'
strHelp+= '<LI>ÇÏ³ª,ÇÏ³ª ¾¾¸®Áî·Î ¸¸µé °èÈ¹ÀÌ¿´À¸³ª</LI>'
strHelp+= '<LI>ÇÏ³ª·Î ¸ðµÎ ¹­¾î ¹ö·È´Ù</LI>'
strHelp+= '<LI>±×·¡¼­ Á¦¸ñÀÌ ¿¢¼¿ ÆÄ¿ö¾¾¸®Áî..°¡ µÇ¾ú´Ù</LI>'
strHelp+='<LI>¿¢¼¿ÀÇ ±â´ÉÀ» ÃÖ´ëÇÑ È°¿ëÇÑ ÀÚµ¿È­°¡ ¸ñÇ¥´Ù</UL>'

strHelp+= '<SPAN>´©°¡ º¸¸é ÁÁÀ»±î..</SPAN>'
strHelp+= '<UL><LI>¿¢¼¿ÀÌ Ã³À½ÀÌ½ÅºÐ</LI>'
strHelp+= '<LI>¿¢¼¿ÀÇ ±â´ÉÀ» ´Ù ¾È´Ù°í ÀÚºÎÇÏ½Ã´Â ºÐ</LI>'
strHelp+= '<LI>VBAÇÁ·Î±×·¡¹ÖÀ» ÇÏ¸é¼­µµ ¿¢¼¿ÀÇ ±â´ÉÀÌ..??</LI>'
strHelp+= '<LI>¸ðµç ºÐµéÀÇ ¿¢¼¿ ¿Â¶óÀÎ Âü°í¼­°¡ µÉ°ÍÀÌ´Ù!!</LI></UL>'

strHelp+= '<SPAN>ÀÌÀüÀÇ ¿¢¼¿º£ÀÌºñ¿Í ÆÄ¿öÀ¯Àú´Â...</SPAN>'
strHelp+= '<UL><LI>±âÁ¸ÀÇ È­ÀÏ·Î ¿Ã·ÁÁ³´ø </LI>'
strHelp+= '<LI>¿¢¼¿º£ÀÌºñ¿Í </LI>'
strHelp+= '<LI>¿¢¼¿ÆÄ¿öÀ¯Àú´Â..</LI>'
strHelp+= '<LI>ÀÌ°÷¿¡ ÅëÇÕµÇ¾î °¥°ÍÀÌ´Ù</LI>'
strHelp+= '</UL>'

strHelp+= '<SPAN>ÀÌ ÇÁ·ÎÁ§Æ®´Â ¾î¶² ÅøÀ» »ç¿ëÇÏ¿´³ª?</SPAN>'
strHelp+= '<UL><LI>¹°·Ð ½á¹öÃø¿¡¼­´Â VBScript¸¦ »ç¿ëÇÑ ASP</LI>'
strHelp+= '<LI>Å©¶óÀÌ¾ðÆ®ÃøÀº JavaScript¸¦ »ç¿ëÇÏ¿´´Ù</LI>'
strHelp+= '<LI>¾Æ´Ï..¿Ö VBScript¸¦ »ç¿ëÇÏÁö ¾Ê°í??</LI>'
strHelp+= '<LI>ÀÌÀ¯´Â ´Ü¼øÇÏ´Ù..ÇÏ³ª¸¸ »ç¿ëÇÏ¸é ½É½ÉÇÏ´Ù!!</LI>'
strHelp+= '<LI>¶ÇÇÑ È£±â½ÉÀÇ ¹ßµ¿ÀÌ´Ù!!</LI>'
strHelp+= '<LI>µ¥ÀÌÅ¸º£ÀÌ½º°°Àº°Í »ç¿ëÇÏÁö ¾Ê°í!!</LI>'
strHelp+= '<LI>ÈçÇÏ°Ô ¶°µå´Â XMLµµ »ç¿ëÇÏÁö ¾Ê°í!!</LI>'
strHelp+= '<LI>±×³É JavaScript·Î¸¸ ÇØº¼±î??</LI>'
strHelp+= '<LI>JScript ¿ÀºêÁ§Æ®¿¡ µ¥ÀÌÅ¸¸¦ ¸ðµÎ³Ö¾ú´Ù??</LI>'
strHelp+= '<LI>¹Ì·Ã°õÅüÀÌ °°ÀºÁþÀÌÁö¸¸,Àßµ¹¾Æ°£´Ù</LI>'
strHelp+= '<LI>°³¹ßµµ±¸¶ó°í´Â..</LI>'
strHelp+= '<LI>Excel+ÅØ½ºÆ®ÆíÁý±â+±×¸²ÆÇ+Media Encoder</LI>'
strHelp+= '<LI>±×·±µ¥ Àßµ¹¾Æ°¡´Â ÆäÀÌÁö°¡ µÇ¾ú´Ù</LI>'
strHelp+= '<LI>À¥°³¹ß¿¡ °ü½ÉÀÌ ¸¹À¸½ÅºÐÀº ÀÌ ÆäÀÌÁöÀÚÃ¼¸¦</LI>'
strHelp+= '<LI>ÅëÂ°·Î ´Ù¿î¹Þ¾Æ¼­ »ìÆìº¸¼Åµµ ÁÁÀ»°ÍÀÌ´Ù</LI>'
strHelp+= '<LI>Explorerºê¶ó¿ìÁ® 6.0À» ±âÁØÀ¸·Î ¸¸µé¾ú°í</LI>'
strHelp+= '<LI>´Ù¸¥ ºê¶ó¿ìÁ®¿¡¼­´Â Å×½ºÆ®¸¦ ¾ÈÇß´Ù</LI>'
strHelp+= '<LI>ÇÑ±Û,¿µ¹® ´Ù Àß¹Þ¾ÆÁÖ´Â </LI>'
strHelp+= '<LI>TAHOMAÃ¼¸¦ ±âº»ÆùÆ®·Î ÇÏ¿´´Ù</LI>'
strHelp+= '<LI>ÀÌ ÆùÆ®°¡ ¾ø´Ù¸é º¸±â°¡ ÈäÇÒ¼öµµ ÀÖÀ»°ÍÀÌ´Ù</LI>'
strHelp+= '</UL>'

strHelp+= '<SPAN>ÀÌ°Íµµ °øÂ§°¡??</SPAN>'
strHelp+= '<UL><LI>¿¢¼¿º£ÀÌºñÀÇ ¼ÓÆíÀ¸·Î ¿ÀÇÁ¶óÀÎ ¼­ÀûÀ¸·Î</LI>'
strHelp+= '<LI>´çÃÊ,ÀÛ¾÷À» ÇÏ¿´¾úÀ¸³ª..</LI>'
strHelp+= '<LI>¿Â¶óÀÎ»ó¿¡ Ã£¾Æº¸±â ½±°Ô ±¸¼ºÇÏ±â·Î ÇÏ¿´°í</LI>'
strHelp+= '<LI>Ãä°í ¹è°íÇÂ °íÇÐ»ýµéÀÌ ÀÇ¿Ü·Î ¸¹¾Æ,</LI>'
strHelp+= '<LI>¹«ÀÎÆÇ¸Å·Î ÇÏ±â·Î ÇÏ¿´´Ù !!</LI>'
strHelp+= '<LI>¿©À¯ÀÖÀ¸¸é Áö±Ý ±¸¸ÅÇÏ°í..</LI>'
strHelp+= '<LI>¿©À¯¾øÀ¸¸é ¿Ü»óÀ¸·Î º¸°í.. </LI>'
strHelp+= '<LI>°¡°Ý¶ÇÇÑ Á¦ÇÑ¾ø´Ù..</LI>'
strHelp+= '<LI>°øÂ¥¸¸ ¾ò¾î ¸Ô´Â°ÍÀÌ ½À°üµÇ¸é</LI>'
strHelp+= '<LI>Æò»ý¾ò¾î¸¸ ¸Ô´Â °¡³­ÇÑ »ç¶÷ÀÌ µÈ´Ù´ÂÁ¡¸¸</LI>'
strHelp+= '<LI>Âü°íÇÏ½Ã¸é µÈ´Ù!!</LI>'
strHelp+= '<LI><b>±¹¹ÎÀºÇà:809-21-0572-461/¿ì³ëÄÞ</b></LI>'
strHelp+= '<LI><b>Á¶ÈïÀºÇà:946-04-190365/¿ì³ëÄÞ</b></LI>'
strHelp+= '</UL>'
strHelp+='----------------------------------------uno(é×ÒÇ)</div>'
/*****end input search box*********************************/

var strWhere="";
var intDescript=0;
var intTopic=0;
var intChapter=0;
var intKey=0;
var sMode='';//////////////selected by key or not?
var note='<div id="mynote"  style="position:absolute;left:0;top:0;visibility:hidden">xx</div>'
var N=new noteList();
/*****
*Other KeyWords Data
*****/
/*****
*################ NOTELIST OBJ & MEMBERS ####################
*****/
function noteList()
{
	this.id=0;
	this.list=new Array();
	this.newlist=noteList_addNew;
}
function functionNote()
{
	this.id=0;
	this.fun_Name=""
	this.fun_Des=""
	this.fun_Pic=""
	this.getHTML=function(){
		return '<div class="funname" style="border:dotted 1px white">'+this.fun_Name+'</div><br><font face="±¼¸²Ã¼">'+this.fun_Des+'</font>';
	}
}
function noteList_addNew(functionName,descript,pic)
{
	var strT=functionName.split('`h1').join('<span style="color:gold;font-family:comic sans ms">').split('`t1').join('</span>')
	var M=new functionNote();
	M.fun_Name=strT//functionName;
	M.fun_Des=descript;	
	M.fun_Pic=(pic!=null)?pic:'';
	this.list[this.id]=M;
	this.id++;
	return M;
}
/********
*######################## Utility functions #########################
*********/
function naviMe(){
var x=event.srcElement.innerHTML
var arrPic=currentDesc.pic.split(',')[1].split('|')
if(x=='t'){
	intPicNum--;
	if(intPicNum<0)
	intPicNum=0;
	}
else{
	intPicNum++;
	if(intPicNum==arrPic.length)
	intPicNum=0;
	}

var temp=document.getElementById("mView_").innerHTML;
temp=temp.substring(temp.indexOf('>')+1);
temp=ImgPath+arrPic[intPicNum]+'">'+temp;
document.getElementById('mView_').innerHTML=temp;
document.getElementById('naviSign').innerHTML=intPicNum+1+' of '+arrPic.length;
}
/****************run client side on click()************************/


/************** while mouse over on keyword in description*************/
/************** showing note of keyword********************************/
function mousemove(myobj,how){
if(how=="over"){
	if(myobj.className=='hlout'){
		myobj.className='hlover';}
		else{
		myobj.className='hloverwithnote';
		for(var i=0;i<N.list.length;i++){
			var strPic=''
			var strTemp=N.list[i].fun_Name;
			strT=strTemp
			if(strT.indexOf('|')!=-1)
				strT=strT.substring(0,strT.indexOf("|"))
			else if(strT.indexOf('(')!=-1)
				strT=strT.substring(0,strT.indexOf("("))

			strT=strT.split(',');///ÄÞ¸¶·Î µÎ°³±îÁöÀÇ Å°¿öµåÇã¿ë
			if(myobj.innerHTML==strT[0]||myobj.innerHTML==strT[1]){
				strPic=N.list[i].fun_Pic;
				if(strPic!=''||strPic!=null){
				if(strPic.indexOf('.wmv')>-1)
					strPic='<br>'+ImgPathW+strPic+"\">";
				else if(strPic.indexOf('.jpg')>-1||strPic.indexOf('.gif')>-1)
					strPic='<br>'+ImgPath+strPic+"\">";
				}
				else{strPic='';}
			mynote.innerHTML='<div class="funname">'+strTemp+'</div>'+N.list[i].fun_Des+strPic;break;}
			}
			mynote.style.visibility="visible";
			mynote.style.left=event.clientX+document.body.scrollLeft;
			mynote.style.top=event.clientY+document.body.scrollTop+10;
			}
		}
else{
	if(myobj.className=='hlover'){
		myobj.className='hlout';}
		else{
		myobj.className='hloutwithnote'
		mynote.style.visibility="hidden";
		}
	}
}

/***************for total-listing work****/
function callByList(ch,to,des)
{
	Baby.topic.value=to;
	Baby.chapter.value=ch;
	Baby.descript.value=des;
	Baby.submit();
}
function showList(y)
{
	var x=document.getElementById('topicListView')
/*	if(x.style.display=="none"){
		x.style.display="block"
		y.innerHTML=y.innerHTML.substring(0,y.innerHTML.indexOf('_'))+'_º¸±â'}
	else{
		x.style.display="none"
		y.innerHTML=y.innerHTML.substring(0,y.innerHTML.indexOf('_'))+'_°¨Ãß±â'}*/
	if(y.innerHTML=='ÀüÃ¼ ¸®½ºÆ®_º¸±â'){
		x.style.display='block';
		y.innerHTML='ÀüÃ¼ ¸®½ºÆ®_°¨Ãß±â';
		document.body.scrollTop=900;}
	else{
		x.style.display='none';
		y.innerHTML='ÀüÃ¼ ¸®½ºÆ®_º¸±â'
		document.body.scrollTop=0;}
}
/*******************analysis querystring****************/
function QueryString(key)
{
	var value = null;
	for (var i=0;i<QueryString.keys.length;i++)
	{
		if (QueryString.keys[i]==key)
		{
			value = QueryString.values[i];
			break;
		}
	}
	return value;
}
QueryString.keys = new Array();
QueryString.values = new Array();

function QueryString_Parse()
{
	var query = window.location.search.substring(1);
	var pairs = query.split("&");
	
	for (var i=0;i<pairs.length;i++)
	{
		var pos = pairs[i].indexOf('=');
		if (pos >= 0)
		{
			var argname = pairs[i].substring(0,pos);
			var value = pairs[i].substring(pos+1);
			QueryString.keys[QueryString.keys.length] = argname;
			QueryString.values[QueryString.values.length] = value;		
		}
	}

}

QueryString_Parse();
/********
*############## TOPICLIST OBJ & MEMBERS ###############
********/
function topicList()
{
	this.num=0;
	this.temp="xxx"
	this.list=new Array();
	this.newTopic=topicList_newTopic
}
function topicList_newTopic(strCap)
{
	var Q=new topic();
	this.list[this.num]=Q;
	Q.ID=this.num;
	Q.topic=strCap;
	this.num++;
	return Q;
}
/***
*################TOPIC OBJ & Members###################
***/
function topic()
{
	this.ID=0;
	this.topic="";
	this.descriptList=new descriptList();
	this.newDescript=topic_newDescript;
}

function topic_newDescript(strC,strDes,strP,strO)
{
	this.descriptList.newDescript(strC,strDes,strP,strO);
}

/***
*###################DescriptList OBJ & Members##########
***/
function descriptList()
{
	this.num=0;
	this.list=new Array();
	this.newDescript=descriptList_newDescript;
}
function descriptList_newDescript(strC,strDes,strP,strO)
{
	var V=new descript();
	this.list[this.num]=V;
	V.ID=this.num;
	if(strC.indexOf('|')==-1){
		V.caption=strC;V.keyword='';}
	else{
		V.caption=strC.substring(0,strC.indexOf('|'));
		V.keyword=strC.substring(strC.indexOf('|'));}
	var strTemp=''
	var strHead=''
	if(strDes.indexOf('|')==-1)
		strTemp=strDes;
	else{
		if(strDes.indexOf('|')==0){
			strHead='<ul>';
			strTemp=strHead+strDes;}
		else{
			strHead='<span style="font-family:±¼¸²Ã¼">'+strDes.substring(0,strDes.indexOf('|'))+'</span><ul>';
			strTemp=strDes.substring(strDes.indexOf('|'));
			strTemp=strHead+strTemp;
		}
		strTemp=strTemp.split("|").join("<li>");
		strTemp=strTemp.split("`h1").join(h1h);
		strTemp=strTemp.split("`t1").join(h1t);
		strTemp=strTemp.split("`h2").join(h2h);
		strTemp=strTemp.split("`t2").join(h2t);
		strTemp=strTemp+'</ul>';
	}
	V.descript=strTemp;
	var arrFiles=strP.split(',');
	V.wmv=arrFiles[0]||'';
	V.pic=arrFiles[1]||'';
	V.file=arrFiles[2]||'';
	V.orient=(strO==null)?"v":strO;
	this.num++;
	return V;

}
/***
*########DESCRIPT OBJ & MEMBERS##########
***/
function descript()
{
	this.ID=0;
	this.caption='';
	this.keyword='';
	this.descript='';
	this.pic='';
	this.wmv='';
	this.file='';
	this.orient='v';
	this.getHTML=descript_getHTML;
}
function descript_getHTML(){
	var blnCondition=sMode==''||(intChapter!=0||intDescript!=0||intTopic!=0);
	var thisOrientHead='';
	var thisOrientTail='';
	var sTemp='';
	var sWhich='';
	var arrQ=new Array("µ¿¿µ»ó/movieTab","±×¸²/pictureTab","½ÜÇÃÈ­ÀÏ´Ù¿î/fileTab")
	thisOrientHead=(this.orient=="h")?' colspan="2" ':'';
	thisOrientTail=(thisOrientHead.length>0)?'</tr><tr>':'';
	sTemp='<tr><td  width="44%" valign="top" align="center"  '+thisOrientHead+' id="picBox"><div id="newsbox">';
	
	if(blnCondition){
	var strAtt
	var strEve=' onmouseover="overthis(this)" onmouseout="outthis(this)" onclick="shiftPage(this)" class="assignedTab" '
	for(var x=0;x<3;x++){
		switch(x){
			case 0:
				strAtt=(this.wmv!='')?strEve.replace('assignedTab','selectedTab'):' class="unassignedTab" ';
				break;
			case 1:
				if(this.wmv==''){
					if(this.pic!=''){
						strAtt=strEve.replace('assignedTab','selectedTab');
						sWhich='pic';}
					else
						strAtt=' class="unassignedTab" ';
					}
				else{
						strAtt=(this.pic!='')?strEve:' class="unassignedTab" ';	
					}
				break;
			case 2:
				strAtt=(this.file!='')?strEve:' class="unassignedTab" ';
				break;
			}
		sTemp+='<div id="'+arrQ[x].split('/')[1]+'"'+strAtt+'>'+arrQ[x].split('/')[0]+'</div>'

	}
	sTemp+="<br>"
		if(this.wmv!=''){
			sTemp+='<div id="movie" style="display:block">'
			sTemp+=((this.wmv=='')?'':ImgPathW+this.wmv)+'"><br><span id="media"><a href="http://www.microsoft.com/windows/windowsmedia/ko/player/download/download.aspx">window media player°¡ ºñÁ¤»ó??DownLoad!!</a></span></div>'}
		else{
			sTemp+='<div id="movie" style="display:none">&nbsp;</div>'
		}
		
		/*****if no movie,show picture first******/
		sTemp+=(sWhich!='pic')?'<div id="picture">':'<div id="picture" style="display:block">';
		if(this.pic!=''){
			sTemp+=ImgPath+this.pic.split('|')[0]+'"></div>';
			arrPic=this.pic.split('|');
			if(arrPic.length>1)
				sTemp+='<div id="picNaviBox"><div id="prev" onclick="movePic(this)">PREVIOUS</div><div id="status">1 OF '+arrPic.length+'</div><div id="next" onclick="movePic(this)">NEXT</div></div>'
			
			else
				sTemp+='<div id="picNaviBox"><div id="prevn" >PREVIOUS</div><div id="statusn">1 OF '+arrPic.length+'</div><div id="nextn" >NEXT</div></div>'
			}
		else{sTemp+='</div>'}
			
		
		sTemp+='<div id="file">';
		if(this.file!=''){
			sFile=this.file.split('|');
			sTemp+='<br>'
			for(var i=0;i<sFile.length;i++)
				sTemp+='<span class="fileDown"><a href="files/'+sFile[i]+'">'+sFile[i].substr(0,20).replace('.zip','')+'....zip'+'</a></span>';}
		sTemp+='</div>';
		
	}
	else{
		if(N.list[intKey-1].fun_Pic=='')
		sTemp+='            '
	else
		sTemp+=ImgPath+N.list[intKey-1].fun_Pic+'">';
		}////////////////°Ë»ö¸ðµåÀÇ Ã¹Â°ÆäÀÌÁö¿¡¼­ uno21.comÀÇ °ü·ÃÁ¤º¸¸¦ Àü´ÞÇÏ´Â ¸Þ½ÃÁö..
	sTemp+='</div></td>'
//	sTemp+='</div></td>';////#left Box fin#################################################################
	sTemp+=thisOrientTail//(thisOrientHead.length>0)?'</tr><tr>':'';
	sTemp+='<td width="56%" height="207" valign="top" style="padding-left: 5; padding-top: 5" '+thisOrientHead+' id="descriptBox">'
	if(blnCondition){
	sTemp+='<div id="captionCell"><span class="captionKo">'+this.caption.split("/")[0]+'</span><span class="captionEn">('+this.caption.split("/")[1]+')</span></div><br>'}
	else{
		sTemp+='<div id="captionCell">°Ë»ö¸ðµå..¾Æ·¡ÀÇ °Ë»ö°á°ú ÅäÇÈÀ» Å©¸¯!!</div><br>'}

	if(sMode!=''){sTemp+=N.list[intKey-1].getHTML()+'<hr>';}
	sTemp+=((intKey!=0&&(intChapter!=0||intDescript!=0||intTopic!=0))||intKey==0)?this.descript:'';
	return sTemp;
}



/****
*################ CHAPTERLIST OBJ & Members#########################
****/
function chapterList()
{
	this.num=0;	
	this.list=new Array();
	this.newChapter=chapterList_newChapter;
	this.writeHTML=chapterList_writeHTML;
	
}


function chapterList_newChapter(strChapter)
{
	var Q=new chapter();
	this.list[this.num]=Q;
	Q.chapter=strChapter;
	Q.id=this.num;
	this.num++;
	return Q
}



function chapterList_writeHTML()//topicList_WriteHTML()
{
	strWhere=QueryString("where")
	intDescript=QueryString("descript")
	intTopic=QueryString("topic")
	intChapter=QueryString("chapter")
	intKey=QueryString("key")//////////new added
	
	if(intKey==null||intKey==''||intKey=='0'){///////////////////////new added
		intKey=0;/////////////////////new added
		sMode='';
		}
	else{
		if(isNaN(intKey)==true){intKey=intKey.split('+');sMode='searchWord';}
		else{intKey=parseInt(intKey);sMode='searchId'}//////////////////new added
//			intkey=parseInt(intKey);sMode='search';
		}
	if(intChapter==null||intChapter=='')
		intChapter=0;
	else
		intChapter=parseInt(intChapter)
	if(strWhere==null||strWhere=='')
		strWhere=""
	if(intDescript==null||intDescript=='')
		intDescript=0
	else
		intDescript=parseInt(intDescript)
	if(intTopic==null||intTopic=='')
		intTopic=0
	else
		intTopic=parseInt(intTopic)
	
	if(strWhere=="up"){
		if(intDescript>0)
			intDescript-=1
			}
	if(strWhere=="down"){
		if(intDescript<this.list[intChapter].topicList.list[intTopic].descriptList.list.length-1)
			intDescript+=1
			}
	thisTopicList=this.list[intChapter].topicList
	thisTopic=thisTopicList.list[intTopic];
	thisDescriptList=thisTopic.descriptList
	currentDesc=thisDescriptList.list[intDescript];
	var thisCaption=currentDesc.caption;

//make string of description list table-------------------------------------------------------
var strCap='';var strCapEn='';
var strListTable='';
var strKey='';
var strKeyEn=''
if(sMode==''){
	strListTable='<DIV id="topicListBox"><span id="topicListBoxCaption">&nbsp;'+thisTopic.topic.split('/')[0]+'&nbsp;°ü·Ã...&nbsp;</span><br><br><ul>'
	for(var i=0;i<thisDescriptList.list.length;i++){
	strCap=thisDescriptList.list[i].caption
	strCapEn=strCap.substr(strCap.indexOf("/")+1)
	strCap=strCap.substring(0,strCap.indexOf("/"))
	if(thisDescriptList.list[i].caption!=thisCaption){
		c=intChapter;k=intTopic;g=i;
		if(this.list[intChapter].chapter.indexOf('ÇÔ¼öº° Å½±¸')!=-1)
			strCap='<li><A class="desList" HREF="#" onclick="callByList('+c+','+k+','+g+');return false">'+strCap+'..<b>'+strCapEn+'</b></A>'
		else
			strCap='<li><A class="desList" HREF="#" onclick="callByList('+c+','+k+','+g+');return false">'+strCap+'</A>'//</li>'///<span style="font-family:comic sans ms">'+ strCapEn+'</span>¿µ¹®Àº »ý·«!!
		}
	else{
		if(this.list[intChapter].chapter.indexOf('ÇÔ¼öº° Å½±¸')!=-1)
		strCap='<li id="selected">'+strCap+'..<b>'+strCapEn+'</b>'//--<span style="font-family:comic sans ms">'+ strCapEn+'</span>¿µ¹®»ý·«!!
		else
		strCap='<li id="selected">'+strCap//--<span style="font-family:comic sans ms">'+ strCapEn+'</span>¿µ¹®»ý·«!!

	}
	strListTable+=strCap+'</li>'
	}
strListTable+='</ul></DIV>'
}
else{
/*****
*Seacrhing in Caption only,later considering in Descript worth
******/
	var strSearching='';
	strListTable='<DIV id="topicListContainer"><span class="listTitle">['+strKey+'] °Ë»ö°á°ú&nbsp;&nbsp;&nbsp;</span><br><br><ul class="topicChildList">'
	if(sMode=='searchWord'){
/***********************		give up because of decoding url problem,for the time being
			for(var i=0;i<this.list.length;i++){
			for(var j=0;j<this.list[i].topicList.list.length;j++){
			for(var v=0;v<this.list[i].topicList.list[j].descriptList.list.length;v++){
				document.write(unescape(intKey[0]))
				for(var x=0;x<intKey.length;x++){
					strSearching=intKey[x]
			if(this.list[i].topicList.list[j].descriptList.list[v].descript.indexOf(strSearching)!=-1){
			strCap=this.list[i].topicList.list[j].descriptList.list[v].caption
			strCapEn=strCap.substr(strCap.indexOf("/")+1)
			strCap=strCap.substring(0,strCap.indexOf("/"))
			strCap='<li><A class="desList" HREF="#" onclick="callByList('+i+','+j+','+v+');return false">'+strCap+'</A></li>';///--<span style="font-family:comic sans ms">'+ strCapEn+'</span>¿µ¹®Å¸ÀÌÆ²Àº »ý·«!!
//			strCap='<li><A class="desList" HREF="#" onclick="callByList('+i+','+j+','+v+');return false">'+strCap+'<span style="font-family:comic sans ms">'+ strCapEn+'</span></A></li>';
			strListTable+=strCap+'</li>'}	
		}
		}}}
	***********************/	
	}
else{
//strKey=N.list[intKey-1].fun_Name.substring(0,N.list[intKey-1].fun_Name.indexOf('('));
var KeyTemp=N.list[intKey-1].fun_Name//.substring(0,N.list[intKey-1].fun_Name)
//	if(KeyTemp.indexOf('(')!=-1){
	if(KeyTemp.indexOf('|')!=-1){
	strKey=KeyTemp.substring(0,KeyTemp.indexOf('|'));
strKeyEn=KeyTemp.substring(KeyTemp.indexOf("|")+1);}//³»¿ëÀÇ Å°¿öµå´Â ¿µ¹®À¸·Î¸¸ ÀÔ·ÂÇÏµµ·Ï ÇÏ°í..Å°¿öµå¸®½ºÆ®(ÇÑ±Û(¿µ¹®))´Â È¥¿ëÀ¸·Î ÀÔ·ÂÇÏµµ·Ï ÇÑ´Ù
else{
	strKeyEn=KeyTemp.substring(0,KeyTemp.indexOf('('));
}
	strKey=(strKey=='')?strKeyEn:strKey;
	strListTable='<DIV id="topicListContainer"><span class="listTitle">['+strKey+'] °Ë»ö°á°ú&nbsp;&nbsp;&nbsp;</span><br><br><ul class="topicChildList">'
	
	for(var i=0;i<this.list.length;i++){
	for(var j=0;j<this.list[i].topicList.list.length;j++){
	for(var v=0;v<this.list[i].topicList.list[j].descriptList.list.length;v++){
//		strSearching=this.list[i].topicList.list[j].descriptList.list[v].caption+' '+this.list[i].topicList.list[j].descriptList.list[v].keyword;
		strSearching=this.list[i].topicList.list[j].descriptList.list[v].caption+' '+this.list[i].topicList.list[j].descriptList.list[v].descript+' '+this.list[i].topicList.list[j].descriptList.list[v].keyword;
	
		if(strKey!=''&&strSearching.indexOf(strKey)!=-1||strSearching.indexOf(strKeyEn)!=-1){
			
			strCap=this.list[i].topicList.list[j].descriptList.list[v].caption
			strCapEn=strCap.substr(strCap.indexOf("/")+1)
			strCap=strCap.substring(0,strCap.indexOf("/"))
			strCap='<li><A class="desList" HREF="#" onclick="callByList('+i+','+j+','+v+');return false">'+strCap+'</A></li>';///--<span style="font-family:comic sans ms">'+ strCapEn+'</span>¿µ¹®Å¸ÀÌÆ²Àº »ý·«!!
		strListTable+=strCap+'</li>'}	
		
		}}}
}
strListTable+='</ul>'
}
//end make string of description list table-----------------------------------------
	thisTopic=(sMode=='')?thisTopic.topic:'°Ë»ö¸ðµå/['+strKey+']';
	var intChapterNum=0;intTopicNum=0;intCaptionNum=0;
//	var thisOrient=(thisOrient=="h")?' colspan="2" ':'';
	var Navi=''
	var upper=''
	Navi='<FORM NAME="Baby" METHOD="get" >'
	Navi+='<input type="hidden" value="'+intDescript+'" name="descript">'
	Navi+='<input type="hidden" value="'+intTopic+'" name="topic">'
	Navi+='<input type="hidden" value="" name="where">'
	Navi+='<input type="hidden" value="'+intChapter+'" name="chapter">'
	Navi+='<input type="hidden" value="'+intKey+'" name="key">'///////////////////////////new added
	if(sMode!='search')
//	Navi+='<BR><input type="submit" value="PREV" onclick="where.value=\'up\'"><input type="submit" value="NEXT" onclick="where.value=\'down\'">'
	Navi+='<BR><DIV class="divider"></DIV>'
/*******************************total listing*******************************/	
	Navi+='<BR><A HREF="#" onclick="showList(this);return false">ÀüÃ¼ ¸®½ºÆ®_º¸±â</A>'
	Navi+='<DIV id="topicListView" ><br><TABLE name="listTable" class="listTable">'
	for(var c=0;c<this.list.length;c++){
		intChapterNum++;
		Navi+='<TR><TD ><span class="chapterListKo">'+this.list[c].chapter.split("/")[0]+'</span><span class="chapterListEn">('+this.list[c].chapter.split("/")[1]+')</span></TD></TR>'

	for(var k=0;k<this.list[c].topicList.list.length;k++){
		intTopicNum++;
		var strX=this.list[c].topicList.list[k].topic
		var strHTML='<span class="topicListKo">'+strX.split("/")[0]+'</span><span class="topicListEn">('+strX.split("/")[1]+')</span>'
		if(thisTopic==strX){Navi+='<TR><TD style="padding-left:12px;background-color:blue;color:white">'+strHTML+'</TD></TR>'}
		else{Navi+='<TR><TD style="padding-left:12px;background-color:silver;color:black">'+strHTML+'</TD></TR>'}
	for(var g=0;g<this.list[c].topicList.list[k].descriptList.list.length;g++){
		intCaptionNum++;
		nowCaption=this.list[c].topicList.list[k].descriptList.list[g].caption
		if(nowCaption==thisCaption){Navi+='<TR><TD style="padding-left:24px;background-color:red;color:white"><small>'+nowCaption+'</small></td></tr>'}
		else{
		Navi+='<TR onmouseover="this.style.backgroundColor=\'gold\'" onmouseout="this.style.backgroundColor=\'white\'"><TD style="padding-left:24px" ><SMALL><A HREF="#" onclick="callByList('+c+','+k+','+g+');return false">'+nowCaption+'</A></SMALL></TD></TR>'}
	}}}

	Navi+='</TABLE></DIV></FORM>';
	Navi+='<div class="contentcount">'+intChapterNum+' Chapters '+intTopicNum+' Topics '+intCaptionNum+' Captions</div>'
/**************************end total list**************/
	with(document)
	{
	if(sMode==''){
		var strChapter=this.list[intChapter].chapter.split("/")
		upper+=sHead+'<span class="chapterKo">'+strChapter[0]+'</span><span class="chapterEn">('+strChapter[1]+')</span></td><td id="chapterComboCell" align="right">';}
	else{
		upper+=sHead+'<span class="chapterKo">'+thisTopic+'</span></td><td id="chapterComboCell" align="right">';}
	upper+=	'<select id="chapterCombo" name="categorylist" onchange="Baby.key.value=0;Baby.chapter.value=this.options[selectedIndex].value;Baby.descript.value=0;Baby.topic.value=0;Baby.submit()">';
	upper+='<option>Select Chapter!'	
	for(var j=0;j<this.list.length;j++)
	upper+='<option value='+j+'>'+this.list[j].chapter;
	upper+='</td></tr>';
	if(sMode==''){
		var strTopic=thisTopic.split("/")
		upper+='<tr><td height="16" id="topicCell"><span class="topicKo">'+strTopic[0]+'</span><span class="topicEn">('+strTopic[1]+')</span></td>';}
	else{
		upper+='<tr><td height="16" id="topicCell"><span class="topicKo">'+thisTopic+'</span></td>';}
	upper+='<td id="topicComboCell" align="right">';
	//upper+=searchBoxOpen;
///////////////////////////////////////////////////////new added key word combo	
	upper+=	'<select id="keyCombo" name="keycombo" onchange="Baby.chapter.value=0;Baby.topic.value=0;Baby.descript.value=0;Baby.key.value=parseInt(this.options[selectedIndex].value)+1;Baby.submit()">';
	upper+='<option>Å°¿öµå·Î Ã£±â';
	for(var i=0;i<N.list.length;i++){
		if(N.list[i].fun_Name.indexOf('|')!=-1)
			upper+='<option value='+i+'>'+N.list[i].fun_Name.substring(0,N.list[i].fun_Name.indexOf('|'));
		else
			upper+='<option value='+i+'>'+N.list[i].fun_Name.substring(0,N.list[i].fun_Name.indexOf('('));
			}
	upper+='</select>';
////////////////////////////////////////////////////////new added key word combo
	upper+=	'<select id="topicCombo" name="topicList" onchange="Baby.topic.value=this.options[selectedIndex].value;Baby.key.value=0;Baby.descript.value=0;Baby.submit()">';
	upper+='<option>¸ñÂ÷°í¸£±â';
	for(var i=0;i<this.list[intChapter].topicList.list.length;i++)
		upper+='<option value='+i+'>'+this.list[intChapter].topicList.list[i].topic.split("/")[0];//¿µ¹®»ý·«!!
	upper+='</td></tr>';
	upper+=searchBox;
	
/*
#######Picture Cell& Descript Cell#####
*/
	upper+=currentDesc.getHTML();
	upper+=strListTable+'</td></tr>';
	upper+='<tr><td width="100%" height="29" valign="top" colspan="2" align="center" class="navi">';
	upper+=Navi+'</td></tr></table></DIV><DIV id="companyTitle"><A href="http://uno21.com">UNO21.COM</A></DIV>';
	upper+=note+'</body>';
	write(upper);
	
/******************if no movie pic's navi box should be shown as follor********/
	if(currentDesc.wmv==''&&currentDesc.pic!='')document.getElementById('picNaviBox').style.display='block'
/******************if no move pic's navi box should be shown as above**********/	
	}
}

function chapter()
{
	this.id=0;
	this.chapter=""
	this.topicList=new topicList();
}

function fillNoDuplicate(x,strX)
{
    for(var z=0;z<x.length;z++){
       if(x[z]==strX)
          return x
         }
          x[x.length]=strX
          return x
}
var objChapter=new chapterList();
var clientOldColor='';
//##########################work on client##############
function overthis(objX){
	clientOldColor=objX.style.backgroundColor
	objX.style.backgroundColor='gold'
}
function outthis(objX){
	objX.style.backgroundColor=clientOldColor;
}
function shiftPage(objX){//shifing view in pic box
var bNotMeOnly=0;
with(document){
var pic=getElementById('picture')
var movie=getElementById('movie')
var file=getElementById('file')
var navi=getElementById('picNaviBox')
var picTab=getElementById('pictureTab')
var movieTab=getElementById('movieTab')
var fileTab=getElementById('fileTab')
}
var g=[picTab,movieTab,fileTab];

for(var x=0;x<g.length;x++){
	if(g[x].className=='assignedTab'||g[x].className=='selectedTab')
	bNotMeOnly+=1;
}
if(bNotMeOnly==1)return;

for(var x=0;x<g.length;x++)
	if(g[x].className=='assignedTab'||g[x].className=='selectedTab')
	g[x].className='assignedTab';

	switch(objX.innerHTML){
		case '±×¸²':
			pic.style.display='block';
			movie.style.display='none';
			file.style.display='none';
			if(navi!=null)
			navi.style.display='block';
			break;
		case 'µ¿¿µ»ó':
			pic.style.display='none';
			movie.style.display='block';
			file.style.display='none';
			if(navi!=null)
			navi.style.display='none';
			
			break;
		case '½ÜÇÃÈ­ÀÏ´Ù¿î':
			
			pic.style.display='none';

			movie.style.display='none';
			file.style.display='block';
			
			if(navi!=null)
			navi.style.display='none';
			
			break;
				
	}
	objX.className='selectedTab';
}
function movePic(objX){//moving on picutres
var container=document.getElementById('picture')
var status=document.getElementById('status')
var strNum=status.innerHTML;
num=strNum.substr(0,strNum.indexOf(' '))-1
	if(objX.id=='prev'){
		num--;
		if(num<0)num=0}
	else{
		num++;
		if(num>arrPic.length-1)num=arrPic.length-1}			
	container.firstChild.src='images/'+arrPic[num]
	status.innerHTML=num+1+' OF '+arrPic.length
}	
function hideShowBox(){
	var txt=document.getElementById('txtSearch');
	var box=document.getElementById('insertSearchWord');
	var newsbox=document.getElementById('newsbox');
	if(box.style.display=='none'){
			box.style.display='block';
		txt.focus();
		picBoxTemp=newsbox.innerHTML;
		//newsbox.innerHTML='<iframe id="myiframe" src="http://uno21.com/admin/unosolution/function/memo.asp" >'
		newsbox.innerHTML=strHelp;
		}
	else{
		box.style.display='none';
	newsbox.innerHTML=picBoxTemp;picBoxTemp='';}
}
function searchGo(){
	var txt=document.getElementById('txtSearch');
	if(txt.value.length==0||txt.value==' '||txt.value=='  '){
		alert('±Û ÀÔ·ÂÈÄ!!');txt.focus();return;}
		window.open("http://uno21.com/admin/unosolution/function/memomail.asp?data="+txt.value,"xx","width=300,height=100").focus();
//	}
//		var myframe=document.getElementById('myiframe')
//		myframe.src='http://uno21.com/admin/unosolution/function/memo.asp?data='+txt.value;	
}
function checkChaNum(){
	var myspan=document.getElementById('checkCha');
	var my=event.srcElement;
	var num=600;
	if(num-my.value.length>0)
	myspan.innerHTML=num-my.value.length + " ¹®ÀÚ°¡ ³²¾Ò½À´Ï´Ù!(600¹®ÀÚ)"
else{
	myspan.innerHTML=num + " ¹®ÀÚ°¡ ¸ðµÎ Ã¤¿öÁ³½À´Ï´Ù(600¹®ÀÚ)";
	my.value=my.value.substr(0,num);
}
}
	
