//window.onload=setY,MM_pre;
window.onresize=setY;

var appVer;

function setY(){
	var divcontent = document.getElementById('content');
	var divfloatArea = document.getElementById('floatArea');
	var divfloatBox = document.getElementById('floatArea_box');
	var divwrap = document.getElementById('wrap');
	// ie check
	ieCheck=true;
	appVer=navigator.appVersion.substring(25,22);
	if (appVer=="6.0"){	
		if(divwrap.clientHeight < divwrap.scrollHeight){
				divfloatArea.style.left=(document.body.clientWidth-divfloatBox.clientWidth)/2 - 8 + "px";
		}
		else{
				divfloatArea.style.left=(document.body.clientWidth-divfloatBox.clientWidth)/2 + "px";
		}
		layer_show('floatArea');
	}
	
	var divfooterWrap = document.getElementById('footerWrap');
	var divtopBtn = document.getElementById('topBtn');
	
	if (document.getElementById('topBtn'))
	{
		if (document.body.clientHeight < document.getElementById("contentWrap").offsetHeight + 165)
		{
			divtopBtn.style.bottom = 140 + 'px';
		}else {
			divtopBtn.style.bottom = document.body.clientHeight-divfooterWrap.offsetTop + 70 + 'px';
		}
	}
}

//balloon
function getRealOffsetTop(o){
	return o ? o.offsetTop + getRealOffsetTop(o.offsetParent) : 0;
}

function getRealOffsetLeft(o){
	return o ? o.offsetLeft + getRealOffsetLeft(o.offsetParent) : 0;
}

function balloon_show(bal_id,id,text,layer_pl,layer_pt){
	var ballon_layer=document.getElementById(bal_id);	
	var obj_id=document.getElementById(id);
	var top=getRealOffsetTop(obj_id);
	var left=getRealOffsetLeft(obj_id);
	ballon_layer.innerHTML=text;
	ballon_layer.style.display='block';
	ballon_layer.style.top=top-layer_pt+'px';
	ballon_layer.style.left=left+layer_pl+'px';
	//obj_id.focus();
}

function balloon_friend(bal_id,id,layer_pl,layer_pt){
	
	var ballon_layer=document.getElementById(bal_id);
	var obj_id=document.getElementById(id);
	var vtop=getRealOffsetTop(obj_id);
	var vleft=getRealOffsetLeft(obj_id);
	
	ballon_layer.style.display='block';
	
	if(appVer=="6.0")
	{
		ballon_layer.style.top=vtop+layer_pt+'px';
		ballon_layer.style.left=vleft+layer_pl+'px';
		
		ballon_layer.style.top=(event.clientY - 60) + 'px';
		ballon_layer.style.left=(event.clientX - 50)+'px';
	}
	else
	{	
		ballon_layer.style.top=vtop+layer_pt+'px';
		ballon_layer.style.left=vleft+layer_pl+'px';
	}
	
	obj_id.focus();
}



function balloon_schedule(position,e,bal_id,id,layer_pl,layer_pt,icon_img,eventname,event_con,event_day){
	var yCoord,xCoord;
	var ballon_layer=document.getElementById(bal_id);
	var obj_id=document.getElementById(id);
	var top=getRealOffsetTop(obj_id);
	var left=getRealOffsetLeft(obj_id);
	var ctext = '';

	if(document.all)
	{
		yCoord=event.clientY;
		xCoord=event.clientX;
	}
	else if(document.getElementById)
	{
		yCoord=e.clientY;
		xCoord=e.clientX;
	}	

	ctext = "<div class='schedule_balloon"+position+"_top' class='ie6png'>";
	ctext = ctext + '<p class="mb5"><img src="'+icon_img+'.gif" class="al_middle" /> <strong>'+eventname+'</strong></p>';
	ctext = ctext + '<p class="t_gray">'+event_con+'</p>';
	ctext = ctext + '</div>';
	ctext = ctext + '<div class="schedule_balloon'+position+'_bottom ie6png">';
	ctext = ctext + '<p class="t_small">'+event_day+'</p>';
	ctext = ctext + '</div>';	

	ballon_layer.innerHTML=ctext;
	ballon_layer.style.display='block';

	if (appVer=="6.0"){
		ballon_layer.style.top=top-layer_pt+10+'px';
		ballon_layer.style.left=left+layer_pl+10+'px';
	}else {
		ballon_layer.style.top=yCoord-layer_pt+'px';
		ballon_layer.style.left=xCoord+layer_pl+'px';
	}	
	
	obj_id.focus();
}

