/* flash */
function navimenuGotoPage(index){
	alert(index)
} 

function gotoPage(index){
	alert(index);
}

function gotoDetail(url){
	alert(url);
}
function gotoExplore(){
	alert("explore");
}
function uploadPhoto(){
	alert("upload");
}
function takeSiteTour(){
	alert("take site tour");
}
/* //flash */
 

function wordBreak(element) {
 element.innerHTML = element.innerHTML.split('').join('<span class="wordBreak"> </span>');
}

function firstPosition(){
	fixedPosition = document.body.clientWidth;
}

function movePosition(){
	if (fixedPosition > document.body.clientWidth) // smaller
	{
		var chPosition = (fixedPosition - document.body.clientWidth)/2;
		var profileleft = document.getElementById('miniprofile');
		
		if(profileleft) {
    		parentPosition('miniprofile');
    		var finalPosition = positionxy.x - chPosition;
    		profileleft.style.left = finalPosition + 'px';
		}
	}
	else if (fixedPosition < document.body.clientWidth) //bigger 
	{
		var chPosition = (fixedPosition - document.body.clientWidth)/2;
		var profileleft = document.getElementById('miniprofile');
		if(profileleft) { 
    		parentPosition('miniprofile');
    		var finalPosition = positionxy.x - chPosition;
    		profileleft.style.left = finalPosition + 'px';
		}
	}
	fixedPosition = document.body.clientWidth;
}

function parentPosition(childid){
	objPos = document.getElementById(childid);
	var x = objPos.offsetLeft;
	var y = objPos.offsetTop;
	var p = objPos.offsetParent;
	while (p && p != document.body) {
		x += p.offsetLeft;
		y += p.offsetTop;
		p = p.offsetParent;
	}
    positionxy = { x:x, y:y };
}

function makeAutoTxt(parentid,modifyarea){
	if (modifyarea == null)
	{
		return false;
	}
	else {
		var openAutotxt = document.getElementById(modifyarea);
		parentPosition(parentid);
		openAutotxt.style.display = '';
		openAutotxt.style.position = "absolute";
		openAutotxt.style.left = positionxy.x + 'px';
		openAutotxt.style.top = positionxy.y + 'px';
	}
}

function hide_lpop_alert(){
	document.getElementById("alert_layer").style.display = "none";
}

function Check_lpop(){
	try{
		document.getElementsByTagName('div')[0].id
		for(i=0; i<document.getElementsByTagName('div').length; i++){
		   if(document.getElementsByTagName('div')[i].id.indexOf("_layer")!=-1){
				document.getElementsByTagName('div')[i].style.display = "none";
		   }
		}	
	}
	catch (e){
	}
}

//public layer pop
function show_lpop(lpop_id,lp_tit,lp_w,pos_x,pos_y){
    Check_lpop();
	// 위치가 지정 않되어있으면
	if(pos_x == null){
		pos_x = Math.floor(document.body.clientWidth/2) - Math.floor(lp_w/2) ;
		pos_y = 200;
	}
	else{
	    pos_x = Math.floor(pos_x) + Math.floor(document.body.scrollLeft);
		pos_y = Math.floor(pos_y) + Math.floor(document.body.scrollTop);
	}
	if(document.getElementById(lpop_id+"_layer")!=null){
		if(pos_x != null)	{
			$('#'+lpop_id+'_layer').css({top:pos_y,left:pos_x,zIndex:700});
		}
		$('#'+lpop_id+'_layer').css({display:'block'});
		return;
	}
	var html = '\
		<div id="'+lpop_id+'_layer" name="pop_layer" class="miniprofile">\
				<div id="'+lpop_id+'_handle" style="border:1px solid; height:15px; width:'+lp_w+'; background-color:orange">\
					<span>'+lp_tit+'</span>\
					<a href="javascript:hide_lpop(\''+lpop_id+'_layer\');" class="close_a"><img src="http://adcreative.naver.com/ad3/system/adcast/img/btn_help_v2.gif" border="0" alt="close" style="float:right" /></a>\
				</div>\
				<div style="width:'+lp_w+'; margin-top:5px; border:1px solid; background-color:#FFFFFF">\
					<div style="margin:10px; line-height:1.8">';
					html += $('#'+lpop_id).html();
					html+='\
					</div>\
				</div>\
		</div>';
	$('#'+lpop_id).remove();
	$(document.body).prepend(html);
	$('#'+lpop_id+'_layer').css({top:pos_y,left:pos_x,zIndex:700});
	$('#'+lpop_id+'_layer').draggable({handle:$('#'+lpop_id+'_handle')});
}

function hide_lpop(lpop_id){
	document.getElementById(lpop_id).style.display = "none";
}


