//팝업 DIV
function ShowBack(){
	var back = document.getElementById("div_background");
	var back2 = document.getElementById("frm_background");
	back.style.left = 0;
	back.style.top = 0;
	
	if(document.body.scrollWidth >= document.body.clientWidth)
		back.style.width = document.body.scrollWidth;
	else
		back.style.width = '100%';
	if(document.body.scrollHeight >= document.body.clientHeight)
		back.style.height = document.body.scrollHeight;
	else
		back.style.height = '100%';

	back2.style.left = 0;
	back2.style.top = 0;
	if(document.body.scrollWidth > document.body.clientWidth)
		back2.style.width = document.body.scrollWidth;
	else
		back2.style.width = '100%';
	if(document.body.scrollHeight > document.body.clientHeight)
		back2.style.height = document.body.scrollHeight;
	else
		back2.style.height = '100%';

	//back.style.filter = "alpha(opacity=50)";
	//back2.style.filter = "alpha(opacity=0)";
	back.innerHTML = "<table width='100%' height='100%'><tr><td></td></tr></table>";
	back.style.display = "";
	back2.style.display = "";
}
function HideBack(){
	document.getElementById("div_background").style.display = "none";
	document.getElementById("frm_background").style.display = "none";
}
function ShowLayer(obj){
	ShowBack();
	obj.style.display = "block";

	var back = document.getElementById("div_background");
	var back2 = document.getElementById("frm_background");

	if (getBrowser()=="IE") {
		x = ((document.body.clientWidth - obj.offsetWidth) / 2);// + document.documentElement.scrollLeft;
		//y = ((document.body.clientHeight - obj.offsetHeight) / 2);//  +document.documentElement.scrollTop;
		y = 170;
		obj.style.left = x;
		obj.style.top = y;
	}
	else {
		obj.style.left = (document.body.scrollWidth/2-(400/2)+10)+"px";
		//obj.style.top = (document.body.scrollHeight/2-(158/2)+30)+"px";
		obj.style.top = 200;
	}

}
function HideLayer(obj){
	HideBack();
	obj.style.display = "none";
}

//해당 속성과 속성의 값으로 엘리먼트 배열 리턴
function getElementsByAttributeValue(rootElement, attributeName, value) {
	var elements = new Array();
	var allElements = new Array();

	getAllTags(rootElement);

	for (var i=0; i<allElements.length; i++)
	{
		try {
			if (allElements[i].getAttribute(attributeName) == value)
			{
				elements.push(allElements[i]);
			}
		} catch(e) {}
	}

	return elements;

	function getAllTags(element)
	{
		while(element) {
			if (element.firstChild)
			{
				getAllTags(element.firstChild);
			}
			allElements.push(element);
			element = element.nextSibling;
		}
	}
}

//문자열의 바이트수
function strLength(vn_str) {
	var vn_sumlength=0;
	for(var i= 0;i < vn_str.length; i++) {
		var vn_length = 0;
		if( escape(vn_str.charAt(i)).length > 3 ) { vn_length = 2; }
		else if (vn_str.charAt(i) == '<' || vn_str.charAt(i) == '>') { vn_length = 4; }
		else { vn_length = 1 ; }
		vn_sumlength += vn_length;
	}
	return vn_sumlength;
}

//선택된 객체 바로 다음에 객체 삽입
function insertAfter(newElement, targetElement)
{
	var parent = targetElement.parentNode;
	if (parent.lastChild == targetElement) {
		parent.appendChild(newElement);
	}
	else {
		parent.insertBefore(newElement, targetElement.nextSibling);
	}
	return newElement;
}

//선택된 개체 삭제
function removeNode(element)
{
	var parent = element.parentNode;
	parent.removeChild(element);
}

//브라우져
function getBrowser() 
{
    var tempdocument = window.document;

    if (tempdocument.all && tempdocument.getelementbyid) // 인터넷 익스플로러 5.x
    { 
        return "IE";
    }
    else if (tempdocument.all && !tempdocument.getelementbyid) // 인터넷 익스플로러 4.x
    { 
        return "IE";
    }
    else if (tempdocument.getelementbyid && !tempdocument.all) // 넷스케이프 6
    { 
        return "NS";
    }
    else if (tempdocument.layers) // 넷스케이프 4.x
    {     
        return "NS";
    }
}

//앞뒤 공백 제거
function trim(str)
{
	str = str.replace(/^\s*/,'').replace(/\s*$/,'');
	return str;
}

//페이징 함수
function ajax_navi(layer, select, table, page, size, func, where) {
	var url = "/inc/ajax_navi.inc";
	var myAjax = new Ajax.Updater(
		{success : layer},
		url,
		{
			method:'post',
			parameters : {
				"select": select,
				"table": table,
				"page": page,
				"size": size,
				"func": func,
				"where": where
			},
			evalScript : true,
			onComplete : function() {}
		}
	);
}