function balloon_daily(e,bal_id,id,layer_pl,layer_pt,icon_img,eventname,contens,day, modify, del){
	var yCoord,xCoord;
	var ballon_layer=document.getElementById(bal_id);
	var obj_id=document.getElementById(id);
	var top=getRealOffsetTop(obj_id);
	var left=getRealOffsetLeft(obj_id);
	var ctext;
	if(document.all)
	{
		yCoord=event.clientY;
		xCoord=event.clientX;
	}
	else if(document.getElementById)
	{
		yCoord=e.clientY;
		xCoord=e.clientX;
	}
	/**
	 * by Lsh
	 * 상세 보기 레이어에 닫기 이벤트를 추가 했습니다.
	 * function은 해당 페이지내에 있습니다.
	 * 각 object에 id Attribute를 추가 하였습니다.
	 */
	ctext = '<div id="dailyScheduleLayer" class="schedule_balloon_t">';
		ctext = ctext + '<p id="dailyScheduleLayer" class="mb5"><img id="dailyScheduleLayer" src="/images/common/mylife/'+icon_img+'.gif" class="al_middle" /> <strong id="dailyScheduleLayer">'+eventname+'</strong></p>';
		ctext = ctext + '<p id="dailyScheduleLayer" class="mb10 t_gray">'+contens+'</p>';
		ctext = ctext + '<p id="dailyScheduleLayer" class="mb5 t_small">'+day+'</p>';
		ctext = ctext + '<p id="dailyScheduleLayer" class="mt5 al_right">'+modify+'<img id="dailyScheduleLayer" src="/images/common/bt/bt_write.gif" class="mr5"></a>'+del+'<img id="dailyScheduleLayer" src="/images/common/bt/bt_del.gif"></a></p>';
	ctext = ctext + '</div>';
	ctext = ctext + '<div id="dailyScheduleLayerBottom" class="schedule_balloon_b"></div>';
	
	ballon_layer.innerHTML=ctext;
	ballon_layer.style.display='block';
	if (appVer=="6.0"){
		ballon_layer.style.top=top-layer_pt-ballon_layer.offsetHeight+10+'px';
		ballon_layer.style.left=left+layer_pl+(obj_id.offsetWidth/2)+'px';
	}else {
		ballon_layer.style.top=yCoord-layer_pt-ballon_layer.offsetHeight+'px';
		ballon_layer.style.left=xCoord+layer_pl+'px';
	}
	
	obj_id.focus();
}

function balloon_play(e,bal_id,id,layer_pl,layer_pt){
	var yCoord,xCoord;
	var ballon_layer=document.getElementById(bal_id);
	var obj_id=document.getElementById(id);
	var rtop=getRealOffsetTop(obj_id);
	var ctext;
	if(document.all)
	{
		yCoord=event.clientY;
		xCoord=event.clientX;
	}
	else if(document.getElementById)
	{
		yCoord=e.clientY;
		xCoord=e.clientX;
	}

	/*ctext = '<div class="paly_balloon_t"><a href="#close" onclick="layer_hidden(\'paly_balloon\')"><img src="/images/common/bt/icon_close.gif" class="close_icon" alt="close"></a><div class="fl_left mr10"><img src='+icon_img+' /></div>';
	ctext = ctext + '<div class="fl_left" style="width:210px;">';
		ctext = ctext + '<p class="mb10">'+contens+' </p>';
		ctext = ctext + '<p class="t_small">by <span class="t_green"><a href="#">'+name+'</a></span> | '+day+'<br />'+view+' Views </p>';
		if (me=='editor'){
			ctext = ctext + '<p class="mt5 al_right"><a href="#"><img src="/images/common/bt/bt_write.gif" alt="Edit" class="mr5"></a><a href="#"><img src="/images/common/bt/bt_del.gif" alt="Delete"></a></p>';
		}else{
			ctext = ctext + '<p class="mt5 al_right"><a href="#"><img src="/images/common/icon/icon_warning.gif"></a></p>';
		}
	ctext = ctext + '</div></div><div class="paly_balloon_b"></div>';

	ballon_layer.innerHTML=ctext;*/
	ballon_layer.style.display='block';
	if (appVer == "6.0") {
		ballon_layer.style.top=rtop-layer_pt-ballon_layer.offsetHeight+30+'px';
	}
	else {
		ballon_layer.style.top=yCoord-layer_pt-ballon_layer.offsetHeight+'px';
	}
	ballon_layer.style.left=xCoord+layer_pl+'px';
	obj_id.focus();
}