function answerOpen(num,totalnum) {
	chbgicon = document.getElementById('q'+num);
	if (document.getElementById('answer'+num).style.display=='none') {		
		document.getElementById('answer'+num).style.display='block';
		chbgicon.className = "questionconton";
		for (i = 1; i < totalnum; i++) {
			chbgicon = document.getElementById('q'+i);
			if (num == i) {		
				document.getElementById('answer'+i).style.display='block';
				var contme = chbgicon.parentNode;
				chbgicon.className = "questionconton";
			} else {
				document.getElementById('answer'+i).style.display='none';
				var contme = chbgicon.ChideNodes;
				chbgicon.className = "questioncont";
			}
		}
	}
	 else {
		document.getElementById('answer'+num).style.display='none';
		chbgicon.className = "questioncont";
	}
}

function flashCM(url ,width, height, vars, bgColor, wmode) {
    document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab' ");
    document.write(" width='"+width+"' height='"+height+"' id='"+url+"'> ");
    document.write("<param name='allowScriptAccess' value='always' /> ");
    document.write("<param name='movie' value='"+url+".swf' /> ");
    document.write("<param name='FlashVars' value='"+vars+"' /> ");
    document.write("<param name='wmode' value='"+wmode+"' /> ");
    document.write("<param name='menu' value='false' /> ");
    document.write("<param name='quality' value='high' /> ");
    document.write("<param name='bgcolor' value='"+bgColor+"' /> ");
    document.write("<embed src='"+url+".swf' flashVars='"+vars+"' wmode='"+wmode+"' menu='false' quality='high' ");
    document.write(" bgcolor='"+bgColor+"' width='"+width+"' height='"+height+"' name='"+url+"' align='middle' ");
    document.write(" allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.adobe.com/go/getflashplayer' /> ");
    document.write("</object> ");
}

function openPop(objname){
	var openname = document.getElementById(objname);
	var openslayer = document.getElementsByTagName("div");
	for (i=0 ; i<openslayer.length ; i++ )
	{
		if (openslayer[i].style.display == 'block'){openslayer[i].style.display = "none";}
	}
//	closeSelects(objname);
	openname.style.display = "block";
}

function closeSelects(closename){
	var selectbx1 = document.getElementById('select1');
	var selectbx2 = document.getElementById('select2');
	var selectbx3 = document.getElementById('select3');
	if (closename == "invitefriend" || closename == "myfavorite")
	{
		selectbx1.style.display = 'none';
		selectbx2.style.display = 'none';
		selectbx3.style.display = 'none';
	}
	else {
		selectbx1.style.display = '';
		selectbx2.style.display = '';
		selectbx3.style.display = '';
	}
}

function closePopie(closename){
	var selectbx1 = document.getElementById('select1');
	var selectbx2 = document.getElementById('select2');
	var selectbx3 = document.getElementById('select3');	
	if (selectbx1 && selectbx2 && selectbx3)
	{
		selectbx1.style.display = '';
		selectbx2.style.display = '';
		selectbx3.style.display = '';
	}
	document.getElementById(closename).style.display = "none";
}

/*
function openPop(objname){
	var openname = document.getElementById(objname);
	var profileedit = document.getElementById("profileedit")
	var aboutedit = document.getElementById("aboutedit")
	var selectoption = document.getElementById("selectoption"); 
	var invitefriend = document.getElementById("invitefriend");
	var myfavorite= document.getElementById("myfavorite");
	var select3 = document.getElementById("select3");
	if (objname == "selectoption")
	{
		select3.style.display = "none";
	}
	profileedit.style.display = 'none';
	aboutedit.style.display = 'none';
	selectoption.style.display = 'none';
	invitefriend.style.display = 'none';
	myfavorite.style.display = 'none';
	openname.style.display = '';
}
*/

function tabSwap(sw, tabcount) {
	for (i = 1; i < tabcount ; i++) {
		if (sw == i) {		
			document.getElementById('tab_a'+i).style.display='';
		} else {
			document.getElementById('tab_a'+i).style.display='none';
		}
	}
}

function tabOri(tabname, sw, tabcount) {
	for (i = 1; i < tabcount ; i++) {
		if (sw == i) {		
			document.getElementById(tabname+i).style.display='';
		} else {
			document.getElementById(tabname+i).style.display='none';
		}
	}
}

function forthComming(tabname, sw, tabcount) {
	for (i = 1; i < tabcount ; i++) {
		if (sw == i) {		
			document.getElementById(tabname+i).style.display='';
		} else {
			document.getElementById(tabname+i).style.display='none';
		}
	}
}

function startPop(objname){
	var openname = document.getElementById(objname);	
	openname.style.display = '';
}

function closePop(objname){
	var closename = document.getElementById(objname);
	var select3 = document.getElementById("select3");
	var select1 = document.getElementById("select1");
	if (objname == "selectoption")
	{
		select3.style.display = '';
		closeSelects(objname);
	}
	closename.style.display = 'none';
}

function mouseOverEvent(){
	var overmouse = document.getElementById('skintab');
	var overlinks = overmouse.getElementsByTagName("a");
	for (i=0; i<overlinks.length; i++ )
	{
		overlinks[i].onmouseover = function(){
			img_change(this, 'on');
		}
		overlinks[i].onmouseout = function(){
			img_change(this, 'off');
		}
	}
}