//객체 버튼화
function setBtnStyle(element, imgyn) {
	element.style.cursor = "pointer";
	if (!imgyn) {
		element.onmouseover = function() {
			this.style.textDecoration = "underline";
		}
		element.onmouseout = function() {
			this.style.textDecoration = "none";
		}
	}
}

//수직 슬라이드
function slideVerticalAction(from, to, element, flag, shadowyn, delyn) {
	//from:시작div크기, to:종료div크기, element:크기조절을 원하는 창, flag:(m:줄이기,p:늘이기),
	//shadowyn:바로위객체 그림자 유무(생략가능, flag=m), delyn:액션종료 후 객체 삭제 유무(생략가능, flag=m)
	var interval = 25;
	timeObj = setTimeout(function() {
		switch(flag) {
			case "m" :
				if (Element.getHeight(element) - interval < to) {
					element.style.height = to;
				}
				else {
					element.style.height = Element.getHeight(element) - interval;
				}
				var curVal = Element.getHeight(element);
				clearTimeout(timeObj);
				if (curVal <= to) {
					if (shadowyn) {
						element.previousSibling.style.display = "none";
					}
					if (delyn) {
						removeNode(element);
					}
					return;
				}
				else {
					slideVerticalAction(curVal, to, element, flag, shadowyn, delyn);
				}
				break;
			case "p" :
				if (Element.getHeight(element) + interval > to) {
					element.style.height = to;
				}
				else {
					element.style.height = Element.getHeight(element) + interval;
				}
				var curVal = Element.getHeight(element);
				clearTimeout(timeObj);
				if (curVal >= to) {
					try { //포커스 있는 슬라이드 인 경우 전부 열린 후 포커스 
						//쪽지 보내기 포커스 지정
						if (document.getElementById("slipReceiver").value) {
							if (document.getElementById("slipTitle").value) {
								document.getElementById("slipContent").focus();
							}
							else {
								document.getElementById("slipTitle").focus();
							}
						}
						else {
							document.getElementById("slipReceiver").select();
							document.getElementById("slipReceiver").focus();
						}
					} catch(e) {}
					return;
				}
				else {
					slideVerticalAction(curVal, to, element, flag, shadowyn, delyn);
				}
				break;
		}
	}, 1);
}

//쿠키 생성
function setCookie( cookieName, cookieValue, expireDate )
{
	var today = new Date();
	today.setDate( today.getDate() + parseInt( expireDate ) );
	document.cookie = cookieName + "=" +  cookieValue + "; path=/; expires=" + today.toGMTString() + ";"
}

//쿠키 가져옴
function getCookie (sCookieName)
{
    var sName=sCookieName+"=", ichSt, ichEnd;
    var sCookie=document.cookie;

    if ( sCookie.length && ( -1 != (ichSt = sCookie.indexOf(sName)) ) )
    {
        if (-1 == ( ichEnd = sCookie.indexOf(";",ichSt+sName.length) ) )
            ichEnd = sCookie.length;
        return unescape(sCookie.substring(ichSt+sName.length,ichEnd));
    }
    
    return null;
}

//경고창
function alertBox(message, element, margin, color) {
	//message = "! " + message;
	try { removeNode(document.getElementById("myAlertBox")); } catch(e) {}
	if (!color) color = "#B93C3C";
	var div = document.createElement("DIV");
	div.setAttribute("id", "myAlertBox");
	div.style.color = color;
	div.innerHTML = message;
	div.style.styleFloat = "left";
	div.style.margin = margin;
	div.style.fontWeight = "bold";
	insertAfter(div, element);

	//일정 시간(sec) 후 창 닫기
	var sec = 2;//초 단위
	var objTime = setTimeout(function() {
		removeNode(div);
		clearTimeout(objTime);
		return;
	}, sec*1000);
}

//sleep
function sleep(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime) return;
	}
}

//프로필 이미지 세팅
function setPhoto(ele, left, top, width, height, originFlag) { 
	var _bigSize = 160;
	var _smallSize = 52;

	//사진을 감싸줄 DIV 객체 생성 (틀)
	var div = document.createElement("DIV");
	ele.parentNode.insertBefore(div, ele);
	div.appendChild(ele);
	div.style.background = "#FFFFFF";
	div.style.textAlign = "center";
	ele.parentNode.style.overflow = "hidden";

	//160*160 사진
	if (originFlag) {
		//틀 크기 정의
		ele.parentNode.style.width = _bigSize + "px";
		ele.parentNode.style.height = _bigSize + "px";
		
		//사진의 목표 위치 정의
		ele.parentNode.scrollLeft = left;
		ele.parentNode.scrollTop = top;

		div.style.border = "5px solid white";

		//사진의 높이가 160 미만인 경우
		if (height < _bigSize) {
			ele.style.marginTop = (_bigSize - height) / 2;
		}
	}
	//52*52 사진
	else {
		//큰사진:작은사진 비율
		var scale = _smallSize / _bigSize;
		
		//틀 크기 정의
		ele.parentNode.style.width = _smallSize + "px";
		ele.parentNode.style.height = _smallSize + "px";
		
		//큰 이미지였을 경우와 일정한 비율로 scale만큼 축소
		ele.style.height = height * scale;
		ele.style.width = width * scale;
		
		//사진의 목표 위치 정의
		ele.parentNode.scrollLeft = (left * scale);
		ele.parentNode.scrollTop = (top * scale);
		
		//사진의 높이가 160 미만인 경우
		if (height < _bigSize) {
			ele.style.marginTop = ((_bigSize * scale) - (height * scale)) / 2;
		}
	}
}