function OnEnter(field){
	if(field.value == field.defaultValue){
		field.value = "";
	}
}

function OnExit(field){
	if(field.value == ""){
		field.value = field.defaultValue;
	}
}

function float_down(){
	layer_show('recently_up');
   	layer_hidden('recently_down');
   	layer_hidden('float_balloon');
   	if(appVer == "6.0") {
		document.getElementById('floatArea').style.top = document.getElementById('wrap').offsetHeight-0+'px';
		document.getElementById('floatArea_box').style.height = 60+'px'
		window.onresize=float_down;
		setY();
	}else {
		document.getElementById('floatArea').style.height = 0 + 'px';
		document.getElementById('floatArea_box').style.height = 60+'px'
	}
}

function float_up(){
	layer_show('recently_down');
	layer_hidden('recently_up');
	if (appVer == "6.0") {
		document.getElementById('floatArea').style.top = document.getElementById('wrap').offsetHeight-60+'px';
		window.onresize=float_up;
		setY();
	}
	else {
		document.getElementById('floatArea').style.height = 60+'px';
	}
}

function balloon_Recently(bal_id,id,thumbnail,name,icon1,icon2,icon3,icon4,link1,link2,link3,layer_pl,layer_pt){
	var ballon_layer=document.getElementById(bal_id);	
	var obj_id=document.getElementById(id);
	var top=getRealOffsetTop(obj_id);
	var left=getRealOffsetLeft(obj_id);
	var ctext;
	
	ctext = '<div class="f_bg">';
		ctext = ctext + '<div class="thum_t">';
			ctext = ctext + '<img src="'+thumbnail+'" class="fl_left" />';
			ctext = ctext + '<div class="thum_s">';
				ctext = ctext + '<strong>'+name+'</strong>';
				ctext = ctext + '<div class="icon_ts" style="background:url(/images/common/icon/'+icon1+'.gif)"><img src="/images/common/blank.gif" alt="'+icon1+'"></div>';
				ctext = ctext + '<div class="icon_ts" style="background:url(/images/common/icon/'+icon2+'.gif)"><img src="/images/common/blank.gif" alt="'+icon2+'"></div>';
				ctext = ctext + '<div class="icon_ts" style="background:url(/images/common/icon/'+icon3+'.gif)"><img src="/images/common/blank.gif" alt="'+icon3+'"></div>';
				ctext = ctext + '<div class="icon_ts" style="background:url(/images/common/icon/'+icon4+'.gif)"><img src="/images/common/blank.gif" alt="'+icon4+'"></div>';
			ctext = ctext + '</div>';
		ctext = ctext + '</div>';
		ctext = ctext + '<ul>';
			ctext = ctext + '<li>&bull; <a href="'+link1+'">Visit '+name+'’s Life</a></li>';
			ctext = ctext + '<li>&bull; <a href="'+link2+'">Send Message</a></li>';
			ctext = ctext + '<li>&bull; <a href="'+link3+'">Add to Friends</a></li>';
		ctext = ctext + '</ul>';
	ctext = ctext + '</div>';
	ballon_layer.innerHTML=ctext;
	ballon_layer.style.display='block';	
	ballon_layer.style.top=top-layer_pt+'px';
	ballon_layer.style.left=left+layer_pl+'px';
	
}

