function bluring() { try{ if(event.srcElement.tagName=='A'||event.srcElement.tagName=='IMG') { document.body.focus(); } }catch( e ) { } } try{ document.onfocusin=bluring; }catch( e ) { } var rurl = location.href; var purl = getUrl(rurl); function getUrl(url_str) { var real_url; if (url_str.indexOf('/') > 0) { real_url = url_str.split('/'); real_url = real_url[0]+'//'+real_url[2]+'/'+real_url[3]+'/'; } return real_url; } function goLocate(go_url) { document.location = purl + go_url; } $(document).ready(function () { tongtong_Moving(); }); function tongtong_Moving() { $(".main_scroll").animate({ bottom: "7%" }, 500, "", function () { $(this).animate({ bottom: "5%" }, 500, "", function () { tongtong_Moving(); }); }); } function fnMove(seq){ var offset = $("#main" + seq).offset(); $('html, body').animate({scrollTop : offset.top}, 400); } $(function() { var conHeight = $(".tab_content").height(); var offset11 = $("#main1").outerHeight(); var offset12 = $("#main2").outerHeight(); var offset13 = $("#main3").outerHeight() + conHeight; var offset14 = $("#main4").outerHeight(); var offset15 = $("#main5").outerHeight(); var offset16 = $("#main6 .container").outerHeight(); var offset17 = $("#main7").outerHeight(); var offset1 = offset11 + offset12 - 1; var offset2 = offset11 + offset12 + offset13; var offset3 = offset11 + offset12 + offset13 + offset14; var offset4 = offset11 + offset12 + offset13 + offset14 + offset15; var offset5 = offset11 + offset12 + offset13 + offset14 + offset15 + offset16; var offset6 = offset11 + offset12 + offset13 + offset14 + offset15 + offset16 + offset17; $(window).scroll(function () { var height = $(document).scrollTop(); console.log(height); if(offset11 > height) { $(".btn1").addClass('btn1_1'); $(".btn2").removeClass('btn2_1'); $(".btn3").removeClass('btn3_1'); $(".btn4").removeClass('btn4_1'); $(".btn5").removeClass('btn5_1'); $(".btn6").removeClass('btn6_1'); $(".btn7").removeClass('btn7_1'); } else if(offset11 <= height && offset1 > height) { $(".btn1").removeClass('btn1_1'); $(".btn2").addClass('btn2_1'); $(".btn3").removeClass('btn3_1'); $(".btn4").removeClass('btn4_1'); $(".btn5").removeClass('btn5_1'); $(".btn6").removeClass('btn6_1'); $(".btn7").removeClass('btn7_1'); } else if(offset1 <= height && offset2 > height) { $(".btn1").removeClass('btn1_1'); $(".btn2").removeClass('btn2_1'); $(".btn3").addClass('btn3_1'); $(".btn4").removeClass('btn4_1'); $(".btn5").removeClass('btn5_1'); $(".btn6").removeClass('btn6_1'); $(".btn7").removeClass('btn7_1'); } else if(offset2 <= height && offset3 > height) { $(".btn1").removeClass('btn1_1'); $(".btn2").removeClass('btn2_1'); $(".btn3").removeClass('btn3_1'); $(".btn4").addClass('btn4_1'); $(".btn5").removeClass('btn5_1'); $(".btn6").removeClass('btn6_1'); $(".btn7").removeClass('btn7_1'); } else if(offset3 <= height && offset4 > height) { $(".btn1").removeClass('btn1_1'); $(".btn2").removeClass('btn2_1'); $(".btn3").removeClass('btn3_1'); $(".btn4").removeClass('btn4_1'); $(".btn5").addClass('btn5_1'); $(".btn6").removeClass('btn6_1'); $(".btn7").removeClass('btn7_1'); } else if(offset4 <= height && offset5 > height) { $(".btn1").removeClass('btn1_1'); $(".btn2").removeClass('btn2_1'); $(".btn3").removeClass('btn3_1'); $(".btn4").removeClass('btn4_1'); $(".btn5").removeClass('btn5_1'); $(".btn6").addClass('btn6_1'); $(".btn7").removeClass('btn7_1'); } }); $("#content").css("height",conHeight); $(window).resize(function() { var conHeight = $(".tab_content").height(); $("#content").css("height",conHeight); }); }); $(document).ready(function() { $("#content .tab_content").hide(); // Initially hide all content $("#tabs li:first").attr("id","current"); // Activate first tab $("#content .tab_content:first").fadeIn(); // Show first tab content $('#tabs a').click(function(e) { e.preventDefault(); if ($(this).closest("li").attr("id") == "current"){ //detection for current tab return } else{ $("#content .tab_content").hide(0,function() { $('.brand_r > div').removeClass("brand_right"); }); $("#tabs li").attr("id",""); //Reset id's $(this).parent().attr("id","current"); // Activate this $('#' + $(this).attr('name')).fadeIn(400, function() { $('.brand_r > div').addClass("brand_right"); }); } }); $(".top_select a").click(function() { $('.top_select').toggleClass('transform-active'); }); var ctrlMenu = function(f) { if(f) { $('.logo_wrap').addClass('on'); } else { $('.logo_wrap').removeClass('on'); } }; $('.title').on('mouseenter focusin', function(){ ctrlMenu(true); }); $('.top_select').on('mouseenter focusin', function(){ ctrlMenu(true); }); $('#header').on('mouseleave', function(){ ctrlMenu(false); }); $(window).scroll(function() { $(".slideanim").each(function(){ var pos = $(this).offset().top; var winTop = $(window).scrollTop(); if (pos < winTop + 1000) { $(this).addClass("slide"); $('.main_about ul li').addClass("scrollUp"); } if (pos < winTop) { $('.scrollUp1').addClass("scrollUp1_1"); $('.brand_r > div').addClass("brand_right"); } }); }); $(".all_menu").click(function(){ if($(".all_menu_conts").css("display") == "block"){ $('#hamburger').removeClass("open"); $(".all_menu_conts").slideUp('fast'); } else { $('#hamburger').addClass("open"); $(".all_menu_conts").slideDown(); } }); $(".all_title > a").click(function(){ var li = $(this).parent(); var ul = li.parent() ul.find('li').removeClass('expand'); ul.find('ul').not(li.find('ul')).hide(); li.children('ul').slideToggle(); if( li.children('ul').is(':visible') || li.has('ul')) { li.addClass('expand'); } }); }); $(document).ready(function(){ $('.flexslider1').flexslider({ animation: "slide", slideshowSpeed: 5000, controlNav : false, directionNav: true, }); $('.flexslider3').flexslider({ animation: "fade", slideshowSpeed: 5000, controlNav : true, directionNav: false, }); var fsWidth = $(".brand02 .fs-control .fs-container").width()+20; $(".brand02 .fs-control .fs-container").css("width",fsWidth+"px"); }); $(document).ready(function(){ /* Top_slide */ var top_slider = { option : { auto:true, speed:900, autoControls:true, pager:true, onSlideAfter:function($slideElement, oldIndex, newIndex){ $('.slide_top li').removeClass('active'); $('.slide_top li').eq(newIndex+1).addClass('active'); } }, m_option : function(){ if (this._m_option == undefined) { this._m_option = {}; $.extend(this._m_option, this.option); this._m_option.mode = "horizontal"; } else { this._m_option.startSlide = this.obj.getCurrentSlide(); } return this._m_option; }, pc_option : function(){ if (this._pc_option == undefined) { this._pc_option = {}; $.extend(this._pc_option, this.option); this._pc_option.mode = "fade"; this._pc_option.pause = 7000; } else { this._pc_option.startSlide = this.obj.getCurrentSlide(); } return this._pc_option; }, init : function(type) { if (this.obj == undefined) { if (type == "mobile") { this.obj.reloadSlider(this.m_option()); } else { this.obj.reloadSlider(this.pc_option()); } } } }; var lastWidth = 0; var resize = function() { var currentWidth = $(this).width(); if(lastWidth==0){ //initial var status = currentWidth<753 ? 'mobile' : (currentWidth>=753 ? 'pc' : ''); }else{ var status = currentWidth < lastWidth ? 'mobile' : (currentWidth > lastWidth ? 'pc' : ''); } if(status=='mobile' && currentWidth < 753 && (lastWidth > 753 || lastWidth == 0) ){ // Mobile /* slide_controll */ top_slider.init("mobile"); }else if(status=='pc' && currentWidth >= 753 && (lastWidth < 753 || lastWidth==0) ){ // PC /* slide_controll */ top_slider.init("pc"); } lastWidth = currentWidth; } $(window).resize(function(){ resize(); }).triggerHandler('resize'); $(".slide_top li.first").addClass("active"); var aboutHeight = $(".main_about ul li:nth-child(3)").height(); //$(".main_about ul li").css("height",aboutHeight+"px"); }); $( window ).resize(function() { var aboutHeight = $(".main_about ul li:nth-child(3)").height(); //$(".main_about ul li").css("height",aboutHeight+"px"); }); /* 스크롤 탑버튼 */ $(document).ready(function(){ $(".fade").hide(); $(".formmail_cell_bgcolor").html(function (i, html) { return html.replace(/ /g, ''); }); var sBottom = $(document).height()-1000; $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 500) { $('.fade').fadeIn(); } else { $('.fade').fadeOut(); } }); $('.fade').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); });