/**
 * ?????? ????????? ???????????? 
 */
var channelSeries = {
	loadXML : function(domid, url, param, func) // xml load
	{
		var aobj= new Ajax();
		aobj.openXML(domid,'POST', url, true);
		//aobj.setHeader("Content-type", "text/xml");
		aobj.setHeader('Content-Type', 'application/x-www-form-urlencoded;');
		aobj.setHeader("Accept-Language","ko");
		aobj.setStatusSuccessHandler(channelSeries.setXML);
		aobj.send(param);
	},
	setXML : function (obj, domid) // xml dom seting
	{
		function getData (obj, name, cnt)
		{
			try {
				return obj.getElementsByTagName(name).item(cnt).firstChild.data;
			}catch(e){
				return "";
			}
		}
		var list_cnt= obj.getElementsByTagName("SERIES_CLIP").length;
		var list = new Array();
		for ( var i=0; i<list_cnt ; i++)
		{
			list[i] = {
				TITLE : getData(obj, "TITLE", i),
				SUBTITLE : getData(obj, "SUBTITLE", i),				
				CLIPID : getData(obj, "CLIPID", i),
				SERIESCNT : getData(obj, "SERIESCNT", i),
				SERIESNO : getData(obj, "SERIESNO", i)
			}
		}
		channelSeries.showList(list, domid);
	},
	showList : function (list, domid) // xml dom pasing
	{
		var tag= new Array();
		var template= new Array();
		tag[0]= "";
		template[0] = '<li>';
		template[1] = '<a href="/knowhow/clip/ClipView.do?clipid=$CLIPID">';
		template[2] = '<b>[$TITLE-$SERIESNO]</b> $SUBTITLE</a>';
		template[3] = '</li>';

		var lu_param = "";

		try {
			lu_param = document.getElementById(domid).className;
		}catch(e){}

		for ( var i=0; i<list.length ; i++)
		{
			tag[i] = template.join("").replace("$TITLE", list[i].TITLE);
			tag[i] = tag[i].replace("$CLIPID", list[i].CLIPID);
			tag[i] = tag[i].replace("$SUBTITLE", list[i].SUBTITLE);
			tag[i] = tag[i].replace("$SERIESCNT", list[i].SERIESCNT);
			//tag[i] = tag[i].replaceAll("$SERIESNO", list[i].SERIESNO);
			tag[i] = tag[i].replaceAll("$SERIESNO", (i+1));
		}
		
		var temp = "<ul>" + tag.join("") + "</ul>";
		if (temp!="")
		{
			try {
				document.getElementById(domid).innerHTML= temp;
			}catch(e){}
		}else{
			document.getElementById(domid).innerHTML = "???????????? ????????????.";
		}



	}		
}
// ????????? ?????? 
function viewSeries(id, domid, tg, gosulist)
{	
	var areaid= document.getElementById("area_" + domid);
	if ( areaid.style.display!= "block" )
	{	
		tg.className ="li_ico";
		areaid.style.display= "block";
		channelSeries.loadXML(
			domid,
			"/knowhow/channel/SeriesXML.do",
			"seriesid=" + id
		);

		if (gosulist!=undefined)
		{		
			for (var j=1; j<=4; j++)
			{
				try{
					document.getElementById(gosulist + j).className ="li_ico";
				}catch(e){
				}				
			}
			
		}
	}else{
		tg.className ="li_ico2";
		areaid.style.display= "none";
		if (gosulist!=undefined)
		{
			for (var j=1; j<=4; j++)
			{
				try{
					document.getElementById(gosulist + j).className ="li_ico2";
				}catch(e){}
				
			}
			
		}		
	}
	
	
	
	
}

/**
 * ?????? ???  ???????????? 
 */
var topImgFlag = 
{
	view : function (lnk, img, tg, title)
	{
		
		document.getElementById("top_img_show").src= img;
		document.getElementById("top_img_show").title = title;
		document.getElementById("top_img_area").onclick= function () {
			location.href= lnk;			
		}
		for (var i =1; i<=5; i++ )
		{
			try {
				document.getElementById("top_img_list_"+ i).className = "";
			}catch(e){}
			
		}		
		if (tg != undefined)
		{
			document.getElementById("top_img_list_"+ tg).className = "lb";
			
		}
	}
}

String.prototype.trim = function(){
	return this.replace(/(^\s*)|(\s*$)/gi, "");
}
String.prototype.replaceAll = function(str1, str2) {
	var temp_str = "";
	if (this.trim() != "" && str1 != str2) {
		temp_str = this.trim();
		while (temp_str.indexOf(str1) > -1){
			temp_str = temp_str.replace(str1, str2);
		}
	}
	return temp_str;
}