function addLoadEvent(func){
 var oldonload = window.onload;
 if(typeof window.onload != 'function'){
  window.onload = func;
 }
 else {
  window.onload = function(){
   oldonload();
   func();
  }
 }
} 

function tabwon(url, mname, sw, count, btname) {
	for (i = 1; i < count; i++) {
		if (sw == i) {		
			document.getElementById(mname+i).style.display='';
			document.getElementById(btname+i).src = url + '/img/common/mygallery/'+btname+i+"_on.gif";
		} else {
			document.getElementById(mname+i).style.display='none';
			document.getElementById(btname+i).src = url + '/img/common/mygallery/'+btname+i+"_off.gif";
		}
	}
}

function tabfavo(url, mname, sw, count, btname) {
	for (i = 1; i < count; i++) {
		if (sw == i) {		
			document.getElementById(mname+i).style.display='';
			document.getElementById(btname+i).src = url + '/img/common/mygallery/activities/'+btname+i+"_on.gif";
		} else {
			document.getElementById(mname+i).style.display='none';
			document.getElementById(btname+i).src = url + '/img/common/mygallery/activities/'+btname+i+"_off.gif";
		}
	}
}

function tabcollaborate(url, mname, sw, count, btname) {
	for (i = 1; i < count; i++) {
		if (sw == i) {		
			document.getElementById(mname+i).style.display='';
			document.getElementById(btname).src = url + '/img/common/community/collaborate/'+btname+"_on.gif";
		} else {
			document.getElementById(mname+i).style.display='none';
			document.getElementById(btname).src = url + '/img/common/community/collaborate/'+btname+"_off.gif";
		}
	}
}


function worlmaptab(url, mname, sw, count, btname, addto) {
	if (mname == "mymap" && sw == "4")
	{
		worldmapChSearch('on');
	}
	else {
		worldmapChSearch('off');
	}
	
	for (i = 1; i < count; i++) {
		if (sw == i) {		
			var btmbg = document.getElementById('btmmenu');
			document.getElementById(mname+i).style.display='';
			document.getElementById(btname+i).src = url + '/img/community/worldmap/'+btname+i+"_on.png";
			if (addto == 'addtono' || addto == 'addtono')
			{
				btmbg.className = "btmmenu";

			}
			else if (addto == 'addto')
			{
				btmbg.className = "btmmenu2";
			}
		} else {
			try {
				
				document.getElementById(mname+i).style.display='none';
				document.getElementById(btname+i).src = url + '/img/community/worldmap/'+btname+i+"_off.png";
			} catch (e) {
				// TODO: handle exception
			}
		}
	}
}

function worldmapChSearch(obj){
	var srcbox = document.getElementById("searchbox");
	var findInput = document.getElementsByTagName("input");
	for (var i = 0 ; i<findInput.length ; i++)
	{
		if (findInput[i].type == 'text'){
			break;
		}
	}
	if (obj == 'on')
	{
		srcbox.className = "searchbx_off";
		findInput[0].style.display = 'none';
	}
	else if (obj == 'off')
	{
		srcbox.className = "searchbx";
		findInput[0].style.display = '';
	}
}

function basictab(obj, uswan, cnt ) {
	for (i = 0; i < cnt; i++) {
		try{
		if (uswan == i) {		
			document.getElementById(obj+i).style.display='';
		} else {
			document.getElementById(obj+i).style.display='none';
		}
		}catch (e){
	
	   }
	}
}

/*
function fnInit() {
var alldivelem = document.getElementById("alldiv");
var srhpos = document.getElementById("srhpos");
var navibar = document.getElementById("navibar");
//var gnb = document.getElementById("gnb");
//var leftpos = document.body.clientWidth/2 - gnb.offsetWidth/2;
var googlemapsize = document.body.clientHeight - 218 + "px";
var googlemap = document.getElementById('gmapswrap');
//gnb.style.left = leftpos + "px";
alldivelem.style.left = 20 + "px";
srhpos.style.right = 0 + "px";
navibar.style.right = 0 + "px";
googlemap.style.height = googlemapsize;
}
*/

function fnInit() {
var alldivelem = document.getElementById("alldiv");
var srhpos = document.getElementById("srhpos");
//var navibar = document.getElementById("navibar");
//var gnb = document.getElementById("gnb");
var leftpos = document.body.clientWidth/2 - alldivelem.offsetWidth/2;
var googlemapsize = document.body.clientHeight - 160 + "px";
var googlemap = document.getElementById('gmapswrap');
//gnb.style.left = leftpos + "px";
alldivelem.style.left = leftpos + "px";
srhpos.style.right = 0 + "px";
//navibar.style.right = 0 + "px";
googlemap.style.height = googlemapsize;
}

pre = false;
function changeImg(url, obj){
	if (pre == false)
	{
		obj.setAttribute("src",url + "/img/common/mygallery/star_on.png");
		pre = true;
	}
	else {
		obj.setAttribute("src",url + "/img/common/mygallery/star_off.png");
		pre = false;	
	}
}

