<!-- 전체메뉴 오픈 -->
                <div id="all_head">
                    <div class="all_list">
                        <div class="cate_left">
                            <ul>
                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
                            </ul>
                        </div>
                        <div class="cate_right">
                            <div module="Layout_BoardInfo">
                                <h2>전체게시판</h2>
                                <ul>
                                    <li><a href="{$board_list_url}">{$board_name}</a></li>
                                    <li><a href="{$board_list_url}">{$board_name}</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 일반 카테고리 메뉴 -->  
                <div class="header_cate">
                    <div id="head" module="Layout_category">
                        <!--@js(/hs/js/common.js)-->
                        <div class="position">
                            <ul>
                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
                                <li><a href="/product/list.html{$param}">{$name_or_img_tag}</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

/**
 * 카테고리 마우스 오버 이미지
 * 카테고리 서브 메뉴 출력
 */
$(document).ready(function(){
    var methods = {
        aCategory    : [],
        aSubCategory : {},
        aAll : [],
        
        get: function()
        {
             $.ajax({
                url : '/exec/front/Product/SubCategory',
                dataType: 'json',
                success: function(aData) {
                    if (aData == null || aData == 'undefined') return;
                    for (var i=0; i<aData.length; i++)
                    {
                        var sParentCateNo = aData[i].parent_cate_no;
                        if (!methods.aSubCategory[sParentCateNo]) {
                            methods.aSubCategory[sParentCateNo] = [];
                        }
                        methods.aSubCategory[sParentCateNo].push( aData[i] );
                    }
                }
            });
        },
        getParam: function(sUrl, sKey) {
            var aUrl         = sUrl.split('?');
            var sQueryString = aUrl[1];
            var aParam       = {};
            if (sQueryString) {
                var aFields = sQueryString.split("&");
                var aField  = [];
                for (var i=0; i<aFields.length; i++) {
                    aField = aFields[i].split('=');
                    aParam[aField[0]] = aField[1];
                }
            }
            return sKey ? aParam[sKey] : aParam;
        },
        getParamSeo: function(sUrl) {
            var aUrl         = sUrl.split('/');
            return aUrl[3] ? aUrl[3] : null;
        },
        show: function(overNode, iCateNo) {
            if (methods.aSubCategory[iCateNo].length == 0) {
                return;
            }
            var aHtml = [];
            aHtml.push('<ul>');
            $(methods.aSubCategory[iCateNo]).each(function() {
                aHtml.push('<li><a href="'+this.link_product_list+'">'+this.name+'</a></li>');
            });
            aHtml.push('</ul>');

            var offset = $(overNode).offset();
            $('<div class="sub-category"></div>')
                .appendTo(overNode)
                .html(aHtml.join(''))
                .find('li').mouseover(function(e) {
                    $(this).addClass('over');
                }).mouseout(function(e) {
                    $(this).removeClass('over');
                });
        },
        close: function() {
            $('.sub-category').remove();
        }
    };
    methods.get();
    
    $('.header_cate .xans-layout-category li').mouseenter(function(e) {
        var $this = $(this).addClass('on'),
        iCateNo = Number(methods.getParam($this.find('a').attr('href'), 'cate_no'));
        if (!iCateNo) {
            iCateNo = Number(methods.getParamSeo($this.find('a').attr('href')));
        }
        if (!iCateNo) {
           return;
        }
        methods.show($this, iCateNo);
     }).mouseleave(function(e) {
        $(this).removeClass('on');
          methods.close();
     });
    $('.cate_left li').addClass('on');
    $('<div class="sub-category"></div>').appendTo(overNode)
                .html(aHtml.join(''));
    
});