function URLEncode (clearString) {
  var output = '';
  var x = 0;
  clearString = clearString.toString();
  var regex = /(^[a-zA-Z0-9_.]*)/;
  while (x < clearString.length) {
    var match = regex.exec(clearString.substr(x));
    if (match != null && match.length > 1 && match[1] != '') {
    output += match[1];
      x += match[1].length;
    } else {
      if (clearString[x] == ' ')
        output += '+';
      else {
        var charCode = clearString.charCodeAt(x);
        var hexVal = charCode.toString(16);
        output += '%' + hexVal.toUpperCase();
      }
      x++;
    }
  }
  return output;
}

function getBoundsObject(tag){
    var techbug = new Object();

    if(tag !=null && tag != undefined ){
        if(tag.getBoundingClientRect){ //IE, FF3
            var rect = tag.getBoundingClientRect();
            techbug.left = rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft);
            techbug.top = rect.top + (document.documentElement.scrollTop || document.body.scrollTop);
            techbug.width = rect.right - rect.left;
            techbug.height = rect.bottom - rect.top +1; // +1 = Moz¿Í ¸ÂÃã
        } else  if (document.getBoxObjectFor) { // gecko ¿£Áø ±â¹Ý FF3Á¦¿Ü
            var box = document.getBoxObjectFor(tag);
            techbug.left = box.x;
            techbug.top = box.y;
            techbug.width = box.width;
            techbug.height = box.height;
        }else {
            techbug.left = tag.offsetLeft;
            techbug.top = tag.offsetTop;
            techbug.width = tag.offsetWidth;
            techbug.height = tag.offsetHeight  + 3;  // +1 = Moz¿Í ¸ÂÃã
            var parent = tag.offsetParent;
            if (parent != tag) {
                while (parent) {
                    techbug.left += parent.offsetLeft;
                    techbug.top += parent.offsetTop;
                    parent = parent.offsetParent;
                }
            }
            // ¿ÀÆä¶ó¿Í »çÆĸ®ÀÇ 'absolute' postionÀÇ °æ¿ì bodyÀÇ offsetTopÀ» À߸ø °è»ê º¸Á¤
            var ua = navigator.userAgent.toLowerCase();
            if (ua.indexOf('opera') != -1 || ( ua.indexOf('safari') != -1 && getStyle(tag, 'position') == 'absolute' )) {
                techbug.top -= document.body.offsetTop;
            }

        }
        return techbug;
    }
}

function sub_menu_view(no, mode){

	if(mode=='on'){

		var tag = document.getElementById('gameangelmenu'+no);
		var btn_posiction = getBoundsObject(tag);

		document.getElementById('gameangel_submenu'+no).style.top = (btn_posiction.top+12)+'px';
		document.getElementById('gameangel_submenu'+no).style.left = btn_posiction.left+'px';

		document.getElementById('gameangel_submenu'+no).style.display = '';

	}else{

		document.getElementById('gameangel_submenu'+no).style.display = 'none';

	}

}

function getCookie_top(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) return decodeURIComponent(c.substring(name.length,c.length));
    }
    return "";
}

var HTML_in = '<style type="text/css">#gameangel_top_gnb, #gameangel_top_gnb a {font-family:Dotum, µ¸¿ò, sans-serif;font-size: 11px;color: #777;text-decoration: none;} #gameangel_top_gnb {height:40px;border-top:1px solid #e1e1e1;border-bottom: 1px solid #bababa;background: url(http://img.gameangel.com/global_nav/bg.gif) repeat-x;position: relative;z-index: 50;} #gameangel_top_gnb ul {padding: 0; margin: 0;list-style: none;} #gameangel_top_gnb > .inner {padding: 0 10px;*zoom:1;} #global_nav:after, #global_small:after {*zoom:1;} #gameangel_top_gnb > .inner:after, #global_nav:after, #global_small:after {clear:both;content:"";display:block;} .gameangel_logo, #global_nav {float: left;} #global_small {float: right;} #global_nav > li,	#global_small > li {float:left;} .gameangel_logo {display:block;width:193px; height: 31px;margin-top: 5px;margin-right:31px;background:url(http://img.gameangel.com/global_nav/sp_global_nav.png?v2) no-repeat 0 0;font-size: 0 !important;color:transparent !important;} #global_small {margin-top: 11px !important;} #global_small li {background: url(http://img.gameangel.com/global_nav/lb.gif) no-repeat left 3px;} #global_small li:first-child {background: none;} #global_small li a {padding: 0 10px; line-height: 18px;} #global_small li a.btn_login, #global_small li a.btn_logout {display:block;position: relative; top: -1px;} #global_small li a.btn_login i, #global_small li a.btn_logout i {display:block;width:51px;height: 18px;background:url(http://img.gameangel.com/global_nav/sp_global_nav.png?v2) no-repeat;font-size: 0;color: transparent;} #global_small li a.btn_login i {background-position: -200px 0;} #global_small li a.btn_logout i {background-position: -200px -20px;} #global_nav {border-left: 1px solid #d7d7d8;border-right:1px solid #fff;} #global_nav > li {position: relative;height: 25px;padding: 15px 15px 0;border-left: 1px solid #fff;border-right:1px solid #d7d7d8;} #global_nav > li > a {display: inline-block;*display:inline;*zoom:1;height: 12px;background:url(http://img.gameangel.com/global_nav/sp_global_nav.png?v2) no-repeat;font-size: 0;color: transparent;position: relative;vertical-align: top;} #global_nav > li > a.nav1 {width: 55px; background-position: 0 -40px;} #global_nav > li > a.nav2 {width: 45px; background-position: -60px -40px;} #global_nav > li > a.nav3 {width: 44px; background-position: -110px -40px;} #global_nav > li > a.nav4 {width: 45px; background-position: 0px -55px;} #global_nav > li > a.nav5 {width: 45px; background-position: -49px -55px;} #global_nav > li i {display: inline-block;*display:inline;*zoom:1;width:7px;height:7px;margin-left:9px;background:url(http://img.gameangel.com/global_nav/sp_global_nav.png?v2) no-repeat -260px 0;position: relative;vertical-align: top;top:3px;*left: 9px;} #global_nav > li.at_sub:hover {background: #fff;border-color:#999;} #global_nav > li.at_sub:hover i {background-position:-270px 0;} #global_nav > li:hover .global_sub {display: block;} .global_sub {display: none;position: absolute;z-index: 11;top:100%;left:-1px;right:-1px;background: #fff;border:1px solid #999;border-top: none;padding: 15px !important;} .global_sub li {line-height: 20px;white-space: nowrap;letter-spacing: -1px;} .global_sub li:hover {padding-left: 6px;background:url(http://img.gameangel.com/global_nav/bu.gif) no-repeat left 5px;}</style>';