function balloon_name(bal_id,id,thumbnail,name,icon1,icon2,icon3,icon4,link1,link2,link3,layer_pl,layer_pt,e){
	var yCoord;
	var ballon_layer=document.getElementById(bal_id);	
	var obj_id=document.getElementById(id);
	var top=getRealOffsetTop(obj_id);
	var left=getRealOffsetLeft(obj_id);
	var ctext;
	if(document.all)
	{
		yCoord=event.clientY;
	}
	else if(document.getElementById)
	{
		yCoord=e.clientY;
	}
	ctext = '<div class="f_bg">';
		ctext = ctext + '<div class="thum_t">';
			ctext = ctext + '<img src="'+thumbnail+'" class="fl_left" />';
			ctext = ctext + '<div class="thum_s">';
				ctext = ctext + '<strong>'+name+'</strong>';
				ctext = ctext + '<div class="icon_ts" style="background:url(/images/common/icon/'+icon1+'.gif)"><img src="/images/common/blank.gif" alt="'+icon1+'"></div>';
				ctext = ctext + '<div class="icon_ts" style="background:url(/images/common/icon/'+icon2+'.gif)"><img src="/images/common/blank.gif" alt="'+icon2+'"></div>';
				ctext = ctext + '<div class="icon_ts" style="background:url(/images/common/icon/'+icon3+'.gif)"><img src="/images/common/blank.gif" alt="'+icon3+'"></div>';
				ctext = ctext + '<div class="icon_ts" style="background:url(/images/common/icon/'+icon4+'.gif)"><img src="/images/common/blank.gif" alt="'+icon4+'"></div>';
			ctext = ctext + '</div>';
		ctext = ctext + '</div>';
		ctext = ctext + '<ul>';
			ctext = ctext + '<li>&bull; <a href="'+link1+'">Visit '+name+'’s Life</a></li>';
			ctext = ctext + '<li>&bull; <a href="'+link2+'">Send Message</a></li>';
			ctext = ctext + '<li>&bull; <a href="'+link3+'">Add to Friends</a></li>';
		ctext = ctext + '</ul>';
	ctext = ctext + '</div>';
	ballon_layer.innerHTML=ctext;
	ballon_layer.style.display='block';
	ballon_layer.style.top=yCoord-layer_pt+'px';
	ballon_layer.style.left=left+layer_pl+'px';
	
}



// tab show hidden  -----------------------
function tab(id,su,n) {
	for(var i = 1; i <= su; i++) { 
		obj_Con = document.getElementById(id+i); 
		if ( n == i ) {
			obj_Con.style.display = "block";
		} else {
			obj_Con.style.display = "none";
		}
	}
}

function layer_hidden(id){
	document.getElementById(id).style.display='none';
}


function layer_show(id){
	document.getElementById(id).style.display='block';
}

function imgWrapWidth(idName,W)	{
	obj_imgList	= document.getElementById("" + idName + ""); 
	obj_imgListEA	= obj_imgList.getElementsByTagName("li");
	obj_imgList.style.width = (obj_imgListEA.length)*W + "px";	
	
	if (obj_imgListEA.length <= 15){
		layer_hidden('floatNext');
		layer_hidden('floatPrev');
	}
}


function imgMove(idName,W,EA)	{
	obj_imgList	= document.getElementById("" + idName + "");
	obj_imgListLeft = obj_imgList.style.left
	obj_imgListLeft = parseInt(obj_imgListLeft.replace("px",""));
	obj_imgListWidth = obj_imgList.style.width;
	obj_imgListWidthM = parseInt(obj_imgListWidth.replace("px","")) + (W*EA);
	layer_hidden ('float_balloon');
	if (obj_imgListLeft<=-W)	{
		(obj_imgListLeft==-obj_imgListWidthM) ? alert("Last") : obj_imgList.style.left = (obj_imgListLeft+W) + "px";
	}
	else	{
		alert("First")
	}
}

function changCss(filename){
	document.getElementById('CSS_ID').href = filename;
}



function handle(delta) {
	if (document.getElementById('float_balloon'))	{
		layer_hidden('float_balloon');
	}	
	if (document.getElementById('schedule_balloon'))	{
		layer_hidden('schedule_balloon');
	}
	if (document.getElementById('paly_balloon'))	{
		layer_hidden('paly_balloon');
	}
	
}

function wheel(event){
	var delta = 0;
	if (!event) 
		event = window.event;
	if (event.wheelDelta) { 
		delta = event.wheelDelta/120;
		if (window.opera)
			delta = -delta;
	} else if (event.detail) { 
		delta = -event.detail/3;
	}
	//floatLay();

	if (delta)
		handle(delta);
}

if (window.addEventListener)
	
	window.addEventListener('DOMMouseScroll', wheel, false);

	window.onmousewheel = document.onmousewheel = wheel;

try { // IE only
	document.execCommand('BackgroundImageCache', false, true);
} catch(e) { }


function viewall(){
	var CommBoxul=document.getElementById('CommBox');
	var obj_CommBoxEA	= CommBoxul.getElementsByTagName("li")
	var pviewall_01=document.getElementById('viewall_01')
	var pviewall_02=document.getElementById('viewall_02')

	if (pviewall_01.style.display=='none'){
		pviewall_01.style.display ='block';
		pviewall_02.style.display ='none';
		document.getElementById('borderNP').style.background='#FFF';
		for	(i=1; i<obj_CommBoxEA.length; i++ )	{
			obj_CommBoxEA[i].style.display='none';
		}		
	}else{
		pviewall_01.style.display ='none';
		pviewall_02.style.display ='block';
		document.getElementById('borderNP').style.background='#F8F8F8';
		for	(i=0; i<obj_CommBoxEA.length; i++ )	{
			obj_CommBoxEA[i].style.display='block';
		}		
	}
	
}

