function getGNBTMB(moduleID){
	if (moduleID == "geoChat") return "m1";
	if (moduleID == "avaChat") return "m2";
	//if (moduleID == "geoMeet") return "m3";
	if (moduleID == "geoClub") return "m3";
	if (moduleID == "avaMall") return "m4";
	if (moduleID == "adult") return "m4";
	if (moduleID == "geoTalkbox") return "m4";
}
function getGNBMiddleColor(moduleID){
	if (moduleID == "geoChat") return "#FAC5C9";
	if (moduleID == "avaChat") return "#BDC80B";
	if (moduleID == "geoMeet") return "#EA4298";
	if (moduleID == "geoClub") return "#DCE6BB";
	if (moduleID == "avaMall") return "#D2E7FA";
	if (moduleID == "geoGame") return "#A5E4ED";
	if (moduleID == "adult") return "#FF99CC";
	if (moduleID == "geoTalkbox") return "#FED66C";

}
function getGNBRightColor(moduleID){
	if (moduleID == "geoChat") return "#A5AE0C";
	if (moduleID == "avaChat") return "#A5AE0C";
	if (moduleID == "geoMeet") return "#C6C6C6";
	if (moduleID == "geoClub") return "#C6C6C6";
	if (moduleID == "avaMall") return "#C6C6C6";
	if (moduleID == "adult") return "#C6C6C6";
	if (moduleID == "geoTalkbox") return "#DCE6BB";

}
function generateGNBLayerCommon(moduleID, subMenu, bgcolor, menuID){

/*	if (subMenu[1] == '¸Â°í') {
		document.writeln(
"	        <tr ID="+menuID+" bgcolor=\""+bgcolor+"\"> "+
"	          <td width=\"20\" height=\"20\" align=\"center\"><img src=\"http://ad.geopia.com/main_img/fulldown_form_blit.gif\" width=\"5\" height=\"7\"></td>"+
"	          <td width=\"99\"><a class=\"black\" href="+subMenu[0]+" target='_top'>" + subMenu[1] + "</a> <img src=\"http://ad.geopia.com/main_img/event_icon.gif\"></td>"+
"	        </tr>");			
	}else
	if (subMenu[1] == '¿À¸ñ') {
		document.writeln(
"	        <tr ID="+menuID+" bgcolor=\""+bgcolor+"\"> "+
"	          <td width=\"20\" height=\"20\" align=\"center\"><img src=\"http://ad.geopia.com/main_img/fulldown_form_blit.gif\" width=\"5\" height=\"7\"></td>"+
"	          <td width=\"99\"><a class=\"black\" href="+subMenu[0]+" target='_top'>" + subMenu[1] + "</a> <img src=\"http://ad.geopia.com/game/img/beta_icon.gif\"></td>"+
"	        </tr>");			
	}else if (subMenu[1] == 'ÇÏÀ̷οì') {
		document.writeln(
"	        <tr ID="+menuID+" bgcolor=\""+bgcolor+"\"> "+
"	          <td width=\"20\" height=\"20\" align=\"center\"><img src=\"http://ad.geopia.com/main_img/fulldown_form_blit.gif\" width=\"5\" height=\"7\"></td>"+
"	          <td width=\"99\"><a class=\"black\" href="+subMenu[0]+" target='_top'>" + subMenu[1] + "</a> <img src=\"http://ad.geopia.com/game/img/beta.gif\"></td>"+
"	        </tr>");			
	}else if (subMenu[1] == '°í½ºÅé') {
		document.writeln(
"	        <tr ID="+menuID+" bgcolor=\""+bgcolor+"\"> "+
"	          <td width=\"20\" height=\"20\" align=\"center\"><img src=\"http://ad.geopia.com/main_img/fulldown_form_blit.gif\" width=\"5\" height=\"7\"></td>"+
"	          <td width=\"99\"><a class=\"black\" href="+subMenu[0]+" target='_top'>" + subMenu[1] + "</a> <img src=\"http://ad.geopia.com/game/img/beta_icon.gif\"></td>"+
"	        </tr>");			
	}else if (subMenu[1] == '¹ÙµÏÀÌ') {
		document.writeln(
"	        <tr ID="+menuID+" bgcolor=\""+bgcolor+"\"> "+
"	          <td width=\"20\" height=\"20\" align=\"center\"><img src=\"http://ad.geopia.com/main_img/fulldown_form_blit.gif\" width=\"5\" height=\"7\"></td>"+
"	          <td width=\"99\"><a class=\"black\" href="+subMenu[0]+" target='_top'>" + subMenu[1] + "</a> <img src=\"http://ad.geopia.com/game/img/beta_icon.gif\"></td>"+
"	        </tr>");			
	}*/
if (subMenu[1] == 'Àå±â') {
		document.writeln(
"	        <tr ID="+menuID+" bgcolor=\""+bgcolor+"\"> "+
"	          <td width=\"20\" height=\"20\" align=\"center\"><img src=\"http://ad.geopia.com/main_img/fulldown_form_blit.gif\" width=\"5\" height=\"7\"></td>"+
"	          <td width=\"99\"><a class=\"black\" href="+subMenu[0]+" target='_top'>" + subMenu[1] + "</a> <img src=\"http://ad.geopia.com/game/img/main_up.gif\"></td>"+
"	        </tr>");			
} else if(subMenu[1] == 'ÈǶó'){
document.writeln(
"	        <tr ID="+menuID+" bgcolor=\""+bgcolor+"\"> "+
"	          <td width=\"20\" height=\"20\" align=\"center\"><img src=\"http://ad.geopia.com/main_img/fulldown_form_blit.gif\" width=\"5\" height=\"7\"></td>"+
"	          <td width=\"99\"><a class=\"black\" href="+subMenu[0]+" target='_top'>" + subMenu[1] + "</a></td>"+
"	        </tr>");			

}else {	
		document.writeln(
"	        <tr ID="+menuID+" bgcolor=\""+bgcolor+"\"> "+
"	          <td width=\"20\" height=\"20\" align=\"center\"><img src=\"http://ad.geopia.com/main_img/fulldown_form_blit.gif\" width=\"5\" height=\"7\"></td>"+
"	          <td width=\"99\"><a class=\"black\" href="+subMenu[0]+" target='_top'>" + subMenu[1] + "</a></td>"+
"	        </tr>");	
	}
}