function img_change(obj, mode){
	var reg = /(.*)_(on|off)/;
	var find = obj.src.match(reg)[0];
	var name = obj.src.match(reg)[1];
	obj.src = obj.src.replace(find,name+'_'+mode);
}

function btnchange(url, btname, sw, count) {
	for (i = 1; i < count; i++) {
		if (sw == i) {		
			document.getElementById(btname+i).src = url + '/img/common/mygallery/'+btname+i+"_on.gif";
		} else {
			document.getElementById(btname+i).src = url + '/img/common/mygallery/'+btname+i+"_off.gif";
		}
	}
}

function btnchangepng(url, btname, sw, count) {
	for (i = 1; i < count; i++) {
		if (sw == i) {		
			document.getElementById(btname+i).src = url + '/img/common/studio/create/'+btname+i+"_on.png";
		} else {
			document.getElementById(btname+i).src = url + '/img/common/studio/create/'+btname+i+"_off.png";
		}
	}
}


function modifyName(objname, txtname){
	var modifyname = document.getElementById(objname);
	var nameinput = document.getElementById(txtname);
	var openslayer = document.getElementsByTagName("div");
	for (i=0 ; i<openslayer.length ; i++ )
	{
		if (openslayer[i].style.display == 'block'){openslayer[i].style.display = "none";}
	}
	modifyname.style.display = 'block';
	nameinput.focus();
	makeAuto(objname, txtname);
}

function makeAuto(objnm, obj){
	var startAuto = document.getElementById(obj);
	startAuto.onkeydown = function openAutoMake(){
		makeAutoTxt(objnm);
	}
}


function chkbyte(aro_name,ari_max){
   var ls_str     = aro_name.value; 
   var li_str_len = ls_str.length;  
   var li_max      = ari_max; 
   var i           = 0;  
   var li_byte     = 0; 
   var li_len      = 0;  
   var ls_one_char = "";
   var ls_str2     = "";

   for(i=0; i< li_str_len; i++){
      ls_one_char = ls_str.charAt(i);
      if (escape(ls_one_char).length > 4){
         li_byte += 2;
      }
      else{
         li_byte++;
      }

      if(li_byte <= li_max){
         li_len = i + 1;
      }
   }
   
   if(li_byte > li_max){
      globalCommon.alertNotice("The name of gallery must be written less than "+ li_max +" characters.");
      ls_str2 = ls_str.substr(0, li_len);
      aro_name.value = ls_str2;
   }
   aro_name.focus();   
}

function fc_chk2(){
   if(event.keyCode == 13)
      event.returnValue=false;
}



function Check(x,y) {
    for(i=1;i<=6;i++) {
        z = "option" + i ;
            document.all[z].src = "" ; // off
    }
        document.all[x].src = "" // on
        document.all.action.value = x
}


function tabwonpng(url, mname, sw, count, btname) {
	for (i = 1; i < count; i++) {
		if (sw == i) {		
			document.getElementById(mname+i).style.display='';
			document.getElementById(btname+i).src = url + '/img/common/studio/create/'+btname+i+"_on.png";
		} else {
			document.getElementById(mname+i).style.display='none';
			document.getElementById(btname+i).src = url + '/img/common/studio/create/'+btname+i+"_off.png";
		}
	}
}


selectallpic = false;
function changeSelectPic(url, obj){
	if (selectallpic == false)
	{
		obj.setAttribute("src",url + "/img/common/studio/create/btn_select_all_on.gif");
		selectallpic = true;
	}
	else {
		obj.setAttribute("src",url + "/img/common//studio/create/btn_select_all_off.gif");
		selectallpic = false;	
	}
}

function uploadSelect(obj){
	var selectupload = document.getElementById("uploadselect");
	var uploadli = selectupload.getElementsByTagName("li");
	for (i=0; i<uploadli.length ; i++ )
	{
		if (obj == i+1){
			uploadli[i].className = "selectupload";
		}
		else {
			uploadli[i].className = "";
		}		
	}
}

function outInput(inputid) {
	var profileguide = document.getElementById('profileguide');
	var emailguide = document.getElementById('emailguide');
	var passwordguide = document.getElementById('passwordguide');
	profileguide.style.display = 'none';
	passwordguide.style.display = 'none';
	emailguide.style.display = 'none';
    inputid.className = "txtbox";
}

function overInput(inputid) {
	var idinput = inputid.getAttribute('id');
	var profileguide = document.getElementById('profileguide');
	var emailguide = document.getElementById('emailguide');
	var passwordguide = document.getElementById('passwordguide');
	inputid.className = "oninput";
	if (idinput == 'inputprofile')
	{
		profileguide.style.display = '';
	}
	else if (idinput == 'inputemail')
	{
		emailguide.style.display = '';
	}
	else if (idinput == 'inputpw')
	{
		passwordguide.style.display = '';
	}
	else {
		return;
	}
}

function inBox(obj){
	var inputboxon = document.getElementById(obj);
	inputboxon.className = 'txtbox';
}