function faq(id)
{
	var abx = document.getElementById('answer_'+id);
	var qbx = document.getElementById('question_'+id);
	if (abx.style.display == 'block'){
		abx.style.display='none';
		qbx.className='t_normal t_green';
	}
	else{
		abx.style.display='block';
		qbx.className='t_strong t_green';
	}
}

function select_friend (obj_id,thisid,Lw){
	var sel_obj_sel = document.getElementById(thisid);
	var sel_obj = document.getElementById(obj_id);
	var top=getRealOffsetTop(sel_obj_sel);
	var left=getRealOffsetLeft(sel_obj_sel);
	if (sel_obj.style.display == 'block'){
		sel_obj.style.display='none';
	} else {
		sel_obj.style.display='block';
	}	
	sel_obj.style.left=left+'px';
	sel_obj.style.width=sel_obj_sel.offsetWidth-2+'px';
	if (Lw == 'up'){
		sel_obj.style.top=top-sel_obj.offsetHeight+'px';
	}else {
		sel_obj.style.top=top+sel_obj_sel.offsetHeight+'px';
	}
	//sel_obj.focus();
}

function select_hidden (obj_id){
	setTimeout("document.getElementById('" + obj_id + "').style.display = 'none';" , 150);
}

function Friend_sub(i,obj_id,sub_id){
	document.getElementById(obj_id).value=i;
	document.getElementById(sub_id).style.display='none';
}

function album_sub(){
	var divAlbum_Sub=document.getElementById('Album_Sub');
	if (divAlbum_Sub.style.display == 'block'){
		layer_hidden('Album_Sub');
		document.getElementById('c_album').innerHTML = '[↓]';
	} else{
		layer_show('Album_Sub');
		document.getElementById('c_album').innerHTML = '[↑]';
	}
}



function MM_pre (){
	MM_preloadImages('/images/common/main/main_menu_bgl_hover.gif','/images/common/main/main_menu_bgr_hover.gif','/images/common/main/float_balloon.gif','/images/common/contents/play_balloon_bgt.gif','/images/common/contents/play_balloon_bgb.gif');
}

function MM_preloadImages() {
	var d=document;
	if(d.images){
	if(!d.MM_p) 
		d.MM_p=new Array(); 
		var i, j=d.MM_p.length, a= MM_preloadImages.arguments; 
		for(i=0; i<a.length; i++) 
		if (a[i].indexOf("#")!=0){ 
			d.MM_p[j]=new Image; 
			d.MM_p[j++].src=a[i]; 
		}
	}
}

function topLink()	{
	if (appVer==6.0) {document.getElementById("wrap").scrollTop=0 + 'px'}
	else {document.documentElement.scrollTop=0 + 'px'}
}

/* 절대 수정하지 마세요.(by kim boo youn)  */
function ccl_togle(strCCL){
	if (document.getElementById('CCL2').style.display == 'block'){
		document.getElementById('CCL2').style.display = 'none';
		document.getElementById('CCL1').innerHTML = strCCL + ' ▼';
	} else{
		document.getElementById('CCL2').style.display = 'block';
		document.getElementById('CCL1').innerHTML = strCCL + ' ▲';
	}
}

function vAlign() {
	objs = document.getElementsByTagName('DIV');
	for (var i = 0 ; i < objs.length ; i++ ){
	if (objs[i].className == "vAlign")
	objs[i].style.marginTop = Math.floor(parseInt(objs[i].parentNode.offsetHeight - objs[i].offsetHeight) / 2)+"px";
	objs[i].style.visibility = 'visible';
	}
}

function Gnb_menu_over (m)
{
	var menuid = document.getElementById(m);
	menuid.style.background='url(/images/common/main/main_menu_bgr_hover.gif) right no-repeat';
}

function Gnb_menu_out (m)
{
	var menuid = document.getElementById(m);
	menuid.style.background='none';
}

function popImg(link,popname,w,h)
{
	var imgWin = null;
 	LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
 	TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
 	
 	w=w+20;
 	settings ='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars=yes,resizable'
 	imgWin = window.open('',popname,settings);
 	
	imgWin.document.write("<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">");
 	imgWin.document.write("<img src="+link+" onclick='self.close()' id='popsize' style='cursor:pointer'>");
 	imgWin.document.write("<\/body>");
 	imgWin.document.close();
}