(function($) { var g_pageInfo = {}; // ÇöÀçÆäÀÌÁö Á¤º¸ [mode,subID,lowID] var g_init_width = []; var rule_mode = {title:'ÀÌ¿ë¾à°ü',mode:7} /*ÀÌ¿ë¾à°üÀº ¸Þ´º¿¡¼­ »ç¶óÁ®¾ß ÇÔÀ¸·Î*/ $(window).resize(function() { //$('.main').css({height:window.innerHeight + window.outerHeight}); }); $(window).load(function(){ }); $(document).ready(function() { var url_name = (window.location +"").split('html?')[1]; if(url_name){ g_pageInfo = fileNametoArray(url_name) } $('.navigate_area ul.menu').css('z-index',99) $('.navigate_area ul.menu').ajaxTransXML_navi(); }); $.fn.ajaxTransXML_navi = function(type){ var _this = $(this); var _url = "/xml/mainMenu.xml"//"/xml/NavigateControl.xml"; var request = $.ajax({ url: _url, type: "post", //get, post ¹æ½Ä data: '', // {'menuID':6,'subMenuID':1}, //³Ñ±æ ÆĶó¹ÌÅÍ dataType: 'xml', //or xml or script or html async: true // true:ºñµ¿±â, false:µ¿±â }); request.done(function(data) { var item = $(data).children('navigate').children('navi_first'); var common = $(data).children('navigate').children('commonsetting'); var common_setting = { target : _this, f_rout:common.children('auto_navi_first_image_url').attr('rollout').split("##"), f_rover:common.children('auto_navi_first_image_url').attr('rollover').split("##"), s_rout:(common.children('auto_navi_second_image_url').attr('rollout'))?common.children('auto_navi_second_image_url').attr('rollout').split("##"):'', s_rover:(common.children('auto_navi_second_image_url').attr('rollover'))?common.children('auto_navi_second_image_url').attr('rollover').split("##"):'', a_link_url:common.children('auto_navi_link_url').attr('name').split("##"), b_link_url:common.children('blank_link_url').text() }; item.createNavi(common_setting); $('.mode'+g_pageInfo.mode).find('li').clone().appendTo('.subNevi'); navigate_inic(); $('.navigate_area').hover(function(e){ },function(e){ $(' .navi_deep').parent().find("img").filter(function(){this.src = this.src.replace("_on", "_off");}); $(' .navi_deep').stop().animate({top:100},{duration:200,easing:"swing",queue: true,complete:function(){}}); $(' .mode'+g_pageInfo.mode).parent().find("img").filter(function(){this.src = this.src.replace("_off", "_on");}); $(' .mode'+g_pageInfo.mode).stop().animate({top:63},{duration:200,easing:"swing",queue: true,complete:function(){}}); $(' .mode'+g_pageInfo.mode).find('li:nth('+(g_pageInfo.subID-1)+')').addClass('active') }); }); request.fail(function(jqXHR, textStatus) { //alert('Åë½Å·®ÀÌ ¸¹¾Æ ') }); request.always(function() { }); };/*end $.fn.ajaxTransXML = function(type){*/ $.fn.createNavi = function(_setting){ var item = $(this); item.each(function(i){ var img_art = $(this).attr('title'); var img_src = ''; var img_art = $(this).attr('title'); var rollout = $(this).children('rollImage').attr('rollout'); var rollover = $(this).children('rollImage').attr('rollover'); var rollauto = $(this).children('rollImage').attr('Auto'); var link_type = $(this).attr('link_type'); var link_url = $(this).attr('link_url'); if(rollout){ img_src = rollout; }else{ if(_setting.target.hasClass('menu')){ rollout = img_src = (_setting.f_rout)?(_setting.f_rout[0] +((rollauto)?rollauto:num_str(i+1))+_setting.f_rout[1]):null; rollover = (_setting.f_rover)?(_setting.f_rover[0] +((rollauto)?rollauto:num_str(i+1))+_setting.f_rover[1]):null; }else{ rollout = img_src = (_setting.s_rout)?(_setting.s_rout[0] +((rollauto)?rollauto:num_str(i+1))+_setting.s_rout[1]):null; rollover = (_setting.s_rover)?(_setting.s_rover[0] +((rollauto)?rollauto:num_str(i+1))+_setting.s_rover[1]):null; } } if(img_src){ // ·Ñ¿À¹ö À̹ÌÁö¸¦ °³º°·Î ¼³Á¤ÇÏ¿´À¸¸é ½ÇÇà var c_obj = document.createElement('img'); }else{ // ·Ñ¿À¹ö À̹ÌÁö¸¦ °³º°¼³Á¤ÀÌ µÇ¾î ÀÕÁö ¾ÊÀ¸¸é ½ÇÇàÇÔ. var c_obj = document.createElement('a'); $(c_obj).text(img_art); } var c_li = document.createElement('li'); $(c_li).append(c_obj); $(c_obj).attr({ 'src' : img_src, 'alt' : img_art, 'rollout' : rollout, 'rollover' : rollover }); $(c_li).attr({ 'link_type' : link_type, 'link_url' : link_url }); var page_obj = fileNametoArray(link_url.split('?')[1]) $(c_li).attr(page_obj); _setting.target.append(c_li); if(_setting.target.hasClass('menu')){ if($(this).children('navi_second').length > 0){ // ¼¼ºÎ ¸Þ´º°¡ ÀÖÀ¸¸é ½ÇÇàÇÔ. var ul = document.createElement('ul'); $(ul).addClass('navi_deep'); $(ul).addClass("mode"+page_obj.mode); $(c_li).append(ul); var c_setting = $.extend( {}, _setting ); c_setting.step = 1; c_setting.target = $(c_li).find(ul); //$('.navi_sub_width div.navi_sub ul.mode'+page_obj.mode); $(this).children('navi_second').createNavi(c_setting); } } }); };/*end $.fn.createNavi = function(_setting){*/ //¸Þ´º ¾×¼Ç ¹× ¾Ö´Ï¸ÞÀÌ¼Ç ½ºÅ©¸³Æ® ºÎºÐ function navigate_inic(){ //$('.navigate_area ul li','.topMenu').append($(this).clone().children('img')); var mode = 1; $('.menu li', '.navigate_area').each(function(i){ if($('.mode'+mode).hasClass('navi_deep')){ g_init_width[i] = $('.mode'+mode).width(); }else{ g_init_width[i] = 0; } mode ++; $(this).attr('init_left',$(this).offset()['left']) if($(this).attr('mode') == g_pageInfo.mode){ $(this).NaviControl(null,true); } if($(this).hasClass('active')){ $(this).find('img').attr("src",$(this).find('img').attr("rollover")) } $(this).click(function(e){ //alert($(this).attr("link_url") ) //location = $(this).attr("link_url") }) $(this).hover(function(e){ if(!$(this).hasClass('active')){ //$(this).find('img').attr("src",$(this).find('img').attr("rollover")) } },function(e){ if(!$(this).hasClass('active')){ //$(this).find('img').attr("src",$(this).find('img').attr("rollout")) } }); }); $('.navigate_area ul li','.topMenu').click(function(e){ $(this).addClass('active'); }); $('.subNevi li').each(function(i){ // $(this).find('a').html('') // $(this).find('a').append(''); $(this).css({position:'relative',overflow: 'hidden'}); $(this).find('a').css({position:'absolute',left:'15px',top:'3px'}); }); $('.subNevi li').hover(function(e){ if(!$(this).hasClass('active')){ $(this).find('img').stop(); $(this).find("img").filter(function(){this.src = this.src.replace("_off", "_on");}); //$(this).find('img').css({opacity:0}); //$(this).find('img').animate({opacity:1},{duration:300,easing:"swing",queue: true,complete:function(){}}); } },function(e){ if(!$(this).hasClass('active')){ $(this).find('img').stop(); $(this).find("img").filter(function(){this.src = this.src.replace("_on", "_off");}); //$(this).find('img').animate({opacity:0},{duration:300,easing:"swing",queue: true,complete:function(){}}); } }); var temp = null; $('.navigate_area ul.menu li img','.topMenu').hover(function(e){ if($(this).hasClass('active')){ return; }else{ $(this).parent().NaviControl(true); } },function(e){ }).click(function(e){ ////////////////////¼­ºê¸Þ´º Ŭ¸¯½Ã À̵¿ $(this).parent().naviToaction(); }); /*$('.navigate_area ul li','.topMenu').hover(function(e){*/ $('.navigate').hover(function(e){ },function(e){ if($('.navigate_area ul li.current_active','.topMenu').get(0).tagName){ if($('.navigate_area ul li.current_active','.topMenu') != $('.navigate_area ul li.active','.topMenu')){ $('.navigate_area ul li.current_active','.topMenu').NaviControl(true); } } }) $('.navi_deep li').click(function(e){ $(this).naviToaction(); }); /*$('.navigate_area ul li','.topMenu').hover(function(e){*/ $('ul.subNevi li').click(function(e){ $(this).naviToaction(); }); /*$('.navigate_area ul li','.topMenu').hover(function(e){*/ $(' .mode'+g_pageInfo.mode).find('li').each(function(i){ if($(this).attr('subid') == g_pageInfo.subID){ $(this).addClass('active'); } }) $('.subNevi li').each(function(i){ if($(this).attr('subid') == g_pageInfo.subID){ $(this).addClass('active'); $(this).find("img").filter(function(){this.src = this.src.replace("_off", "_on");}); //$(this).find('img').css({opacity:1,width:'190px',height:'24px'}); } }) $('.naviMainText').html($('.menu li.active').find('img').attr('alt')) $('.naviTitletext').html($('.navi_deep li.active').find('a').attr('alt')) };/*end function navigate_inic(){*/ $.fn.naviToaction = function (){ var link_url = $(this).attr('link_url'); var link_type = $(this).attr('link_type'); if(link_url){ if(link_type =='location'){ document.location.href = link_url; }else{ var m_link_type = link_type.split('|') if(m_link_type[0] == 'window'){ var m_link_url = link_url.split('|') var opener = window.open(m_link_url[0],m_link_url[1]); if(opener == null){ alert('Æ˾÷âÀ» Çã¿ëÇØ ÁÖ¼¼¿ä.') } }else if(m_link_type[0] == 'alert'){ alert(link_url) } } } };/*end $.fn.naviToaction = function (){*/ $.fn.NaviControl = function(_hover,fixed){ var t_this = $(this); if( $(t_this).parent().hasClass('menu')){ $('.navigate_area ul li','.topMenu').removeClass('active'); $(this).addClass('active'); $('.navi_deep ').stop().animate({top:100},{duration:200,easing:"swing",queue: true,complete:function(){}}); if(_hover){ $('.navigate_area ul li','.topMenu').find("img").filter(function(){this.src = this.src.replace("_on", "_off");}); $(t_this).find("img").filter(function(){this.src = this.src.replace("_off", "_on");}); $(t_this).find('.navi_deep ').stop().animate({top:62},{duration:200,easing:"swing",queue: true,complete:function(){}}); }else{ if(fixed){ $('.mode'+g_pageInfo.mode).stop().css({top:62}); }else{ $('.mode'+g_pageInfo.mode).find('.navi_deep ').stop().animate({top:62},{duration:200,easing:"swing",queue: true,complete:function(){}}); } } } } //¼ýÀÚ¸¦ µÎÀÚ¸® ¹µÀÚ·Î º¯°æÇÔ. function num_str(n){ var str = ""; if(n<9){ str = "0"+n; }else{ str = ""+n; } return str; } function fileNametoArray(str){ var obj = {} var url_arr = str.split('&'); obj.mode = (url_arr[0])?url_arr[0].replace("mode=", ""):0; obj.subID = (url_arr[1])?url_arr[1].replace("subID=", ""):1; obj.lowId = (url_arr[2])?url_arr[2].replace("lowID=", ""):1; return obj; }; })(jQuery);