function productSwap(sw, tabcount) {
	for (i = 1; i < tabcount ; i++) {
		if (sw == i) {		
			document.getElementById('profinder'+i).style.display='';
		} else {
			document.getElementById('profinder'+i).style.display='none';
		}
	}
}

/* star rate */ 
var locked = 0;
function show(imagenr, url) 
{
if (locked) return;
var i;
var image;
var el;
var e = document.getElementById('ratetext');
var StateMSG;
for (i=1; i<=imagenr; i++) {
	image = 'image' + i;
	el = document.getElementById(image);
	el.src = url + "/img/common/mygallery/icon_heart_1.gif";
}
	switch (imagenr) {
		case 1:
		StateMSG = "Rate 20";
		break
		case 2:
		StateMSG = "Rate 40";
		break
		case 3:
		StateMSG = "Rate 60";
		break
		case 4:
		StateMSG = "Rate 80";
		break
		case 5:
		StateMSG = "Rate 100";
		break
		default:
		StateMSG = "";
	}
	e.innerHTML = StateMSG;
}

function noshow(imagenr, url){
	if (locked) return;
	var i;
	var image;
	var el;

	for (i=1; i<=imagenr; i++){
		image = 'image' + i;
		el = document.getElementById(image);
		el.src = url + "/img/common/mygallery/icon_heart_0.gif";
	}
}

function lock(imagenr, url){
    show(imagenr, url);
    locked = 1;
}

function mark(imagenr, url){
	//show(imagenr);
	//locked = 1;
	lock(imagenr, url);
	var e = document.getElementById('ratetext');
	var xmlhttp;
	try {
		xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e) {
	// todo
	}
	//var qs = "UccPointProcess.asp?rate=" + imagenr;  
	//xmlhttp.open("GET", qs);
	xmlhttp.open("GET", "sdic.jsp?rate=" + imagenr,true);
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4) {
		e.innerHTML = xmlhttp.responseText;
		}
	}
	xmlhttp.send(null)
}

featureviewnow = false;
function specialFeatureViewAll(){
	var featureview = document.getElementById('featureview');
	var btnshowall = document.getElementById('btn_show');
	var btnhideall = document.getElementById('btn_hide');
	if (featureviewnow == false){
		featureview.className = "sf_list_on";
		btnshowall.style.display = "none";
		btnhideall.style.display = "";
		featureviewnow = true;
	}
	else {
		featureview.className = "sf_list";
		btnhideall.style.display = "none";
		btnshowall.style.display = "";
		featureviewnow = false;
	}
}

function areaPrint(obj) { 
	var W = obj.offsetWidth;        
	var H = obj.offsetHeight;       
	var features = "menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,width=" + W + ",height=" + H + ",left=400,top=0"; 
	var PrintPage = window.open('',obj.id,features); 
	PrintPage.document.open(); 
	PrintPage.document.write("<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>");
	PrintPage.document.write("<html>");
	PrintPage.document.write("<head>");
	PrintPage.document.write("<title></title>");
	PrintPage.document.write("<style type='text/css'>@import '/css/common/common/jquery_function.css';</style>");
	PrintPage.document.write("<style type='text/css'>@import '/css/common/common/common.css';</style>");
	PrintPage.document.write("<style type='text/css'>@import '/css/common/common/skill.css';</style>");
	PrintPage.document.write("<style type='text/css' media='screen,projection'>@import '/css/community/learn/learn.css';</style>");
	PrintPage.document.write("</head>");
	PrintPage.document.write("<body style='background-color:#FFFFFF; overflow-x:hidden;'>" + obj.innerHTML + "\n</body>");
	PrintPage.document.write("</html>"); 
	PrintPage.document.close(); 
	PrintPage.document.title = document.domain; 
	PrintPage.print(PrintPage.location.reload()); 
} 

 function galleryTabCh(url, btname, sw) {
	var list = document.getElementById("gallerykind").getElementsByTagName('img');

 	for (var i=0; i<list.length; i++) {
		if (typeof list[i].id == 'string' && list[i].id.indexOf(btname) > -1) {
			if (list[i].id == btname + sw) {
				list[i].src = url + '/img/common/mygallery/'+list[i].id+"_on.gif";
			} else {
				list[i].src = url + '/img/common/mygallery/'+list[i].id+"_off.gif";
			}
		}
	}
}


function getEventPosition(evt) {
 var e = evt || window.event;
 var b = document.body;
 var scroll = getScrollOffset();
 var pos = {
  x : e.pageX || e.clientX+scroll.x-b.clientLeft,
  y : e.pageY || e.clientY+scroll.y-b.clientTop
 }
 return pos;
}

function getScrollOffset(win) {
 if (!win) win = self;
 var x = win.pageXOffset || win.document.body.scrollLeft || document.documentElement.scrollLeft || 0;
 var y = win.pageYOffset || win.document.body.scrollTop || document.documentElement.scrollTop || 0;
 return { x:x, y:y };
}

