<!--
//'---------------------------------------------------------------------------------------------------
//'**
//'**	Filename    : emoticonUtil.js
//'**	Comment     : 이모티콘 제어 함수
//'**	History     : 2006/03/14. By 오세현
//'**
//'**	@Version : 20060314001
//'**	@Author : Copyright(c) 2006. CJ MUSIC Dev Team. All Rights Reserved
//'**
//'---------------------------------------------------------------------------------------------------


//'**	전역변수 선언
var EmoticonBaseImagePath = "http://img.mnet.com/minicon/";		// 이모티콘 이미지 경로
var EmoticonSubPath01 = "ico_01/";
var EmoticonSubPath02 = "ico_02/";
var EmoticonSubPath03 = "ico_03/";
var EmoticonSexType = "1";
var EmoticonForm;			// 폼 Object
var EmoticonShowPic;		// 선택된 이미지 Object
var EmoticonIconUrl;		// 이모티콘의 이미지 번호 저장하는 Object



//'**	[함수 개요]
//'**		덧글 초기화 함수
//'**	[파라미터]
//'**		bLogin : 로그인 여부
//'**		objContents : 덧글 입력상자 Obj
//'**		tailFrameName : parent의 덧글 프레임 명
//'**		objForm : Form Object
//'**		namePic : 선택된 이모티콘 보여주는 이미지 Name
//'**		nameIconUrl : 선택된 이모티콘의 Url 값 Object
//'**		sexTyp : 성별구분 1: 남자, 2: 여자
//'**		defIconUrl : default IconUrl
//'**	[리턴 값]
//'**		없음
function GF_TailInit(bLogin, objContents, tailFrameName, objForm, namePic, nameIconUrl, sexTyp, defIconUrl, bgUrl)
{
	var defBgUrl = "http://img.mnet.com/common/reply_bg_v1.gif";
	if (tailFrameName != "") {
		GF_ResizeTailFrame(tailFrameName);
	}
	
	if (bgUrl.length > 0) {
		defBgUrl = bgUrl;
	}
	
	if (bLogin == "0") {
	//	if (!bLogin) {
			objContents.disabled = true;
			objContents.style.background = "url("+defBgUrl+")";
	//	}
	}
	
	EmoticonForm = objForm;
	EmoticonShowPic = EmoticonForm.all(namePic);
	EmoticonIconUrl = EmoticonForm.all(nameIconUrl);
	if (sexTyp == "2") {
		EmoticonSexType = sexTyp;
	}

	var iconUrl = defIconUrl;
	if (defIconUrl == "" || defIconUrl == undefined) {
		iconUrl = EmoticonSexType * 1000 + 1;
	}

	GF_SetEmoticon(iconUrl);
	GF_ChangeTab(EmoticonSexType);
}

//'**	[함수 개요]
//'**		덧글 초기화 함수
//'**	[파라미터]
//'**		bLogin : 로그인 여부
//'**		objContents : 덧글 입력상자 Obj
//'**		tailFrameName : parent의 덧글 프레임 명
//'**		objForm : Form Object
//'**		namePic : 선택된 이모티콘 보여주는 이미지 Name
//'**		nameIconUrl : 선택된 이모티콘의 Url 값 Object
//'**		sexTyp : 성별구분 1: 남자, 2: 여자
//'**		defIconUrl : default IconUrl
//'**	[리턴 값]
//'**		없음
function GF_TailInitRealName(bLogin, objContents, tailFrameName, objForm, namePic, nameIconUrl, sexTyp, defIconUrl, bgUrl)
{
	var defBgUrl = "";

	if (tailFrameName != "") {
		GF_ResizeTailFrame(tailFrameName);
	}
	
	defBgUrl = "http://img.mnet.com/common/reply_bg_v1.gif";
	objContents.disabled = true;
	//objContents.style.background = "url("+defBgUrl+")";
	
	EmoticonForm = objForm;
	EmoticonShowPic = EmoticonForm.all(namePic);
	EmoticonIconUrl = EmoticonForm.all(nameIconUrl);

	var iconUrl = defIconUrl;
	if (defIconUrl == "" || defIconUrl == undefined) {
		iconUrl = EmoticonSexType * 1000 + 1;
	}

	GF_SetEmoticon(iconUrl);
	GF_ChangeTab(EmoticonSexType);
}

