function byID(p_element){
	if(typeof(p_element) === 'string'){
		if(document.getElementById && document.getElementById(p_element)){
			p_element = document.getElementById(p_element)
		}else if(document.all && document.all[p_element]){
			p_element = document.all[p_element]
		}else{
			p_element = null;
		};
	};

	return p_element;
};
function getOffset(p_element){
	var l_target = byID(p_element);
	var l_left = 0;
	var l_top = 0;

	while(l_target){
		l_left += l_target.offsetLeft || 0;
		l_top += l_target.offsetTop || 0;

		l_target = byID(l_target.offsetParent);
	};

	return {'left': l_left, 'top': l_top};
};

var g_more_layer_hiding = false;


function toggleMore(event){

	event = window.event ? window.event : event;

	if(event.stopPropagation){
		event.stopPropagation();
	}else{
		event.cancelBubble = true;
	};

	var l_element = event.srcElement ? event.srcElement : event.target;
	var l_header = byID('header');
	var l_headerOffset = getOffset(l_header);
//	var l_offset = getOffset(p_element);
	var l_more = byID('div_topmore');

	if(!l_more){
		l_more = document.createElement('div');
		l_more.id = 'div_topmore';
		l_more.className = 'gnbmenu_091228 toggle-more';
		l_more.style.display = 'none';
		document.body.appendChild(l_more);
		l_more.innerHTML = more_html;
		if(l_more.attachEvent){
			l_more.attachEvent("onmouseout", hideMore);
			l_more.attachEvent("onmouseover", function(){g_more_layer_hiding = false;});
		}else{
			l_more.addEventListener("mouseout", hideMore, false);
			l_more.addEventListener("mouseover", function(){g_more_layer_hiding = false;}, false);
		};
	};

	if(l_more.style.display === 'none'){
		l_more.style.left = (l_headerOffset.left + l_header.offsetWidth - 352) + 'px';
		l_more.style.top = (l_headerOffset.top + 30) + 'px';
		l_more.style.display = 'block';
	}else{
		l_more.style.display = 'none';
		/*
		if(document.detachEvent){
			document.detachEvent("onclick", hideMore);
		}else{
			document.removeEventListener("click", hideMore, false);
		};
		*/

	};

	g_more_layer_hiding = false;
	return false;
};

function hideMore(event){
	var l_more = byID("div_topmore");
	g_more_layer_hiding = true;
	setTimeout(function(){
		if(g_more_layer_hiding){
			l_more.style.display = "none";
		};
		g_more_layer_hiding = false;
	}, 200);

};

var writeHeader = function(html){
	var l_header = byID('header');
	l_header.innerHTML = html + l_header.innerHTML;
};

var gnb_html = '';
//¹Ù·Î°¡±â ³×ºñ
gnb_html += ('<div id="MiniJoinsland">');
gnb_html += ('<ul>');
gnb_html += ('<li  class="fir"><a href="http://www.joinsland.com/">Á¶Àνº·£µå</a></li>');
gnb_html += ('<li><a href="http://news.joinsland.com/">´º½º</a></li>');
gnb_html += ('<li><a href="http://maemul.joinsland.com/">¸Å¹°</a></li>');
gnb_html += ('<li><a href="http://price.joinsland.com/">½Ã¼¼</a></li>');
gnb_html += ('<li><a href="http://bunyang.joinsland.com/">ºÐ¾ç</a></li>');
gnb_html += ('<li><a href="http://consult.joinsland.com/">ÅõÀÚ»ó´ã</a></li>');
gnb_html += ('<li><a href="http://24study.joinsland.com/">±³À°</a></li>');
gnb_html += ('<li><a href="http://community.joinsland.com/">Ä¿¹Â´ÏƼ</a></li>');
gnb_html += ('<li><a href="http://club.joinsland.com/">µ¿È£È¸</a></li>');
gnb_html += ('<li><a href="#" onclick="return toggleMore(event);" onmouseover="toggleMore(event);" onmouseout="hideMore(event);" title="´õº¸±â" class="button-more">´õº¸±â</a></li>');
gnb_html += ('<\/ul>');
gnb_html += ('<\/div>');