function leftProfile(evt){
 var profileleft = document.getElementById('miniprofile');
 var pos = getEventPosition(evt);

 profileleft.style.display = 'block';
 profileleft.style.left = pos.x + 'px';
 profileleft.style.top = (pos.y - 95) + 'px';
}

function rightProfile(evt){
	var profileleft = document.getElementById('miniprofile');
	var pos = getEventPosition(evt);

	profileleft.style.display = 'block';
	profileleft.style.left = (pos.x - 185) + 'px';
	profileleft.style.top = (pos.y - 95) + 'px';
}

function onItleft(evt, obj){
	var profileleft = document.getElementById(obj);
	var pos = getEventPosition(evt);
	profileleft.style.display = 'block';
	profileleft.style.left = (pos.x - 30) + 'px';
	profileleft.style.top = (pos.y + 10) + 'px';
}

function onItright(evt, obj){
	var profileleft = document.getElementById(obj);
	var pos = getEventPosition(evt);
	profileleft.style.display = 'block';
	profileleft.style.left = (pos.x - 130) + 'px';
	profileleft.style.top = (pos.y + 10) + 'px';
}

function otherOption(evt, obj){
	var profileleft = document.getElementById(obj);
	var pos = getEventPosition(evt);
	profileleft.style.display = 'block';
	profileleft.style.left = (pos.x - 9) + 'px';
	profileleft.style.top = (pos.y - 170) + 'px';
}

commentopen = false;
function commentChange(commentnum){
	var cmtname = document.getElementById(commentnum);
	if (commentopen == false){	
		cmtname.style.display = "block";
		document.getElementById('hidecomment1').style.display = 'none';
		document.getElementById('showcomment1').style.display = '';
		commentopen = true; 
	}
	else {
		cmtname.style.display = "none";
		document.getElementById('showcomment1').style.display = 'none';
		document.getElementById('hidecomment1').style.display = '';
		commentopen = false;
	}
}

commentphoto = true;
function commentPhotoChange(commentnum){
	var cmtname = document.getElementById(commentnum);
	if (commentphoto == false){	
		cmtname.style.display = "block";
		document.getElementById('hidecomment1').style.display = 'none';
		document.getElementById('showcomment1').style.display = '';
		commentphoto = true; 
	}
	else {
		cmtname.style.display = "none";
		document.getElementById('showcomment1').style.display = 'none';
		document.getElementById('hidecomment1').style.display = '';
		commentphoto = false;
	}
}

rateopen = false;
function rateChange(ratenum){
	var cmtname = document.getElementById(ratenum);
	if (rateopen == false){	
		cmtname.style.display = "block";
		document.getElementById('ratethis').style.display = 'none';
		document.getElementById('rateorder').style.display = '';
		rateopen = true; 
	}
	else {
		cmtname.style.display = "none";
		document.getElementById('rateorder').style.display = 'none';
		document.getElementById('ratethis').style.display = '';
		rateopen = false;
	}
}

function viewUIcontetns(idx) {
  var oUIcnt = document.getElementById('skill_uicontents'+idx); 
  var viewList = document.getElementById('skill'+idx);
  if (viewList.style.display == "none")
  {
    oUIcnt.className = "on";
    viewList.style.display = "";
   }
   else {
    oUIcnt.className = "off";
    viewList.style.display = "none";
   }
}

/*
function viewUIcontetns(idx) {
 for (i = 1; i < 5; i++) {
  var oUIcnt = document.getElementById('skill_uicontents'+i); 
  var viewList = document.getElementById('skill'+i);
  if (idx == i)
  {
    oUIcnt.className = "on";
    viewList.style.display = "";
   }
   else {
    oUIcnt.className = "off";
    viewList.style.display = "none";
   }
  }
}
*/




/* out source */
var TabContent = function(tabsId, contentClassName, defaultActive){
	this._tabs = $('#' + tabsId + ' a');
	this._contents = $('.' + contentClassName);
	this._active = defaultActive - 1 || null;

	if(defaultActive){
		this.exeToggle(this._active);
	}else{
		this.exeToggle(0);
	}

	if(this._tabs.length > 1){
		this.setEvent();
	}
};
TabContent.prototype = {
	setEvent: function(){
		this._tabs.bind('click', {thisContext:this}, function(eventData){
			var context = eventData.data.thisContext;
			context.exeToggle(context._tabs.index(this));
		});
		this._tabs.bind('focus', function(){this.blur()});
	},
	exeToggle: function(i){
		this._tabs.eq(i).addClass('current');
		this._contents.eq(i).fadeIn('slow');
		if(this._active != i && typeof(this._active) == 'number'){
			this._contents.eq(this._active).hide();
			this._tabs.eq(this._active).removeClass('current');
		}
		this._active = i;
	}
};