//'**	[함수 개요]
//'**		이모티콘의 아이콘 변경 함수
//'**	[파라미터]
//'**		iconUrl : 이모티콘 Url
//'**	[리턴 값]
//'**		없음
function GF_SetEmoticon(iconUrl)
{
	EmoticonShowPic.src = GF_GetEmotPathFromUrl(iconUrl);
	EmoticonIconUrl.value = iconUrl;
	
	var obj = document.all["emoticon"];
	obj.style.visibility="hidden";
}

//** 이모티콘 URL을 이미지 경로로 변환
function GF_GetEmotPathFromUrl(iconUrl)
{
	var emotTyp = parseInt(iconUrl / 1000);
	var imgNo = iconUrl % 1000;
	var imgPath = EmoticonBaseImagePath;

	if (emotTyp == "1") {
		imgPath += EmoticonSubPath01;
	} else if (emotTyp == "2") {
		imgPath += EmoticonSubPath02;
	} else if (emotTyp == "3") {
		imgPath += EmoticonSubPath03;
	}

	if (imgNo < 10) {
		imgNo = "0" + imgNo;
	}

	return imgPath += (imgNo + ".gif");
}

//'**	[함수 개요]
//'**		이모티콘의 아이콘 변경 함수
//'**	[파라미터]
//'**		form : 이모티콘 콘트롤의 form Object
//'**		namePic : 이모티콘 이미지의 이름
//'**		nameHid : 이모티콘 Url(이미지번호) 전송 Hidden Object 이름
//'**	[리턴 값]
//'**		없음
function GF_ResizeTailFrame(name)
{
	if (parent.document.all(name)) {
		var frmSelf  = parent.document.all(name);
		var frmBody  = document.body;
		var frmBodyHeight = frmBody.scrollHeight;

		if (frmBodyHeight <= 0){
			frmSelf.style.height = frmBody.scrollHeight;
		}else{
            frmSelf.style.height = frmBodyHeight;
        }
	}
}

//'**	[함수 개요]
//'**		덧글 프레임 접거나 여는 함수
//'**	[파라미터]
//'**		tailLstName - 덧글 레이어의 이름
//'**		tailFraName - 덧글 프레임의 이름
//'**		url - 덧글을 보여주는 페이지의  URL
//'**	[리턴 값]
//'**		없음
 function GF_OpenTail(tailLstName, tailFraName, url)
 {
	var objTailLst = document.all[tailLstName];
	var objFrame = document.all[tailFraName];

	if (objTailLst.style.height == "1px"){
		objTailLst.style.height = "0px";
		if (objFrame.src=="about:blank") {
			document.frames[tailFraName].location.href = url;
		}
	} else {
		objTailLst.style.height = "1px";
	}
 }
 
  function GF_OpenTail_v2(tailLstName, tailFraName, url)
 {
	var objTailLst = document.all[tailLstName];
	var objFrame = document.all[tailFraName];

	if (objTailLst.style.height == "1px"){
		objTailLst.style.height = "0px";
		if (objFrame.src=="about:blank") {
			document.frames[tailFraName].location.href = url;
			var ObjLayer = document.getElementById(tailLstName).style;
			ObjLayer.display= "block";
		}
	} else {
		var ObjLayer = document.getElementById(tailLstName).style;
		ObjLayer.display= "none";		
		objTailLst.style.height = "1px";
	}
 }

//'**	[함수 개요]
//'**		로그인 체크 함수, 로그인이 안되어 있을경우 공통으로 처리하기 위해서.
//'**	[파라미터]
//'**		없음
//'**	[리턴 값]
//'**		없음
function ChkLogin(bLogin, retUrl)
{
	if (!bLogin)
	{
		alert('로그인 이후 이용하실 수 있습니다.')
		return false;
/*
		if (confirm("로그인 이후 이용하실 수 있습니다.")) {
			document.domain = "mnet.com";
			GF_OpenLoginWnd(4, retUrl);
			return false;
		} else {
			return false;
		}
*/
	}

	return true;
}