//´õº¸±â ¸Þ´º
/*var more_html = '<ul><li class="f"><a href="http://www.joinsland.com/Newsflash/">´º½º</a></li><li class="f"><a href="http://www.joinsland.com/Maemul/">¸Å¹°</a></li><li class="f"><a href="http://www.joinsland.com/Apt/">½Ã¼¼</a></li><li class="f"><a href="http://bunyang.joinsland.com/">ºÐ¾ç</a></li></ul>';
more_html += '<ul><li><a href="http://www.joinsland.com/Consult/">»ó´ã¡¤ÅõÀÚ</a></li><li><a href="http://rebuild.joinsland.com/">Àç°ÇÃࡤÀç°³¹ß</a></li><li><a href="http://sangga.joinsland.com/">»ó°¡</a></li><li><a href="http://world.joinsland.com/">Çؿܺε¿»ê</a></li></ul>';
more_html += '<ul><li><a href="http://property.joinsland.com/">ÀÚ»ê°ü¸®</a></li><li><a href="http://24study.joinsland.com/">±³À°</a></li><li><a href="http://book.joinsland.com/">Ã¥</a></li><li><a href="http://www.joinsland.com/cyberbroker/">Áß°³¾÷¼Ò</a></li></ul>';
more_html += '<ul><li><a href="http://loan.joinsland.com/">´ëÃâ</a></li><li><a href="http://community.joinsland.com/">Ä¿¹Â´ÏƼ</a></li><li><a href="http://club.joinsland.com/main/">µ¿È£È¸</a></li><li><a href="http://tv.joinsland.com/">TV</a></li></ul>';
more_html += '<ul><li><a href="http://www.joinsland.com/Service/">ºÎ°¡Á¤º¸</a></li><li><a href="http://weekly.joinsland.com">ÁÖ°£Áö</a></li><li><a href="http://green.joinsland.com/">³ì»ö¼ºÀå</a></li><li><a href="http://www.joinsland.com/Member/MY/">³»²Ù·¯¹Ì</a></li></ul>';
*/
var more_html = '<ul>';
more_html += '<li><a href="http://rebuild.joinsland.com/">Àç°ÇÃࡤÀç°³¹ß</a></li>' +
  '<li><a href="http://sangga.joinsland.com/">»ó°¡</a></li>' +
	'<li><a href="http://www.joinsland.com/bookedu/">Book & Edu</a></li>' +
	'<li><a href="http://world.joinsland.com/">ÇØ¿ÜÅõÀÚ</a></li>' +
	//'<li><a href="http://book.joinsland.com/">Ã¥</a></li>' +
	'<li><a href="http://plaza.joinsland.com/">Áß°³¾÷¼Ò</a></li>' +
	//'<li><a href="http://weekly.joinsland.com">ÁÖ°£Áö</a></li>' +
	'<li><a href="http://tv.joinsland.com/">¿µ»óÀÚ·á</a></li>' +
	'<li><a href="http://www.joinsland.com/Service/">Áö½Äâ°í</a></li>' +
	'<li><a href="http://move.joinsland.com/">ÀÔÁÖ¼¾ÅÍ</a></li>' +
	'<li><a href="http://green.joinsland.com/">³ì»ö¼ºÀå</a></li>' +
	'<li><a href="http://ggi.joinsland.com/">°æ¸Å</a></li>' +
	'<li><a href="http://onbid.joinsland.com/frontup/extportal/indexJoins.jsp/">°ø¸Å</a></li>' +
	'<li><a href="http://24mall.joinsland.com/prg/inte/default_inte.asp">ÀÎÅ׸®¾î</a></li>' +
	'<li><a href="http://24mall.joinsland.com/joinsland/default.asp">ÀÌ»ç</a></li>' +
	//'<li><a href="http://suninlaw.joinsland.com/lyju/jservice/cooperation/main.sg">ÀÎÅͳݵî±â</a></li>' +
	'<li><a href="http://loan.joinsland.com/">´ëÃâ</a></li>' +
	//'<li><a href="http://www.joinsland.com/sale/newdev/index_main.asp">½Å°³¹ßÁö</a></li>' +
  '<li><a href="http://tj4.joinsland.com/">´ëÀüºÎµ¿»ê</a></li>' +
	'<li><a href="http://community.joinsland.com/apt/">¾ÆÆÄƮȨÇÇ</a></li>';
more_html += '</ul>';
writeHeader(gnb_html);