//auto blur 'a' tag
function setBlurOnATag(rootElement) {
	var allElements = new Array();

	getAllTags(rootElement);

	for (var i=0; i<allElements.length; i++)
	{
		try {
			if (allElements[i].nodeName == "A")
			{
				allElements[i].onfocus = function() {
					this.blur();
				}
			}
		} catch(e) {}
	}

	function getAllTags(element)
	{
		while(element) {
			if (element.firstChild)
			{
				getAllTags(element.firstChild);
			}
			allElements.push(element);
			element = element.nextSibling;
		}
	}
}

//create pop layer
function createLayer(theEvent) {
	try {
		removeNode(document.getElementById("nameUI"));
		try {
			document.getElementById("box").onclick = function() {
				if (document.getElementById("popR")) {
					removeNode(document.getElementById("popR"));
				}
			}
		} catch(e) {
			document.body.onclick = function() {}
		}
	} catch(e) {
		try {
			document.getElementById("box").onclick = function() {
				if (document.getElementById("popR")) {
					removeNode(document.getElementById("popR"));
				}
			}
		} catch(e) {
			document.body.onclick = function() {}
		}
	}

	var mainDiv = document.createElement("DIV");

	mainDiv.setAttribute("id", "nameUI");
	mainDiv.style.zIndex = 9999;
	mainDiv.style.position = "absolute";
	if (getBrowser()=="IE") {
		mainDiv.style.top = theEvent.clientY + document.documentElement.scrollTop;
		mainDiv.style.left = theEvent.clientX + document.documentElement.scrollLeft;
	}
	else {
		mainDiv.style.top = (parseInt(theEvent.clientY) + parseInt(self.pageYOffset)) + "px";
		mainDiv.style.left = (parseInt(theEvent.clientX) + parseInt(self.pageXOffset)) + "px";
	}
	document.body.appendChild(mainDiv);

	return mainDiv;
}

//must call after created pop layer
function afterCreatedLayer(element) {
	//메뉴 외부 클릭시 창 닫기
	if (document.getElementById("box")) {
		document.getElementById("box").onclick = function() {
			if (document.getElementById("popR")) {
				removeNode(document.getElementById("popR"));
			}
			if (document.getElementById("nameUI")) {
				//곡리스트 팝업일 때, 곡 목록 하이라이트 reflash
				try {
					if (document.getElementById("nameUI").firstChild.getAttribute("type") == "songListMenu") {
						var songList = document.getElementById("songList").getElementsByTagName("TR");
						for (var i=0; i<songList.length; i++) {
							if (songList[i].getAttribute("type") == "line") continue;
							var td = songList[i].getElementsByTagName("td");
							songList[i].className = "trBg" + songList[i].getAttribute("cVal");
							var colorSongName = "#2A66C1";
							if (td[0].firstChild.disabled == true) {
								colorSongName = "#cccccc";
							}
							td[1].style.color = colorSongName;
							td[3].style.color = "#999999";
							try {td[3].firstChild.style.color = "#84ADCB";} catch(e) {}
							td[4].style.color = "#999999";
							try {songMiniMenu(songList[i], "out");} catch(e) {}
						}
					}
				} catch(e) {}
				removeNode(document.getElementById("nameUI"));
			}
		}
	}
	else {
		document.body.onclick = function() {
			if (document.getElementById("nameUI")) {
				removeNode(document.getElementById("nameUI"));
			}
		}
	}
}

//fixed
function fixedLayer(e) {
	window.onscroll=function() {
		if (navigator.appVersion.indexOf('MSIE 7') > -1) {
			e.style.position = "fixed";
		}
		else {
			e.style.position = "relative";
			e.style.top=document.documentElement.scrollTop;
		}
	}
}



// 쿠키생성
function setCookie(name, value, expires, path, domain, secure) {// 쿠키생성
  var curCookie = name + "=" + escape(value) +
	  ((expires) ? "; expires=" + expires.toGMTString() : "") +
	  ((path) ? "; path=" + path : "") +
	  ((domain) ? "; domain=" + domain : "") +
	  ((secure) ? "; secure" : "");
  document.cookie = curCookie;
}

// 쿠키가져오기
function getCookie(name) {
	var dc = document.cookie;
	var prefix = name + "=";
	var begin = dc.indexOf("; " + prefix);
	if (begin == -1) {
		begin = dc.indexOf(prefix);
		if (begin != 0) return null;
	}
	else begin += 2;
	var end = document.cookie.indexOf(";", begin);
	if (end == -1) end = dc.length;
	return unescape(dc.substring(begin + prefix.length, end));
}