var CurrentChallenge = function(tabsId, contentWrap, contentPage, defaultActive){
	this._tabs = $('#' + tabsId + ' a');
	this._tabsContainer = $('#' + tabsId);
	this._tabsWrap = $('#' + tabsId + ' ul:eq(0)');
	this._contents = $('#' + contentWrap);
	this._space = 213;
	this._active = defaultActive - 1 || null;
	this._pageActive = 0;
	this._page = $('#' + contentPage + ' a');
	this._pageTotal = Math.ceil(this._tabs.length / 3) - 1;

	if(defaultActive){
		this.exeToggle(this._active);
	}else{
		this.exeToggle(0);
	}

	if(this._tabs.length > 1){
		this.setEvent();
	}
};
CurrentChallenge.prototype = {
	setEvent: function(){
		this._tabs.bind('click', {thisContext:this}, function(eventData){
			var context = eventData.data.thisContext;
			context.exeToggle(context._tabs.index(this));
		});
		this._tabs.bind('focus', function(){this.blur()});
		this._page.bind('click', {thisContext:this}, function(eventData){
			var context = eventData.data.thisContext;
			context.exePageMove(context._page.index(this));
		});
		this._page.bind('focus', function(){this.blur()});
	},
	exeToggle: function(i){
		this._tabs.eq(i).addClass('current');
		this._contents.animate({top: -i * this._space}, 'slow');
		if(this._active != i && typeof(this._active) == 'number'){
			this._tabs.eq(this._active).removeClass('current');
		}
		this._active = i;
	},
	exePageMove: function(i){
		// previous
		if(i == 0 && this._pageActive > 0){
			this._pageActive--;
			if(this._active > this._pageActive * 3){
				this.exeToggle(this._pageActive * 3 + 2);
			}
		}
		// next
		if(i == 1 && this._pageActive < this._pageTotal){
			this._pageActive++;
			if(this._active < this._pageActive * 3){
				this.exeToggle(this._pageActive * 3);
			}
		}
		this._tabsWrap.animate({top: -this._pageActive * 117}, 'slow');
	}
};

var SkillsMore = function(){
	this._button = $('#skillsMore');
	this._buttonImg = $('#skillsMore img:eq(0)');
	this._buttonSrc = null;
	this._buttonClose = $('#moreContentClose');;
	this._element = $('#moreContent');
	this._status = 0;
/*
	this._position = this._button.position().left + 15;
	this._element.css('marginLeft', this._position);
*/
	this._button.bind('click', {thisContext:this}, function(eventData){
		var context = eventData.data.thisContext;
		context.exeToggle();
	});
	this._button.bind('focus', function(){this.blur()});
	this._buttonClose.bind('click', {thisContext:this}, function(eventData){
		var context = eventData.data.thisContext;
		context.exeToggle();
	});
};
SkillsMore.prototype = {
	exeToggle: function(){
		this._buttonSrc = this._buttonImg.attr('src');
		if(this._status){
			this._buttonImg.attr({'src': this._buttonSrc.replace('on.gif', 'off.gif')});
			this._element.hide();
			this._status = 0;
		}else{
			this._buttonImg.attr({'src': this._buttonSrc.replace('off.gif', 'on.gif')});
			this._element.fadeIn();
			this._status = 1;
		}
	}
};

var JudgementPop = function(){
	this._buttons = $('div.judgementOpner').find('img:eq(0)');
	this._buttonSrc = null;
	this._buttonClose = $('div.judgementContent').find('img:eq(0)');
	this._element = $('div.judgementContent');
	this._status = null;
	this._buttons.bind('focus', function(){this.blur()});
	this._buttons.bind('click', {thisContext:this}, function(eventData){
		var context = eventData.data.thisContext;
		context.exeToggle(context._buttons.index(this));
	});
	this._buttonClose.bind('click', {thisContext:this}, function(eventData){
		var context = eventData.data.thisContext;
		context.exeToggle(context._buttonClose.index(this));
	});
};

JudgementPop.prototype = {
	exeToggle: function(i){
		this._buttonSrc = this._buttons.eq(i).attr('src');
		if(this._status == i && typeof(this._status) == 'number'){
			this._buttons.eq(i).attr({'src': this._buttonSrc.replace('on.gif', 'off.gif')});
			this._element.eq(i).hide();
			this._status = null;
		}else if(this._status != i){
			if(typeof(this._status) == 'number'){
				this._buttons.eq(this._status).attr({'src': this._buttons.eq(this._status).attr('src').replace('on.gif', 'off.gif')});
				this._element.eq(this._status).hide();
			}
			this._buttons.eq(i).attr({'src': this._buttonSrc.replace('off.gif', 'on.gif')});
			this._element.eq(i).fadeIn();
			this._status = i;
		}

	}
};

/*
	이름 : listZIndex
	설명 : relative안에 있는 absolute레이어가 다음 relative레이어 영역과 겹치는 경우 z-index값을 내림차순으로 설정	
*/
var ListZIndex = function(condition){
	var list = $(condition);
	var listSize = list.size();
	list.each(function(){
		this.style.zIndex = listSize--;
	});
}

