var footerFamily = function(){ var objFamilySite = $('.family_site'); var objFamilySiteA = $('.family_site a'); var objFooterInfoUl = $('.footer_info ul'); var objFamily = $('.util_menu>li.family'); var objFamilyA = $('.util_menu>li.family>a'); var objFamilySiteLastA = $('.family_site dd:last-child li:last-child a'); objFamilySite.hide(); objFamily.bind('mouseenter', function(){ $(this).find('.family_site').show() }); objFamily.bind('mouseleave', function(){ $(this).find('.family_site').hide() }); objFamilyA.bind('focus', function(){ $(this).next().show(); }); objFamilySiteLastA.focusout(function(){ objFamilySite.hide(); }); } $(document).ready(function() { footerFamily(); $('.faq_box dl dt>a').bind('click', function () { if($(this).parent().hasClass('on')){ $(this).parent().removeClass('on'); $(this).parent().next().removeClass('on'); }else{ $('.faq_box dl dt').removeClass('on'); $('.faq_box dl dd').removeClass('on'); $(this).parent().addClass('on'); $(this).parent().next().addClass('on'); } return false; }); $('.type_memInfo .thumb a, .type_memInfo .g_box dt a').not(('.type_memInfo.type02 .thumb a, .type_memInfo.type02 .g_box dt a')).bind('click', function () { if($(this).parents("li").hasClass('on')){ $(this).parents("li").removeClass('on'); }else{ $('.type_memInfo li').removeClass('on'); $(this).parents("li").addClass('on'); } return false; }); /* * Part: 모달레이어팝업 */ var $focusTarget; $(this).on('click', '.modal_trigger', function (event) { //prevent default action (hyperlink) event.preventDefault ? event.preventDefault() : event.returnValue = false; // event.preventDefault(); //Get clicked link href var href = $(this).attr("href") + " #wrapPop"; $focusTarget = $(this); setVisibleObjectTag('none'); if ($('.modal_overlay').length > 0) { // .modal_overlay exists // alert('modal_overlay exists already'); $('.modal_overlay').show(); } else { //.modal_overlay does not exist - create and insert (runs 1st time only) //create HTML markup for lightbox window var lightbox = '' //insert lightbox HTML into page $('body').append(lightbox); $(".modal_overlay").css({ "zIndex":9999, "width":$(window).width(), "height":$(document).height(), "min-width":980, "opacity":"0.7" }); } if ($('.modal_content').children().length > 0) { // .modal_content's children exists // alert('modal_content children exists already'); $('.modal_content').show(); $('#wrapPop').find('a:eq(0)').focus(); $('.modal_content').find('input').eq(0).focus().select(); } else{ $('.modal_content').show(); $('.modal_content').load(href,function() { // var objCont = $(this).find('#wrapPop'); var objCont = $(this); var objWidth = objCont.find('#wrapPop').outerWidth(); var objHeight = objCont.find('#wrapPop').outerHeight(); var maxH = 520; //popContainer의 내용이 보여지는 영역 기준높이 var topH = 56; //상단 타이틀 영역 높이 objCont.css({ "position":"fixed", "zIndex":10000, "width":objWidth, "height":objHeight, "marginLeft":-objWidth/2, "marginTop":-objHeight/2}); //console.log(objHeight); //objHeight 가 기준높이보다 클때 popContainer에 scroll,높이값 설정 후 //modal_content의 marginTop 재설정 if(objHeight >= maxH + topH) { $('.modal_content .popContainer').css({ "overflow-x":"hidden", "overflow-y":"scroll", "height":maxH }); $('.modal_content').css({ "marginTop":-(maxH + topH)/2 }); } $('#wrapPop').find('a:eq(0)').focus(); objCont.find('input').eq(0).focus().select(); }); } }); //레이어팝업닫기 $(this).on('click', 'dl.popLayout.lpop dd.close_box a', function () { $('.modal_overlay').hide(); $('.modal_content').empty().hide(); setVisibleObjectTag('block'); if($focusTarget) $focusTarget.focus(); return false; }); /* 모달레이어 오픈시 바닥페이지에 동영상플레이어가 있을 경우 show/hide */ var objWmp = $('object'); var setVisibleObjectTag = function(state){ if (objWmp.length == 0) return; if(state == 'none'){ if(detectBrowser().browser == 'Microsoft Internet Explorer') wm_player.controls.stop(); else wm_player2.controls.stop(); } objWmp.css('display', state); //console.log(detectBrowser().browser, detectBrowser().b_version); } //브라우저 리사이즈시 모달레이어 너비,높이조정 $(window).resize(function(){ if ($('.modal_overlay').length > 0) { if($('.modal_overlay').is(':visible')){ $('.modal_overlay') .css("width", $(window).width()) .css("height", $(document).height()); } } if ($('.overlay_autologout').length > 0) { if($('.overlay_autologout').is(':visible')){ $('.overlay_autologout') .css("width", $(window).width()) .css("height", $(document).height()); } } }); });