function generateGNBLayerLine(moduleID)
{
	document.writeln(
	"<tr>"+
	"<td colspan=8><img src=http://ad.geopia.com/menu_img/"+getGNBTMB(moduleID)+"_02.gif width=103 height=3></td>"+
	"</tr>");
}

function generateGNBLayer(moduleID, subMenus)
{
	document.writeln(
"<div ID=gnb_layer_"+moduleID+"  ONMOUSEOVER=\"javascript:showSubMenuLayer('"+moduleID+"')\" ONMOUSEOUT=\"javascript:hideSubMenuLayer('"+moduleID+"')\" style=\"position:absolute; display:none; width:112px; height:101px;\">" +
"	<table width=\"112\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" STYLE=\"position:relative;\">"+
"	  <tr>"+
"	    <td width=\"1\" height=\"1\" bgcolor=\"#000000\"></td>"+
"	    <td width=\"110\" valign=\"top\"><table width=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"black\">");

	var bgcolor = '#FFEFF0';
	
	for (key in subMenus){
		if (key % 2 == 0) bgcolor = getGNBMiddleColor(moduleID);
		else bgcolor = '#FFFFFF';
		
		if (subMenus[key][2] == 'bar'){
			generateGNBLayerLine(moduleID);
		}
		generateGNBLayerCommon(moduleID, subMenus[key], bgcolor, "gnb_layer_"+moduleID+"_"+key);
	}
	
	document.writeln(
"	      </table></td>"+
"	    <td width=\"1\" height=\"1\" bgcolor=\"#000000\"></td>"+
"	  </tr>"+
"	</table>"+
"	<table width='112' border=0 cellpadding=0 cellspacing=0>"+
"		<tr height=2>"+
"		<td rowspan=4 width=1></td>"+
"		<td width=1 bgcolor=#000000></td>"+
"		<td width=1 bgcolor=#ffffff></td>"+
"		<td width=2 bgcolor=#ffffff></td>"+
"		<td bgcolor=#ffffff></td>"+
"		<td width=2 bgcolor=#ffffff></td>"+
"		<td width=1 bgcolor=#ffffff></td>"+
"		<td width=1 bgcolor=#000000></td>"+
"		<td rowspan=4 width=1></td>"+
"		</tr>"+
"		<tr height=1>"+
"		<td rowspan=3></td>"+
"		<td bgcolor=#000000></td>"+
"		<td colspan=3 bgcolor=#ffffff></td>"+
"		<td bgcolor=#000000></td>"+
"		<td rowspan=3></td>"+
"		</tr>"+
"		<tr height=1>"+
"		<td rowspan=2></td>"+
"		<td bgcolor=#000000></td>"+
"		<td bgcolor=#ffffff></td>"+
"		<td bgcolor=#000000></td>"+
"		<td rowspan=2></td>"+
"		</tr>"+
"		<tr height=1>"+
"		<td></td>"+
"		<td bgcolor=#000000></td>"+
"		<td></td>"+
"		</tr>"+
"	</table>"+
"</div>");
	
}

