echajoa/common/inc/inc_nav.html

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

jQuery(function($){

var layerWindow = $('.mw_layer');

var layer = $('#layer');

// Show Hide

$('.layer_trigger').click(function(){

layerWindow.addClass('open');

});

$('#layer .close').click(function(){

layerWindow.removeClass('open');

});


/* ESC Event*/

$(document).keydown(function(event){

if(event.keyCode != 27) return true;

if (layerWindow.hasClass('open')) {

layerWindow.removeClass('open');

}

return false;

});


// Hide Window

layerWindow.find('>.bg').mousedown(function(event){

layerWindow.removeClass('open');

return false;

});

});

</script>


<div id="left_banner">
	<a href="#layer" class="layer_trigger"><img src="/images/common/aju_banner01.jpg" alt="" /></a>
	<a href="#layer" class="layer_trigger ty2"><img src="/images/common/aju_banner02.jpg" alt="" /></a>
</div>

<div class="mw_layer">

<div class="bg"></div>

<div id="layer">
<a href="#layer_anchor" title="레이어 닫기" class="close"><img src="/images/common/aju_popup.jpg" alt="" /></a>

<!--<a href="#layer_anchor" title="레이어 닫기" class="close">닫기</a>-->

</div>

</div>
<!---->

<div id="nav">
	<p class="logo"><a href="/"><img src="/images/common/logo_s.png"></a></p>
	<p class="car_search">차량검색</p>
	<!-- search : s -->
	<script type="text/javascript" src="/common/js/common.js"></script>
	<script type="text/javascript">
	//선인모터스 메인 처리
	var _gCate = "1";

	function fnSearchSetChangeBrand(code){

		setCodeSelectLi("listModelBybrand","cd_smodel","car_model","cd_model","","모델전체",code,"");
	}

	function fnSetChangeModel(code){
		if(code==""){
			setCodeSelectLi("listModelBybrand","cd_smodel","car_model","cd_model","","모델전체","", "", fnSetChangeModel);
		}
	}

	$(function(){

		setCodeSelectLi("listBrand","cd_sbrand", "cd_brand","cd_brand","","","", fnSearchSetChangeBrand);
		setCodeSelectLi("listModelBybrand","cd_smodel","car_model","cd_model","","모델전체","", "", fnSetChangeModel);

		$("#btn_ssearch").on("click",function(){

			var _brand = $("#cd_sbrand > li.select").data("val") == "undefined" ? "" : $("#cd_sbrand > li.select").data("val");
			var _model = $("#cd_smodel > li.select").data("val")  == "undefined" ? "" : $("#cd_smodel > li.select").data("val");
			var _price = $("#nm_sprice > li.select").data("val")  == "undefined" ? "" :  $("#nm_sprice > li.select").data("val");
			var _brand_nm = $("#cd_sbrand > li.select").text();

			if(_brand_nm==""){
				alert("브랜드 선택이 필요합니다.");
				return false;
			}
			if(_brand_nm=="FORD" || _brand_nm=="LINCOLN"){
				$("#frm_cd_category").val("1");
			}else{
				$("#frm_cd_category").val("2");
			}

			$("#frm_cd_sbrand").val(_brand);
			$("#frm_cd_smodel").val(_model);
			$("#frm_nm_sprice").val(_price);

			$("#frmSSearch").submit();
		});
	});
	</script>

	</form>
	<div id="search_box_wrap">
		<div id="search_box">
			<span class="close"><a href="#">검색닫기</a></span>
			<form id="frmSSearch" name="frmSSearch" method="post" action="/car_sale_list.php">
			<dl class="keyword">
				<dt>키워드 검색</dt>
				<dd>
					<input type="hidden" name="cd_brand" id="frm_cd_sbrand" value="">
					<input type="hidden"  name="cd_model"  id="frm_cd_smodel"  value="">
					<input type="hidden"  name="nm_price"   id="frm_nm_sprice" value="">
					<input type="hidden"  name="cd_category"   id="frm_cd_category" value="">
					<input type="text" id="keyword" name="keyword" class="txt" placeholder="모델명을 입력하세요" maxlength="20">
					<button type="submit" title="검색" class="sch_smit" ></button>
				</dd>
			</dl>
			</form>
			<ul>
				<li>
					<span>브랜드</span>
					<ul class="option" id="cd_sbrand"></ul>
				</li>
				<li>
					<span>모델</span>
					<ul class="option" id="cd_smodel"></ul>
				</li>
				<li>
					<span>가격</span>
					<ul class="option" id="nm_sprice">
						<li data-val="3" >3000만원대</li>
						<li data-val="4">4000만원대</li>
						<li data-val="5">5000만원대</li>
						<li data-val="6">6000만원대</li>
						<li data-val="7">7000만원대</li>
						<li data-val="8">8000만원대</li>
						<li data-val="9">9000만원대</li>
						<li data-val="10">1억원이상</li>
					</ul>
				</li>
			</ul>
			<div class="btn_center"><a href="#none" class="btn" id="btn_ssearch">검색하기</a></div>
               <div class="guide_box">
               <p>매매가이드</p>
			<ul class="guide">
				<li><a href="price.html">신차가격표</a></li>
				<li><a href="document.html">매입,매수서류</a></li>
				<li><a href="capital.html">캐피탈 서류</a></li>
			</ul>
            </div>
		</div>
	</div>
	<!-- // search : e -->
	<ul class="nav_list">
		<li><a href="car_sale_list.php?cd_category=1">인증차량 구매</a></li>
		<li><a href="car_sale_list.php?cd_category=2">일반차량 구매</a></li>
		<li><a href="purchase_program.html">매입 프로그램</a></li>
		<li><a href="book_app.php">구입예약신청</a></li>
		<li><a href="showroom.html">전시장</a></li>
		<li><a href="service_center.html">서비스센터</a></li>
		<li><a href="point_check.html">91-Point Check</a></li>
		<li><a href="greeting.html">인사말</a></li>
		<li><a href="advisor.php">딜러안내</a></li>
		<li><a href="notice_list.php">공지사항</a></li>
		<li class="guide"><a href="#">매매 가이드</a></li>
	</ul>
	<p class="btn_top"><a href="#container"><span class="line"></span>TOP</a></p>
</div>