// Hide And Show Toggle
var cc=0
function hideShow(id) {
    if (cc==0) {
        cc=1
        document.getElementById(id).style.display="none";
    } else {
        cc=0
        document.getElementById(id).style.display="block";
    }
}

// Show And Hide Toggle
var cc=0
function showHide(id) {
    if (cc==0) {
        cc=1
        document.getElementById(id).style.display="block";
    } else {
        cc=0
        document.getElementById(id).style.display="none";
    }
}

// Local Navigation Toggle
function lnbToggle(id) {
	for(num=1; num<=3; num++) document.getElementById('D3MG'+num).style.display='none'; //D4MG1~D4MG3 까지 숨긴 다음
	document.getElementById(id).style.display='block'; //해당 ID만 보임
}

// IS
function chkIsKind(key, value) {
    showHide('selectOrder');
    xGetElementById('search_target'+key).checked = true;
    xInnerHtml('search_target_label', value);
}

$(function(){									//페이지가 로딩되는 시점에
	$('.btn1').click(function(){				//클래스가 btn1인 요소를 클릭하면 
		$('.menusitemap').css('display','block');	//클래스가 layer1인 요소의 스타일에 display:block을 적용해라
	});

	$('.btn2').toggle(function(){				//클래스가 btn2인 요소를 한번 클릭하면
		$('.menusitemap').css('display','block');	//클래스가 layer2인 요소의 스타일에 display:block을 적용해라
	},function(){								//클래스가 btn2인 요소를 한번 더 클릭하면
		$('.menusitemap').css('display','none');		//클래스가 layer2인 요소의 스타일에 display:none을 적용해라
	});

	$('.btn3').toggle(function(){				//클래스가 btn3인 요소를 한번 클릭하면
		$('.layer3').css({						//클래스가 layer3인 요소의 스타일에 
		display:'block',						//display:block; border:1px solid red; height:100px;을 적용해라
		border:'1px solid red',
		height:'100px'
		});	
	},function(){								//클래스가 btn3인 요소를 한번 더 클릭하면
		$('.layer3').css({						//클래스가 layer3인 요소의 스타일에 
		display:'none',							//display:none; border:0; height:180px;을 적용해라
		border:'0',
		height:'180px'
		});	
	});

	$('.btn4').toggle(function(){				//클래스가 btn4인 요소를 한번 클릭하면
		$('.layer4').show();					//클래스가 layer4인 요소를 보여주고,
	},function(){								//클래스가 btn4인 요소를 한번 더 클릭하면
		$('.layer4').hide();					//클래스가 layer4인 요소를 숨겨라.
	});
});