var currentShewModuleID = '';

function showSubMenuLayer(moduleID)
{	
	if (currentShewModuleID == moduleID) return;
	
	if (currentShewModuleID != '') hideSubMenuLayer(currentShewModuleID);
	
	currentShewModuleID = moduleID;
	
	var tg = document.all("gnb_layer_"+moduleID);
	var link = document.all("gnb_link_"+moduleID);
	
	if (tg != null)
	{
		tg.style.posTop = link.offsetTop + link.offsetHeight;
		tg.style.posLeft = link.offsetLeft - 1;
		tg.style.display = "inline";

		for (var i=0; i<objectForClipping.length; i++){
			var frameName = objectForClipping[i];
			var tableName = oTableForClipping[i];    
			var oFrame = document.all[frameName];
			var oTable = document.all[tableName]; 
	
			if( 'undefined' != typeof(tableName) && '' != tableName ){    
	   			var oldFrameOffsetTop = oFrame.offsetTop;    
	   			var oldFrameOffsetLeft = oFrame.offsetLeft;    
	   			var frameOffsetTop = oFrame.offsetTop + parseInt(oTable.style.top);    
	   			var frameOffsetLeft = oFrame.offsetLeft + parseInt(oTable.style.left);    
	   			var frameOffsetBottom = frameOffsetTop + oFrame.offsetHeight;    
	   			var frameOffsetRight = frameOffsetLeft + oFrame.offsetWidth;    
			}    
			else{  
	  			oFrame.style.position = 'relative';
	
				var frameOffsetTop = oFrame.offsetTop;
	  			var frameOffsetLeft = oFrame.offsetLeft;
	  			var frameOffsetBottom = oFrame.offsetTop + oFrame.offsetHeight;
	  			var frameOffsetRight = oFrame.offsetLeft + oFrame.offsetWidth;
			}
	
			var layerOffsetTop = tg.offsetTop;
			var layerOffsetBottom = tg.offsetTop + tg.offsetHeight;
			var layerOffsetLeft = tg.offsetLeft;
			var layerOffsetRight = tg.offsetLeft + tg.offsetWidth;
	
			if (frameOffsetTop <= layerOffsetBottom && (layerOffsetLeft >= frameOffsetLeft && layerOffsetLeft <= frameOffsetRight || frameOffsetLeft >= layerOffsetLeft && frameOffsetLeft <= layerOffsetRight))
			{
	  			oFrame.style.position = 'absolute';
				if( 'undefined' != typeof(tableName) && '' != tableName ){    
	    				oFrame.style.top = oldFrameOffsetTop;    
	    				oFrame.style.left = oldFrameOffsetLeft;    
	    			}    
	  			else{    
	    				oFrame.style.top = frameOffsetTop;
	    				oFrame.style.left = frameOffsetLeft;
	  			}
	  			oFrame.style.clip = "rect(" + (layerOffsetBottom - frameOffsetTop + 1) + " auto auto auto)";
			}
		}
	}
}

function hideSubMenuLayer(moduleID, force)
{
	if (currentShewModuleID != moduleID) return;
	
	var tg = document.all("gnb_layer_" + moduleID);
	
	currentShewModuleID = '';
	
	if (tg != null)
	{
		tg.style.display = "none";
		for (var i=0; i<objectForClipping.length; i++){
			var frameName = objectForClipping[i];
			var tableName = oTableForClipping[i]; 
			var oFrame = document.all[frameName];
			var oTable = document.all[tableName]; 
			
			oFrame.style.position = 'relative';
			oFrame.style.top = 0;
			oFrame.style.left = 0;
			oFrame.style.clip = "rect(auto)";
		}
	}
}

