$(function() {
// 탭버튼에 id="btn_1" 주고,
// 테이블에 id="bd_1" 주면 됨.

	$('[id^=btn_]').click(function() {

		// 컨텐츠 div 초기화
		$('[id^=bd_]').css({'display':'none'});
		
		// 오버이미지  초기화
		$('[id^=btn_]').each(function(){
			var aimg = $(this).attr("src");
			aimg_n = aimg.replace("_over","");
			$(this).attr({"src":aimg_n});
		});

		
		// 클릭한 탭의 컨텐츠 활성활
		var cont = $(this).attr('id');
		var cont_arr = cont.split("_");
		$("#bd_"+cont_arr[1]).css({'display':'block'});

		// 클릭한 이미지 오버이미지로 교체
		var img = $(this).attr('src');
		var img_arr = img.split(".");
		$(this).attr({"src":img_arr[0]+"_over."+img_arr[1]});

	});

});