/*
	이름 : LayerContent
	설명 : 단일 레이어를 열고 닫는 기능 설정	
*/
var LayerContent = function(opener, content, close){
	this._opener = $(opener);
	if(close){
		this._close = $(content).find(close + ':eq(0)');
		this._close.bind('click', {thisContext:this}, function(eventData){
			var context = eventData.data.thisContext;
			context.exeToggle(context._close.index(this));
		});
	}
	this._content = $(content);
	this._opener.bind('click', {thisContext:this}, function(eventData){
		var context = eventData.data.thisContext;
		context.exeToggle(context._opener.index(this));
	});
};
LayerContent.prototype = {
	exeToggle: function(i){
		if(this._content.eq(i).hasClass('layerOpened')){
			this._content.eq(i).hide();
		}else{
			this._content.eq(i).show();
		}
		this._content.eq(i).toggleClass('layerOpened');
	}
};


var LayerContent2 = function(opener, content, position){
	this._tabs = $(opener);
	this._tabsImage = $(opener).find('img:eq(0)');
	this._contents = $(content);
	this._contentsClose = $(content).find('img.closePopup');
	this._active = null;

	if(position){
		this.setPosition();
	}
	this.setEvent();
};
LayerContent2.prototype = {
	setPosition: function(){
		for(i = 0; i < this._tabsImage.size(); i++){
			this._contents.eq(i).css({'left': this._tabsImage.eq(i).position().left + 45, 'top': this._tabsImage.eq(i).position().top + 1});
		}
	},
	setEvent: function(){
		this._tabs.bind('click', {thisContext:this}, function(eventData){
			var context = eventData.data.thisContext;
			context.exeToggle(context._tabs.index(this));
		});
		this._contentsClose.bind('click', {thisContext:this}, function(eventData){
			var context = eventData.data.thisContext;
			context.exeClose(context._contentsClose.index(this));
		});
		this._tabs.bind('focus', function(){this.blur()});
	},
	exeToggle: function(i){
		this._contents.eq(i).fadeIn('fast');
		this._tabsImage.eq(i).attr({'src': this._tabsImage.eq(i).attr('src').replace('off.gif', 'on.gif')});
		if(this._active != i && typeof(this._active) == 'number'){
			this._contents.eq(this._active).hide();
			this._tabsImage.eq(this._active).attr({'src': this._tabsImage.eq(this._active).attr('src').replace('on.gif', 'off.gif')});
		}
		this._active = i;
	},
	exeClose: function(i){
		this._contents.eq(i).hide();
		this._tabsImage.eq(i).attr({'src': this._tabsImage.eq(i).attr('src').replace('on.gif', 'off.gif')});
		this._active = null;
	}
};


/*
	이름 : AllSelect
	설명 : 체크박스 전체선택/해제
	변수 : buttonSelect = 전체선택/해제 이벤트 발생 checkbox, condition = 전체선택/해제 대상 checkbox
*/
var AllSelect = function(buttonSelect, condition){
	this._button = $(buttonSelect);
	this._checkboxs = $(condition).find(':checkbox');

	this.setEvent();
};
AllSelect.prototype = {
	setEvent: function(){
		this._button.bind('click', {thisContext:this}, function(eventData){
			var context = eventData.data.thisContext;
			context.exeToggle(this.checked);
		});
	},
	exeToggle: function(status){
		if(status){
			this._checkboxs.attr('checked', 'true');
		}else{
			this._checkboxs.attr('checked', '');
		}
	}
};


/*
	이름 : SelectChkDelete
	설명 : 특정한 조건내의 checkbox를 검사하여 체크 된 것이 없다면 별도의 팝업으로, 
		   있다면 buttonDelete의 href요소에 들어있는 url을 x, y값 사이즈로 팝업
	변수 : buttonDelete = 팝업을 띄울 링크태그, condition = 검사할 check박스 범위, x/y = 팝업사이즈
*/
var SelectChkDelete = function(buttonDelete, condition, x, y){
	this._button = $(buttonDelete);
	this._checkboxs = $(condition).find(':checkbox');
	this._url = this._button.attr('href');
	this._x = x;
	this._y = y;

	this.setEvent();
};
SelectChkDelete.prototype = {
	setEvent: function(){
		this._button.bind('click', {thisContext:this}, function(eventData){
			var context = eventData.data.thisContext;
			context.exeCheck();
			return false;
		});
	},
	exeCheck: function(){
		if(this._checkboxs.is(':checked')){
			window.open(this._url, 'deletePopup', 'width=' + this._x + ',height=' + this._y + ',scrollbars=no');
		}else{
			window.open('popup_delete3.html', 'deletePopup', 'width=337,height=208,scrollbars=no');
		}
	}
};




/* 20100525 */
function Listopen(url,name,btn) {

var List_name = document.getElementById(name);
var btn_change= document.getElementById(btn);
var btn_plus = url+'/img/community/photolife/icon_plus.gif';
var btn_minus = url+'/img/community/photolife/icon_minus.gif';

	if (List_name.style.display == "none")
	{		
		btn_change.src = btn_minus;
		document.getElementById(name).style.display='block';
	}else{	
	   btn_change.src =  btn_plus;
	   document.getElementById(name).style.display='none';  
	}

}