var objectForClipping = new Array();
var oTableForClipping = new Array();


var subMenus_geoChat = new Array();

subMenus_geoChat[0] = new Array();
subMenus_geoChat[0][0] = "http://chat.geopia.com/geochat_roomlist.ggi?catno=68157440";
subMenus_geoChat[0][1] = "Áö¿ªº°";
subMenus_geoChat[0][2] = "";
subMenus_geoChat[1] = new Array();
subMenus_geoChat[1][0] = "http://chat.geopia.com/geochat_roomlist.ggi?catno=135266304";
subMenus_geoChat[1][1] = "¿¬·Éº°";
subMenus_geoChat[1][2] = "";
subMenus_geoChat[2] = new Array();
subMenus_geoChat[2][0] = "http://chat.geopia.com/geochat_roomlist.ggi?catno=202375168";
subMenus_geoChat[2][1] = "ÁÖÁ¦º°";
subMenus_geoChat[2][2] = "";

subMenus_geoChat[0] = new Array();
subMenus_geoChat[0][0] = "http://chat.geopia.com/";
subMenus_geoChat[0][1] = "Áö¿ÀäÆÃ";
subMenus_geoChat[0][2] = "";
subMenus_geoChat[3] = new Array();
subMenus_geoChat[3][0] = "http://chat.geopia.com/geochat_makeroom.ggi";
subMenus_geoChat[3][1] = "äÆù游µé±â";
subMenus_geoChat[3][2] = "";
subMenus_geoChat[4] = new Array();
subMenus_geoChat[4][0] = "http://chat.geopia.com/geochat_sell_intro.ggi";
subMenus_geoChat[4][1] = "äÆùæºÐ¾ç";
subMenus_geoChat[4][2] = "";
subMenus_geoChat[5] = new Array();
subMenus_geoChat[5][0] = "http://chat.geopia.com/geochat_search.ggi";
subMenus_geoChat[5][1] = "äÆùæã±â";
subMenus_geoChat[5][2] = "";

var subMenus_avaChat = new Array();
subMenus_avaChat[0] = new Array();
subMenus_avaChat[0][0] = "http://geome.geopia.com/?mode=area";
subMenus_avaChat[0][1] = "Áö¿ªº° äÆÃ";
subMenus_avaChat[0][2] = "";
subMenus_avaChat[1] = new Array();
subMenus_avaChat[1][0] = "http://geome.geopia.com/?mode=age";
subMenus_avaChat[1][1] = "¿¬·Éº° äÆà ";
subMenus_avaChat[1][2] = "";
subMenus_avaChat[2] = new Array();
subMenus_avaChat[2][0] = "http://geome.geopia.com/?mode=theme";
subMenus_avaChat[2][1] = "ÁÖÁ¦º° äÆÃ";
subMenus_avaChat[2][2] = "";
subMenus_avaChat[3] = new Array();
subMenus_avaChat[3][0] = "http://geome.geopia.com/?mode=make";
subMenus_avaChat[3][1] = "äÆù游µé±â";
subMenus_avaChat[3][2] = "";
subMenus_avaChat[4] = new Array();
subMenus_avaChat[4][0] = "http://geome.geopia.com/?mode=search";
subMenus_avaChat[4][1] = "äÆùæ°Ë»ö";
subMenus_avaChat[4][2] = "";

var subMenus_geoMeet = new Array();
subMenus_geoMeet[0] = new Array();
subMenus_geoMeet[0][0] = "";
subMenus_geoMeet[0][1] = "ÀÌ»óÇüã±â";
subMenus_geoMeet[0][2] = "";
subMenus_geoMeet[1] = new Array();
subMenus_geoMeet[1][0] = "";
subMenus_geoMeet[1][1] = "ÀÚ±âÁ¤º¸¼öÁ¤";
subMenus_geoMeet[1][2] = "";
subMenus_geoMeet[2] = new Array();
subMenus_geoMeet[2][0] = "";
subMenus_geoMeet[2][1] = "»çÁø°ü¸®";
subMenus_geoMeet[2][2] = "";

