/* 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 = '';

	if (objname=='download') document.getElementById('video_pop').style.display = 'none'; /* 20100920 */
	if (objname=='video_pop') document.getElementById('download').style.display = 'none'; /* 20100920 */

	return false /* 20100804 */
}

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";
		}
	}
}

/* 20100913 */
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) {
			   } 
		}
	}
}

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';
}

/* 20100728 */ 
function productSwap(sw, tabcount) {
	for (i = 1; i < tabcount ; i++) {
		var img_url =  '/img/community/learn/landing/product/tab_allview0' + i;
		if (sw == i) {		
			document.getElementById('profinder'+i).style.display='';
			document.getElementById('view_tab0'+i).src=img_url +'_on.gif';
			
		} else {
			document.getElementById('profinder'+i).style.display='none';
			document.getElementById('view_tab0'+i).src=img_url +'_off.gif';
		}
	}
}

/* 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.png"; /* 20100902 */
}
	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.png"; /* 20100902 */
	}
}

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) {      // 20100830 url 추가

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';  
	}

}


/* str : 20100727 */
function Allview_pop(name,icon){
	var pop_name=document.getElementById(name);
	var icon_name=document.getElementById(icon);
	var img_off= '/img/community/learn/top_allview_off.gif';
	var img_on= '/img/community/learn/top_allview_on.gif';

    if (pop_name.style.display == "none")
	{		
		icon_name.src = img_on;
		document.getElementById(name).style.display='block';
	}else{	
	   icon_name.src = img_off;
	   document.getElementById(name).style.display='none';  
	}
}


/* str : 20100806 */
function Allview(url,name,icon){
	 var div_name=document.getElementById(name);
	 var icon_name=document.getElementById(icon);
	 var img_off= url + '/img/common/common/btn_allview_off.gif';
	 var img_on= url + '/img/common/common/btn_allview_on.gif';

		if (div_name.style.display == "none")
	 {  
	  icon_name.src = img_on;
	  icon_name.alt = '숨기기';
	  document.getElementById(name).style.display='block';
	 }else{ 
		icon_name.src = img_off;
		icon_name.alt = '모두보기';
		document.getElementById(name).style.display='none';  
	 }
}
/* end : 20100806 */


function product_view(name,n){

	 if (n == 1) {
		document.getElementById(name).style.display='block';
	 } if (n == 2) {
		document.getElementById(name).style.display=''; /* 20100927 추가 */
	 }else {
	   document.getElementById(name).style.display='none';  
	 }
}

/* 20100728 */
function Listopen2(url,name,name2,btn) {      // 20100830 url 추가

var List_name = document.getElementById(name);
var List_name2 = document.getElementById(name2);
var btn_change= document.getElementById(btn);
var btn_plus = url + '/img/common/mygallery/btn_hide.gif';
var btn_minus = url + '/img/common/mygallery/btn_show.gif';

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

}

/* 20100728 */
function Listopen3(url,name,btn) {

var List_name = document.getElementById(name);
var btn_change= document.getElementById(btn);
var btn_plus = url + '/img/common/common/btn_comm1.gif';
var btn_minus = url + '/img/common/common/btn_comm2.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';  
	}

}

/* 20100804 */
function gallerySocketBT(url, btname, sw) {
	var list = document.getElementById("gallerysocket").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/community/explore/'+list[i].id+"_on.gif";
			} else {
				list[i].src = url + '/img/community/explore/'+list[i].id+"_off.gif";
			}
		}
	}
}
/* 201000804 */

/* 20100805 */
function empty_chk(f,code,num){
	if(code=="m"){
	 if(num==1) if(f.value=='친구에게 메시지를 보내세요.') f.value='';
	 if(num==2) if(f.value=='') f.value='친구에게 메시지를 보내세요.'; 
	}else 
	 if(num==1) if(f.value.indexOf('친구에게 메시지를 보내세요.')==0) f.value='';
	 if(num==2) if(f.value=='') f.value='친구에게 메시지를 보내세요.';
}


function folderChange(name, obj, icon){

	var containTab = document.getElementById(name);
	var containEl = containTab.getElementsByTagName('li');

	for (i=0; i<containEl.length ; i++){
		if (obj == i){
			var outLink = containEl[i].firstChild;
			var realLink = outLink.className = 'choice_folder';
		}
		else {
			var outLink = containEl[i].firstChild;
			var realLink = outLink.className = '';
		}
	}

	var imgscr = '/img/common/mygallery/icon_folder_off.gif'
	var imgscr2 = '/img/common/mygallery/icon_folder_on.gif'

	var containICON = containTab.getElementsByTagName('img');
	for (i=0; i<containICON.length ; i++){
		if (obj == i){
			containICON[i].src = imgscr2 ;
		}
		else {
			containICON[i].src = imgscr ;
		}
	}
}

/* 20100805 */


/* str : 20100806 */ 
function event_change(url, n){

    var name1 = document.getElementById('event01');
    var name2 = document.getElementById('event02');

    var btn1 = document.getElementById('more01');
    var btn2 = document.getElementById('more02');

    var btn_img1 = url + '/img/community/collaborate/tab_more01.gif';
    var btn_img2 = url + '/img/community/collaborate/tab_more02.gif';
   
    var img_div1 = document.getElementById('main_img01');
    var img_div2 = document.getElementById('main_img02');

 if(n == 1) {
      name1.className = "event_01_on clearfix";
      name2.className = "event_02_off clearfix";

   btn1.src= btn_img1;
   btn2.src= btn_img2;

   img_div1.style.display = 'block';
   img_div2.style.display = 'none';
 } else {
      name1.className = "event_01_off clearfix";
      name2.className = "event_02_on clearfix";

   btn1.src= btn_img2;
   btn2.src= btn_img1;
   
   img_div1.style.display = 'none';
   img_div2.style.display = 'block';
 }
} 