//'**	[함수 개요]
//'**		로그인 팝업 함수
//'**	[파라미터]
//'**		없음
//'**	[리턴 값]
//'**		없음
function GF_OpenLoginWnd(opt, retUrl) {
	var width = 264;
	var height = 171;

	if (retUrl == undefined) retUrl = "";
	var url = "http://member.mnet.com/Login/LoginPopup.asp?return_url=" + retUrl + "&optType=" + opt;

	if (width < window.screen.width && height < window.screen.height) {
		var windowX = Math.ceil( (window.screen.width  - width) / 2 );
		var windowY = Math.ceil( (window.screen.height - height) / 2 );
		window.open(url, "LoginWnd", "width="+width+",height="+height+",left="+windowX+",top="+windowY+",resizable=no");
	} else {
		window.open(url, "LoginWnd", "width="+width+",height="+height+",resizable=no");
	}
}

//'**	[함수 개요]
//'**		이모티콘 Layer를 보여주는 함수
//'**	[파라미터]
//'**		없음
//'**	[리턴 값]
//'**		없음
function GF_ShowEmotLayer()
{
	var obj = document.all["emoticon"];
	if(obj.style) {
		obj=obj.style; 
		var v=obj.visibility;
		v=(v=='visible')?'hidden':(v=='hidden')?'visible':v;
		obj.visibility=v;
	}
}