var subMenus_geoClub = new Array();
subMenus_geoClub[0] = new Array();
subMenus_geoClub[0][0] = "http://club.geopia.com/tip/tiplist.ggi";
subMenus_geoClub[0][1] = "Ŭ·´ TIP";
subMenus_geoClub[0][2] = "";
subMenus_geoClub[1] = new Array();
subMenus_geoClub[1][0] = "http://club.geopia.com/faq/faqlist.ggi";
subMenus_geoClub[1][1] = "Ŭ·´ FAQ";
subMenus_geoClub[1][2] = "";
subMenus_geoClub[2] = new Array();
subMenus_geoClub[2][0] = "http://club.geopia.com/clublist/view_list.ggi?cmd=RANK";
subMenus_geoClub[2][1] = "Ŭ·´ ¸®½ºÆ®";
subMenus_geoClub[2][2] = "";
subMenus_geoClub[3] = new Array();
subMenus_geoClub[3][0] = "http://club.geopia.com/clubmake/clubagree.ggi";
subMenus_geoClub[3][1] = "Ŭ·´ ¸¸µé±â";
subMenus_geoClub[3][2] = "";

var subMenus_avaMall = new Array();
subMenus_avaMall[0] = new Array();
subMenus_avaMall[0][0] = "http://avatar.geopia.com/avatar_sub.ggi?menu=CA0001";
subMenus_avaMall[0][1] = "ÆмǸô";
subMenus_avaMall[0][2] = "";
subMenus_avaMall[1] = new Array();
subMenus_avaMall[1][0] = "http://avatar.geopia.com/avatar_sub.ggi?menu=CA0002";
subMenus_avaMall[1][1] = "ºäƼ¸ô";
subMenus_avaMall[1][2] = "";
subMenus_avaMall[2] = new Array();
subMenus_avaMall[2][0] = "http://avatar.geopia.com/avatar_sub.ggi?menu=CA0003";
subMenus_avaMall[2][1] = "Å׸¶¸ô";
subMenus_avaMall[2][2] = "";
subMenus_avaMall[3] = new Array();
subMenus_avaMall[3][0] = "http://avatar.geopia.com/avatar_sub.ggi?menu=CA0004";
subMenus_avaMall[3][1] = "À̺¥Æ®¸ô";
subMenus_avaMall[3][2] = "";

/*
var subMenus_talkbox = new Array();


subMenus_talkbox[0] = new Array();
subMenus_talkbox[0][0] = "http://talkbox.geopia.com/bbs/bbsMain.ggi?tbname=bdtalkbox5";
subMenus_talkbox[0][1] = "Ä¿¹Â´ÏƼ";
subMenus_talkbox[0][2] = "";
subMenus_talkbox[1] = new Array();
subMenus_talkbox[1][0] = "http://talkbox.geopia.com/bbs/bbsMain.ggi?tbname=bdtalkbox23";
subMenus_talkbox[1][1] = "°¶·¯¸®";
subMenus_talkbox[1][2] = "";
subMenus_talkbox[2] = new Array();
subMenus_talkbox[2][0] = "http://talkbox.geopia.com/bbs/bbsMain.ggi?tbname=bdtalkbox8";
subMenus_talkbox[2][1] = "À¯¸Ó/¿±±â";
subMenus_talkbox[2][2] = "";
*/

var subMenus_geoGame = new Array();

subMenus_geoGame[0] = new Array();
subMenus_geoGame[0][0] = "http://game.geopia.com/gostop2/";
subMenus_geoGame[0][1] = "¸Â°í";
subMenus_geoGame[0][2] = "";
subMenus_geoGame[1] = new Array();
subMenus_geoGame[1][0] = "http://game.geopia.com/gostop/";
subMenus_geoGame[1][1] = "°í½ºÅé";
subMenus_geoGame[1][2] = "";