/* end : 20100806 */ 

/* str : 20100812  
function setPreviewBox(evt){
	var pos = getEventPosition(evt);
	//alert("a");
	//alert(document.body.clientWidth);
	var aw = (document.body.clientWidth)/2;
	var pcon = document.getElementById('pop_content');
	//var pst = pcon.style.top;
	document.getElementById('pop_content').style.display='';   
	if ( pos.x <aw)
	{
		alert(document.getElementById('pop_content').style.top);
		//alert( pos.x);
		//pcon.style.left = pos.x;
	}
	/*if( pos.x < document.body.width ){
		alert(a);
		pop_content.style.posLeft = pos.x - 40;
	}else{
		//pop_content.style.posLeft = pos.x - 340; 
	}
	//pop_content.style.posTop = pos.y  + document.body.scrollTop - 170;  
} 

function setPreviewBox(evt){
	var pos = getEventPosition(evt);
	if( pos.x < 600 ){
		pop_content.style.posLeft = pos.x - 40;
	}else{
		pop_content.style.posLeft = pos.x - 340; 
	}
	pop_content.style.posTop = pos.y  + document.body.scrollTop - 170;  
} 
function hidePreview()  
{   
	pop_content.innerHTML='';   
	pop_content.style.display='none';   
} */ 

function changebest(url, idx) { /* 20100907 url추가 */

	var oNavi_on= url + "/img/common/landing/btn_mtabbest_on.gif";
	var oNavi_off= url + "/img/common/landing/btn_mtabbest_off.gif";

	for(i = 1; i<5; i++){
		oNavi = document.getElementById('bestNavi'+i);
		divLayer = document.getElementById('divBest'+i);
		if(i == idx){
			oNavi.src = oNavi_on ;
			divLayer.style.display = "block";
		}else{
			oNavi.src = oNavi_off ;
			divLayer.style.display = "none";
		}
	}
}

function tablon(url, mname, sw, count, cname, clname) {
	for (i = 1; i < count; i++) {
		if (sw == i) {		
			document.getElementById(cname+i).style.display='';
			document.getElementById(mname).className = clname + i;
		} else {
			document.getElementById(cname+i).style.display='none';
		}
	}
}

/* end : 20100812 */ 

/* str : 20100906 */
function notiOpenPop(url,objname){
	var openname = document.getElementById(objname);	
	openname.style.display = '';

	if (objname=='commentopen' || objname=='newupdates' )
	{
		btn_on01 = document.getElementById('noti_pop01_btn');	
		btn_on02 = document.getElementById('noti_pop02_btn');		

		if (objname=='commentopen')  
		{
			document.getElementById('newupdates').style.display = 'none';	
			btn_on01.src = url + '/img/common/common/noti04_on.gif';	
			btn_on02.src = url + '/img/common/common/noti05_off.gif';			
				
			btn_on01.onmouseover = function(){
					img_change(this, 'on');
				}
			btn_on01.onmouseout = function(){
					img_change(this, 'on');
				}
			btn_on02.onmouseover = function(){
					img_change(this, 'on');
				}
			btn_on02.onmouseout = function(){
					img_change(this, 'off');
				}			
		}

		if (objname=='newupdates')  
		{
			document.getElementById('commentopen').style.display = 'none';
			btn_on01.src = url + '/img/common/common/noti04_off.gif';	
			btn_on02.src = url + '/img/common/common/noti05_on.gif';	

			btn_on02.onmouseover = function(){
					img_change(this, 'on');
				}
			btn_on02.onmouseout = function(){
					img_change(this, 'on');
				}
			btn_on01.onmouseover = function(){
					img_change(this, 'on');
				}
			btn_on01.onmouseout = function(){
					img_change(this, 'off');
				}
		}
	}
}


 function notiClosePop(url,objname){

	var closename = document.getElementById(objname);
	closename.style.display = 'none';

	if (objname=='commentopen') {
	btn_on01 = document.getElementById('noti_pop01_btn');						
	btn_on01.src = url + '/img/common/common/noti04_off.gif';
	}

	if (objname=='newupdates'){
	btn_on02 = document.getElementById('noti_pop02_btn');								
	btn_on02.src = url + '/img/common/common/noti05_off.gif';	
	}

}
/* end : 20100906 */

/* str : 20100907 */
function changeLayer(url, idnum, idtnum, btnid, layid) {

	var oNavi_on= url + "/img/common/common/rec_on.gif";
	var oNavi_off= url + "/img/common/common/rec_off.gif";

	for(i = 1; i<idtnum; i++){
		oNavi = document.getElementById(btnid + i);
		divLayer = document.getElementById(layid + i);
		if(i == idnum){
			oNavi.src = oNavi_on ;
			divLayer.style.display = "block";
		}else{
			oNavi.src = oNavi_off ;
			divLayer.style.display = "none";
		}
	}
}
/* end : 20100907 */

/* str : 20110307 */
function Open_Layer(name){
document.getElementById(name).style.display = '';
}

function Close_Layer(name){
document.getElementById(name).style.display = 'none';
}

function OPen_Widget(url,winW,winH,winName){
	var setup = "width="+ winW +",height="+winH+",toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no";
	if (!winName) winName = "";
	window.open(url, winName, setup);
}
/* end : 20110307 */