HTML_in += '<div id="gameangel_top_gnb"><div class="inner">';

HTML_in += '<a href="http://www.gameangel.com/" class="gameangel_logo">½É½ÉÇÒ¶©? °ÔÀÓ¿£Á©</a><ul id="global_nav"><li class="at_sub"><a href="#" class="nav1">Ç÷¡½Ã°ÔÀÓ</a><i></i><ul class="global_sub"><li><a href="http://fg.gameangel.com">Ç÷¡½Ã°ÔÀÓ È¨</a></li><li><a href="http://fg.gameangel.com/?dirname=top100&top_cgroup=game_flash">°ÔÀÓ¹¶Ä¡100</a></li><li><a href="http://fg.gameangel.com/game_flash/">Áßµ¶¼º°ÔÀÓ</a></li><li><a href="http://fg.gameangel.com/game_rank/">·©Å·°ÔÀÓ</a></li><li><a href="http://eventgame.gameangel.com/game_event/">À̺¥Æ®°ÔÀÓ</a></li></ul></li><li class="at_sub"><a href="http://styleup.gameangel.com" class="nav3">½ºÅ¸ÀϾ÷</a><i></i><ul class="global_sub"><li><a href="http://styleup.gameangel.com">½ºÅ¸ÀϾ÷ Ȩ</a></li><li><a href="http://styleup.gameangel.com/game_styleup/">W½ºÅ¸ÀϾ÷</a></li><li><a href="http://styleup.gameangel.com/?dirname=game_styleup_good">WÄÜÅ×½ºÆ®</a></li><li><a href="http://styleup.gameangel.com/game_mstyleup/">M½ºÅ¸ÀϾ÷</a></li><li class="at_sub"><a href="http://styleup.gameangel.com/?dirname=game_mstyleup_good">MÄÜÅ×½ºÆ®</a></li><li><a href="http://styleup.gameangel.com/game_styleup/?addon=game_board&mcate=0">Ä¿¹Â´ÏƼ</a></li></ul></li><li><a href="http://brand.gameangel.com" class="nav2">ºê·£µåÁ¸</a><i></i><ul class="global_sub"><li><a href="http://brand2.gameangel.com/gamen/">°ÔÀÓ¿£Á¸</a></li><li><a href="http://angelmaple.gameangel.com/">¿£Á©¸ÞÀÌÇÃÁ¸</a></li></ul></li><li><a href="http://judygame.gameangel.com/" class="nav4">Áêµð°ÔÀÓ</a></li></li><li><a href="http://kiniwini.gameangel.com/" class="nav5">Å°´ÏÀ§´Ï</a></li></ul>';

// ȸ¿ø
if(getCookie_top('user[mid]')) {

HTML_in += '<ul id="global_small"><li><a href="http://www.gameangel.com/angelzone/?m=myinfo">³»Á¤º¸</a></li><li><a href="http://www.gameangel.com/information/?m=faq">°í°´¼¾ÅÍ</a></li><li><a href="javascript:;" onclick="location.href=\'http://www.gameangel.com/?logout_prc=action&logout_mode=user&logout_gourl=\'+URLEncode(location.href);" class="btn_logout"><i>·Î±×¾Æ¿ô</i></a></li></ul>';
<!-- <li><a href="javascript:;" onClick="window.open(\'https://www.gameangel.com/charge/?open_agree=1\',\'\',\'width=516,height=680,toolbar=no,scrollbars=no,status=no\');">¿£Á©Ä³½ÃÃæÀü</a></li> -->

// ºñȸ¿ø
} else {

HTML_in += '<ul id="global_small"><li><a href="javascript:;" onclick="location.href=\'http://www.gameangel.com/misc/?m=login&goURL=\'+URLEncode(location.href);" class="btn_login"><i>·Î±×ÀÎ</i></a></li><li><a href="javascript:;" onClick="alert(\'·Î±×ÀÎ ÈÄ ÀÌ¿ëÇϼ¼¿ä.\'); location.href=\'http://www.gameangel.com/misc/?m=login&goURL=\'+URLEncode(location.href);">³»Á¤º¸</a></li><li><a href="http://www.gameangel.com/information/?m=faq">°í°´¼¾ÅÍ</a></li></ul>';
<!-- <li><a href="javascript:;" onClick="alert(\'·Î±×ÀÎ ÈÄ ÀÌ¿ëÇϼ¼¿ä.\'); location.href=\'http://www.gameangel.com/misc/?m=login&goURL=\'+URLEncode(location.href);">¿£Á©Ä³½ÃÃæÀü</a></li> -->
}

HTML_in += '</div></div>';

document.write(HTML_in);