subMenus_geoGame[2] = new Array();
subMenus_geoGame[2][0] = "http://game.geopia.com/poker/";
subMenus_geoGame[2][1] = "Æ÷Ä¿";
subMenus_geoGame[2][2] = "";
subMenus_geoGame[3] = new Array();
subMenus_geoGame[3][0] = "http://game.geopia.com/highlow/";
subMenus_geoGame[3][1] = "ÇÏÀ̷οì";
subMenus_geoGame[3][2] = "";
subMenus_geoGame[4] = new Array();
subMenus_geoGame[4][0] = "http://game.geopia.com/baduki/";
subMenus_geoGame[4][1] = "·Î¿ì ¹ÙµÏÀÌ";
subMenus_geoGame[4][2] = "";
subMenus_geoGame[5] = new Array();
subMenus_geoGame[5][0] = "http://game.geopia.com/hoola/";
subMenus_geoGame[5][1] = "ÈǶó";
subMenus_geoGame[5][2] = "";

subMenus_geoGame[6] = new Array();
subMenus_geoGame[6][0] = "http://game.geopia.com/janggi/";
subMenus_geoGame[6][1] = "Àå±â";
subMenus_geoGame[6][2] = "";
subMenus_geoGame[7] = new Array();
subMenus_geoGame[7][0] = "http://game.geopia.com/omok/";
subMenus_geoGame[7][1] = "¿À¸ñ";
subMenus_geoGame[7][2] = "";
subMenus_geoGame[8] = new Array();
subMenus_geoGame[8][0] = "http://game.geopia.com/taja/";
subMenus_geoGame[8][1] = "ŸÀÚ°ÔÀÓ";
subMenus_geoGame[8][2] = "";

subMenus_geoGame[9] = new Array();
subMenus_geoGame[9][0] = "http://aspgame.geopia.com";
subMenus_geoGame[9][1] = "°ÔÀÓ ¹«·áºÐ¾ç";
subMenus_geoGame[9][2] = "";
//subMenus_geoGame[10] = new Array();
//subMenus_geoGame[10][0] = "mailto:aspinfo.geopia.com";
//subMenus_geoGame[10][1] = "°ÔÀÓ Á¦ÀÛ ¹®ÀÇ";
//subMenus_geoGame[10][2] = "";

//subMenus_geoGame[10] = new Array();
//subMenus_geoGame[10][0] = "http://geopc.geopia.com";
//subMenus_geoGame[10][1] = "ÆÄÆ®³Ê PC¹æ";
//subMenus_geoGame[10][2] = "";
//subMenus_geoGame[7] = new Array();
//subMenus_geoGame[7][0] = "http://game.geopia.com/event/";
//subMenus_geoGame[7][1] = "¹®½ºÅæ À̺¥Æ®";
//subMenus_geoGame[7][2] = "";
//subMenus_geoGame[8] = new Array();
//subMenus_geoGame[8][0] = "http://aspgame.geopia.com";
//subMenus_geoGame[8][1] = "°ÔÀÓ ASP";
//subMenus_geoGame[8][2] = "";
//subMenus_geoGame[9] = new Array();
//subMenus_geoGame[9][0] = "http://geopc.geopia.com";
//subMenus_geoGame[9][1] = "ÆÄÆ®³Ê PC¹æ";
//subMenus_geoGame[9][2] = "";

var subMenus_adult = new Array();
subMenus_adult[0] = new Array();
subMenus_adult[0][0] = "http://adult.geopia.com/adult2.ggi";
subMenus_adult[0][1] = "È­»óäÆÃ";
subMenus_adult[0][2] = "";
subMenus_adult[1] = new Array();
subMenus_adult[1][0] = "http://adult.geopia.com/adult1.ggi";
subMenus_adult[1][1] = "¿¬¿¹ÀÎ ´©µå";
subMenus_adult[1][2] = "";
subMenus_adult[2] = new Array();
subMenus_adult[2][0] = "http://adult.geopia.com/adult4.ggi";
subMenus_adult[2][1] = "´©µå °¶·¯¸®";
subMenus_adult[2][2] = "";

//generateGNBLayer('geoChat', subMenus_geoChat);
generateGNBLayer('geoGame', subMenus_geoGame);
//generateGNBLayer('avaChat', subMenus_avaChat);
//generateGNBLayer('geoMeet', subMenus_geoMeet);
generateGNBLayer('geoClub', subMenus_geoClub);
//generateGNBLayer('geoTalkbox', subMenus_talkbox);
generateGNBLayer('avaMall', subMenus_avaMall);
generateGNBLayer('adult', subMenus_adult);