//'**	[함수 개요]
//'**		이모티콘 Layer를 보여주는 함수
//'**	[파라미터]
//'**		frmName - Form 의 이름
//'**		picName - 이모티콘 이미지 Obj의 이름
//'**		hidName - 이모티콘 이미지 번호 hidden 컨트롤의 이름
//'**	[리턴 값]
//'**		없음
function GF_WrtEmotLayer()
{
	var imgPath = EmoticonBaseImagePath;
	if (EmoticonSexType == "1") {
		imgPath += EmoticonSubPath01;
	} else if (EmoticonSexType == "2") {
		imgPath += EmoticonSubPath02;
	}
	document.writeln("<div id=emoticon style='background-color:white; position:absolute; z-index:1; width:388; height:50px; visibility: hidden; padding-top:0px; padding-right:0; padding-bottom:0px; padding-left:0px; border-width:0px; border-color:white; border-style:solid;'>");
	document.writeln("<table border='0' cellspacing='0' cellpadding='0' bgcolor='#FDF0F4' width='388'>");
	document.writeln("<tr>");
	document.writeln("	<td width='387' valign='top' align='left'>");
	document.writeln("		<table border='0' cellspacing='0' cellpadding='0'>");
	document.writeln("			<tr>");
	document.writeln("				<td valign='top' align='left' bgcolor='#FFFFFF'>");
	document.writeln("					<table border='0' cellspacing='0' cellpadding='0'>");
	document.writeln("						<tr>");
	document.writeln("							<td valign='top' align='left'><img id='Tab01' src='http://img.mnet.com/minicon/bg/event01_tab01a.gif' OnClick='GF_OnClick_Tab01()'></td>");
	document.writeln("							<td rowspan='3' valign='top' align='left' style='padding:4 0 4 3;' background='http://img.mnet.com/minicon/bg/event01_bg03.gif'>");
	document.writeln("								<table border='0' cellspacing='1' cellpadding='0' bgcolor='#FFDCE7' width='313'>");

	var emotNo = 1;
	for(i=0; i<2; i++) {
		document.writeln("									<tr>");
		for(j=0; j<12; j++) {
			if (emotNo<10) {
				emotNo = "0"+emotNo;
			}
			document.writeln("										<td bgcolor='#FFFFFF' width='25' height='25' align='center'><img id='minicon"+emotNo+"' style='cursor:hand' src='"+imgPath+emotNo+".gif' OnClick='GF_OnClick_Emoticon(\"minicon"+emotNo+"\", "+emotNo+")' OnError='GF_NoImage(\"minicon"+emotNo+"\")'></td>");
			emotNo++;
		}
		document.writeln("									</tr>");
	}
	document.writeln("								</table>");
	document.writeln("							</td>");
	document.writeln("							<td rowspan='3' valign='top' align='center' style='padding:4 3 0 3;' background='http://img.mnet.com/minicon/bg/event01_bg03.gif'>");
	document.writeln("								<table border='0' cellspacing='0' cellpadding='0' width='25'>");
	document.writeln("									<tr>");
	document.writeln("										<td valign='top' align='right' width='25' height='25'><img src='http://img.mnet.com/minicon/bg/event01_close.gif' style='cursor:hand;' OnClick='GF_ShowEmotLayer()'></td>");
	document.writeln("									</tr>");
	document.writeln("									<tr>");
	document.writeln("										<td height='1' bgcolor='#FFDCE7'></td>");
	document.writeln("									</tr>");
	document.writeln("									<tr>");
	document.writeln("										<td valign='bottom' align='center' height='23'><img id='BtnPre' src='http://img.mnet.com/minicon/bg/event01_pre.gif' style='visibility:hidden;cursor:hand;' OnClick='GF_OnClick_BtnPre()'><img id='BtnNext' src='http://img.mnet.com/minicon/bg/event01_next.gif' style='cursor:hand;' Onclick='GF_OnClick_BtnNext()'></td>");
	document.writeln("									</tr>");
	document.writeln("								</table>");
	document.writeln("							</td>");
	document.writeln("							<td width='1' bgcolor='#EEC2CF' rowspan='3'></td>");
	document.writeln("						</tr>");
	document.writeln("						<tr>");
	document.writeln("							<td valign='top' align='left'><img id='Tab02' src='http://img.mnet.com/minicon/bg/event01_tab02b.gif' style='cursor:hand;' OnClick='GF_OnClick_Tab02()'></td>");
	document.writeln("						</tr>");
	document.writeln("						<tr>");
	document.writeln("							<td valign='top' align='left'><img src='http://img.mnet.com/minicon/bg/event01_tab03.gif'></td>");
	document.writeln("						</tr>");
	document.writeln("					</table>");
	document.writeln("				</td>");
	document.writeln("			</tr>");															
	document.writeln("		</table>");
	document.writeln("	</td>");
	document.writeln("	<td width='1'></td>");
	document.writeln("</tr>");
	document.writeln("</table>");
	document.writeln("</div>");
	document.writeln("<div id='EmotPageNo' value='1'></div>");
	document.writeln("<div id='EmotType' value='"+EmoticonSexType+"'></div>");
}

 //** 감정 탭버튼 클릭 이벤트 함수
 function GF_OnClick_Tab01()
 {
	var imgPath = "http://img.mnet.com/minicon/";
	var objTab01 = document.all["Tab01"];
	var objTab02 = document.all["Tab02"];
	if (objTab01.style.cursor == "")	{
		return;
	}

	objTab01.src = imgPath + "bg/event01_tab01a.gif";
	objTab02.src = imgPath + "bg/event01_tab02b.gif";
	objTab01.style.cursor = "";
	objTab02.style.cursor = "hand";

	GF_ChangeTab(EmoticonSexType);
 }

 //** 사물 탭버튼 클릭 이벤트 함수
 function GF_OnClick_Tab02()
 {
	var imgPath = "http://img.mnet.com/minicon/";
	var objTab01 = document.all["Tab01"];
	var objTab02 = document.all["Tab02"];
	if (objTab02.style.cursor == "")	{
		return;
	}
	
	objTab01.src = imgPath + "bg/event01_tab01b.gif";
	objTab02.src = imgPath + "bg/event01_tab02a.gif";
	objTab01.style.cursor = "hand";
	objTab02.style.cursor = "";

	GF_ChangeTab(3);
 }

 //** 감정, 사물 탭변경 함수
 function GF_ChangeTab(emotTyp) {

	GF_ShowBtn("BtnPre", "hide");
	GF_ShowBtn("BtnNext", "show");
	GF_SetPage("1");
	GF_SetEmotType(emotTyp);

	GF_ChangeEmoticonPage(1, emotTyp);

 }
 
 //** 이모티콘들의 이미지 변경하는 함수
 function GF_ChangeEmoticonPage(pageNo, emotTyp)
 {
	var imgPath = EmoticonBaseImagePath;
	if (emotTyp == "1")	{
		imgPath += EmoticonSubPath01;
	} else if (emotTyp == "2") {
		imgPath += EmoticonSubPath02;
	} else if (emotTyp == "3") {
		imgPath += EmoticonSubPath03;
	}

	var emotNo = 1;
	for(i=0; i<2; i++) {
		for(j=0; j<12; j++) {
			var imgNo = emotNo;
			if (emotNo<10) {
				emotNo = "0"+emotNo;
			}
			var objImg = document.all["minicon"+emotNo];
			objImg.style.visibility = "";
			objImg.style.cursor = "hand";
			imgNo = ((pageNo-1)*24)+imgNo;
			if (imgNo<10) {
				imgNo = "0"+imgNo;
			}
			objImg.src = imgPath + imgNo + ".gif";
			emotNo++;
		}
	}
 }

 //** 이모티콘 클릭했을때 이벤트 함수
 function GF_OnClick_Emoticon(objName, emotNo)
 {
	var objImg = document.all[objName];
	if (objImg.style.cursor == "") {
		return;
	}

	var emotName = "minicon";
	var emotTyp = GF_GetEmotType();
	var imgNo = ((GF_GetPage() - 1) * 24) + emotNo;
	var iconUrl = emotTyp * 1000 + imgNo;
	GF_SetEmoticon(iconUrl);
 }

 //** 이미지 파일이 없는경우 이미지 엑박처리 함수
 function GF_NoImage(objName)
 {
	var objImg = document.all[objName];
	objImg.src = EmoticonBaseImagePath + "/bg/blank.gif";
	objImg.style.cursor = "";
	GF_ShowBtn("BtnNext", "hide");
 }

 //** 버튼 숨기는 함수
 function GF_ShowBtn(btnName, opt)
 {
	var objImg = document.all[btnName];
	if (opt == "show") {
		objImg.style.visibility = "";
	} else if (opt == "hide") {
		objImg.style.visibility = "hidden";
	}
 }

 //** 다음 버튼 클릭 이벤트 함수
 function GF_OnClick_BtnNext()
 {
	var pageNo = GF_SetPage("+");
	var emotTyp = GF_GetEmotType();

	GF_ShowBtn("BtnPre", "show");
	GF_ShowBtn("BtnNext", "show");
	GF_ChangeEmoticonPage(pageNo, emotTyp);
 }

 //** 이전 버튼 클릭 이벤트 함수
 function GF_OnClick_BtnPre()
 {
	var pageNo = GF_SetPage("-");
	var emotTyp = GF_GetEmotType();
	if (pageNo == "1") {
		GF_ShowBtn("BtnPre", "hide");
	}
	GF_ShowBtn("BtnNext", "show");

	GF_ChangeEmoticonPage(pageNo, emotTyp);
 }

 //** 페이지 설정하는 함수
 function GF_SetPage(opt)
 {
	var obj = document.all["EmotPageNo"];
	if (opt == "1")	{
		obj.value = opt;
	} else if (opt == "+") {
		obj.value = parseInt(obj.value)+1;
	} else if (opt == "-") {
		obj.value = parseInt(obj.value)-1;
	}
	return obj.value;
 }

 //** 페지지 번호 구하는 함수
 function GF_GetPage()
 {
	var obj = document.all["EmotPageNo"];
	return obj.value;
 }
 
 //** 이모티콘 구분을 구하는 함수
 function GF_GetEmotType()
 {
	var obj = document.all["EmotType"];
	return obj.value;
 }

 //** 이모티콘 구분을 설정하는 함수
 function GF_SetEmotType(emotTyp)
 {
	var obj = document.all["EmotType"];
	obj.value = emotTyp;
 }