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(){ 
  /* »ó´Ü¸Þ´º */
  if( $('.cd-stretchy-nav').length > 0 ) {
    var stretchyNavs = $('.cd-stretchy-nav');
    
    stretchyNavs.each(function(){
      var stretchyNav = $(this),
        stretchyNavTrigger = stretchyNav.find('.cd-nav-trigger');
      
      stretchyNavTrigger.on('click', function(event){
        event.preventDefault();
        stretchyNav.toggleClass('nav-is-visible');
        if($(".cd-stretchy-nav").is(".nav-is-visible") === true) {
           $(".cd-nav-trigger").html("<img src='/bizdemo69733/img/rovadesign/country_close.png'>");
        } else {
           $(".cd-nav-trigger").html("KR");
        }
      });
    });
    $(document).on('click', function(event){
      ( !$(event.target).is('.cd-nav-trigger') && !$(event.target).is('.cd-nav-trigger span') ) && stretchyNavs.removeClass('nav-is-visible') && $(".cd-nav-trigger").html("KR");;
    });
  }

   //Menu
   $('.toggle_menu').on('click',function(){
       $('.black_bg').show();
       $('.right_warp').animate({right: '0'},500,'easeOutQuart');
       $("html, body").addClass("not_scroll");
       $(".m_menu").addClass("on");
   });
   $('.side_close, .black_bg').on('click',function(){
       $('.right_warp').animate({right: '-55%'},500,'easeOutQuart',function(){
           $('.black_bg').hide();
           $("html, body").removeClass("not_scroll");
       });
       $(".m_menu").removeClass("on");
   });

   $('.scroll_func .title').on('click',function(){
        if($(this).parent().find('.m_sub').height() == 0){
            $('.scroll_func .m_sub').removeClass('on');
            $('.scroll_func > ul > li').removeClass('active');
            $(this).parent().find('.m_sub').addClass('on');
            $(this).parent().addClass('active');
        }else{
            $(this).parent().find('.m_sub').removeClass('on');
            $(this).parent().removeClass('active');
        }
    });

    var winW = $(window).width();
    if(winW > 768) {
       if($(".m_menu").hasClass("on") === true) {
          $("html,body").removeClass("not_scroll");
          $(".m_menu").removeClass("on");
          $('.right_warp').animate({right: '-55%'},500,'easeOutQuart',function(){
             $('.black_bg').hide();
             $("html, body").removeClass("not_scroll");
          });
       }
    }

   var ctrlMenu = function(f) {
     if(f) {
        $('#topmenu').addClass('on');
        $(".top-nav-bg").css({"opacity":"1", "height":"40px"});
     } else {
        $('#topmenu').removeClass('on');
        $(".top-nav-bg").css({"opacity":"0", "height":"0"});
        $(".top-nav-title span").css("display","none");
     }
   };
                
   $('.top-nav-title').on('mouseenter focusin', function(){
      $('.sub-wrap').removeClass('active');
      $(this).parent().find('.sub-wrap').addClass('active');
      $(this).parent().css({"padding":"0 4%", "margin":"0"});

      ctrlMenu(true);
   });
    
   $('#topmenu').on('mouseleave', function(){
      $('#topmenu').find('.sub-wrap').removeClass('active');
      $('.top-nav > ul > li').css({"padding":"0", "margin":"0 4%"});
      ctrlMenu(false);
   });

   $('#topmenu h1').on('mouseenter focusin', function(){
      $('#topmenu').find('.sub-wrap').removeClass('active');
      $('.top-nav > ul > li').css({"padding":"0", "margin":"0 4%"});

      ctrlMenu(false);
   });
   
   $(' .top-nav > ul > li ').each( function() { 
      $(this).hoverdir(); 
   });
                


   // main
   $('.slide_top').bxSlider({ 
      auto: true, 
      speed: 500, 
      pause: 4000, 
      mode:'fade', 
      controls:false,
      pager:true, 
      onSliderLoad:function(currentIndex){
         $(".slide_top li:not([class='bx-clone'])").eq(0).addClass("active");
      },
      onSlideAfter:function($slideElement, oldIndex, newIndex){
         $('.slide_top li').removeClass('active');
         $('.slide_top li').eq(newIndex).addClass('active');
      }
   });

   $('.store01_slide').bxSlider({ 
      auto: true, 
      speed: 500, 
      pause: 4000, 
      controls:false,
      pager:true
   });
   $('.store02_slide').bxSlider({ 
      auto: true, 
      speed: 500, 
      pause: 4000, 
      controls:false,
      pager:true
   }); 

   $('.brand_slide').bxSlider({ 
      auto: true, 
      speed: 500, 
      pause: 4000, 
      controls:true,
      pager:false
   });

   $(".main_art .main_title, .main_art p, .main_art span").addClass("slide");
   $("#brand01 .big-title, #brand01 .sub-title, .customer .big-title, .customer .sub-title").addClass("slide");

   $(".main4bn .bgImg").css("opacity","1");
   $(".main4bn .block").css("visibility","visible");
   $('.main4bn .block').hover(
        function () { 
            $(this).find(".main4bn .overlay").stop().animate({"opacity":0.3,},100).end();
            $(this).find(".main4bn .label").stop().animate({"top":70,},300,"swing").end();
            $(this).find(".main4bn .front").stop().animate({"top":180,},320,"swing").end();
            $(this).find(".main4bn .front p").stop().animate({"opacity":1,},200,"swing").end();
            $(this).find(".main4bn .front span").stop().animate({"bottom":-70,},350,"swing").end();
        },
        function () { 
            $(this).find(".main4bn .overlay").stop().animate({"opacity":0,},100).end();
            $(this).find(".main4bn .label").stop().animate({"top":100,},300,"swing").end();
            $(this).find(".main4bn .front").stop().animate({"top":210,},350,"swing").end();
            $(this).find(".main4bn .front p").stop().animate({"opacity":0,},200,"swing").end();
            $(this).find(".main4bn .front span").stop().animate({"bottom":-24,},350,"swing").end();
        }
   );


   if($('.label').length) {
      $c = $('.label');
      $(window).bind('scroll', function () {
         $c.each(function () {
            var $t = $(this);
            if (!$t.data('count') && $(window).scrollTop() + $(window).height() >= $t.offset().top) {
                $t.data('count', true);

                $('.main4bn .label').eq(0).circleProgress({
                  value: 1,
                  animation: {
                     duration: 1200,
                     easing: 'circleProgressEasing'
                  }
                }).on('circle-animation-progress', function(event, progress){
                  $(this).find('.countNum').html(Math.round(1 * progress));
                });
                $('.main4bn .label').eq(1).circleProgress({
                  value: 7,
                  animation: {
                     duration: 1200,
                     easing: 'circleProgressEasing'
                  }
                }).on('circle-animation-progress', function(event, progress){
                  $(this).find('.countNum').html(Math.round(7 * progress));
                });
                $('.main4bn .label').eq(2).circleProgress({
                  value: 8,
                  animation: {
                     duration: 1200,
                     easing: 'circleProgressEasing'
                  }
                }).on('circle-animation-progress', function(event, progress){
                  $(this).find('.countNum').html(Math.round(8 * progress));
                });
                $('.main4bn .label').eq(3).circleProgress({
                  value: 12,
                  animation: {
                     duration: 1200,
                     easing: 'circleProgressEasing'
                  }
                }).on('circle-animation-progress', function(event, progress){
                  $(this).find('.countNum').html(Math.round(12 * progress));
                });


                $('.main4bn_m .label').eq(0).circleProgress({
                 value: 1,
                 animation: {
                    duration: 1200,
                    easing: 'circleProgressEasing'
                 }
               }).on('circle-animation-progress', function(event, progress){
                 $(this).find('.countNum').html(Math.round(1 * progress));
               });
               $('.main4bn_m .label').eq(1).circleProgress({
                 value: 7,
                 animation: {
                    duration: 1200,
                    easing: 'circleProgressEasing'
                 }
               }).on('circle-animation-progress', function(event, progress){
                 $(this).find('.countNum').html(Math.round(7 * progress));
               });
               $('.main4bn_m .label').eq(2).circleProgress({
                 value: 8,
                 animation: {
                    duration: 1200,
                    easing: 'circleProgressEasing'
                 }
               }).on('circle-animation-progress', function(event, progress){
                 $(this).find('.countNum').html(Math.round(8 * progress));
               });
               $('.main4bn_m .label').eq(3).circleProgress({
                 value: 12,
                 animation: {
                    duration: 1200,
                    easing: 'circleProgressEasing'
                }
               }).on('circle-animation-progress', function(event, progress){
                 $(this).find('.countNum').html(Math.round(12 * progress));
               });
            }
        });
      });
   }


   //sub title
   var movementStrength = 25;
   var height = movementStrength / $(window).height();
   var width = movementStrength / $(window).width();
   $(".title-img").mousemove(function(e){
      var pageX = e.pageX - ($(window).width() / 2);
      var pageY = e.pageY - ($(window).height() / 2);
      var newvalueX = width * pageX * -1 - 25;
      var newvalueY = height * pageY * -1 - 50;
      $('.title-img').css("background-position", newvalueX+"px     "+newvalueY+"px");
   });
   $(".main_slide h2, .title-img div h2").css({opacity:"1",transform:"translateY(0)"});
   $(".main_slide span, .title-img div span").css({opacity:"1",transform:"translateY(0)"});
   
   //sub tongtong
   tongtong_Moving();

  var parallax = -0.5;

  var $bg_images = $(".fix-bg");
  var offset_tops = [];
  $bg_images.each(function(i, el) {
    offset_tops.push($(el).offset().top);
  });
  $(window).scroll(function() {
    var dy = $(this).scrollTop();
    $bg_images.each(function(i, el) {
      var ot = offset_tops[i];
      $(el).css("background-position", "50% " + (dy - ot - 30) * parallax + "px");
    });
  });



 
   var net1 = $(".net01 img").width(); 
   var net2 = $(".net01 img").width(); 
   var net3 = $(".net01 img").width(); 
   var net4 = $(".net01 img").width(); 
   var net5 = $(".net01 img").width(); 
   var net6 = $(".net01 img").width(); 
   var net7 = $(".net01 img").width(); 
   var net8 = $(".net01 img").width(); 
   var net9 = $(".net01 img").width(); 
   var net10 = $(".net01 img").width(); 
   var net11 = $(".net01 img").width(); 

   $(".net01").css({ 'width': 'calc((100% - ' + net1+ 'px)/12)' });
   $(".net02").css({ 'width': 'calc((100% - ' + net2+ 'px)/12)' });
   $(".net03").css({ 'width': 'calc((100% - ' + net3+ 'px)/12)' });
   $(".net04").css({ 'width': 'calc((100% - ' + net4+ 'px)/10)' });
   $(".net05").css({ 'width': 'calc((100% - ' + net5+ 'px)/10)' });
   $(".net06").css({ 'width': 'calc((100% - ' + net6+ 'px)/10)' });
   $(".net07").css({ 'width': 'calc((100% - ' + net7+ 'px)/12)' });
   $(".net08").css({ 'width': 'calc((100% - ' + net8+ 'px)/10)' });
   $(".net09").css({ 'width': 'calc((100% - ' + net9+ 'px)/12)' });
   $(".net10").css({ 'width': 'calc((100% - ' + net10+ 'px)/10)' });
   $(".net11").css({ 'width': 'calc((100% - ' + net11+ 'px)/12)' });



});

function tongtong_Moving() {
   $(".scroll-img img").animate({ bottom: "12%" }, 500, "", function () {
      $(this).animate({ bottom: "10%" }, 500, "", function () {
         tongtong_Moving();
      });
   });
}



$(window).resize(function() {
    var winW = $(window).width();
    if(winW > 768) {
       if($(".m_menu").hasClass("on") === true) {
          $("html,body").removeClass("not_scroll");
          $(".m_menu").removeClass("on");
          $('.right_warp').animate({right: '-55%'},500,'easeOutQuart',function(){
             $('.black_bg').hide();
             $("html, body").removeClass("not_scroll");
          });
       }
    }

   var net1 = $(".net01 img").width(); 
   var net2 = $(".net01 img").width(); 
   var net3 = $(".net01 img").width(); 
   var net4 = $(".net01 img").width(); 
   var net5 = $(".net01 img").width(); 
   var net6 = $(".net01 img").width(); 
   var net7 = $(".net01 img").width(); 
   var net8 = $(".net01 img").width(); 
   var net9 = $(".net01 img").width(); 
   var net10 = $(".net01 img").width(); 
   var net11 = $(".net01 img").width(); 

   $(".net01").css({ 'width': 'calc((100% - ' + net1+ 'px)/12)' });
   $(".net02").css({ 'width': 'calc((100% - ' + net2+ 'px)/12)' });
   $(".net03").css({ 'width': 'calc((100% - ' + net3+ 'px)/12)' });
   $(".net04").css({ 'width': 'calc((100% - ' + net4+ 'px)/10)' });
   $(".net05").css({ 'width': 'calc((100% - ' + net5+ 'px)/10)' });
   $(".net06").css({ 'width': 'calc((100% - ' + net6+ 'px)/10)' });
   $(".net07").css({ 'width': 'calc((100% - ' + net7+ 'px)/12)' });
   $(".net08").css({ 'width': 'calc((100% - ' + net8+ 'px)/10)' });
   $(".net09").css({ 'width': 'calc((100% - ' + net9+ 'px)/12)' });
   $(".net10").css({ 'width': 'calc((100% - ' + net10+ 'px)/10)' });
   $(".net11").css({ 'width': 'calc((100% - ' + net11+ 'px)/12)' });

   $("#network .network-img div img").css({ 'width': '100%' });

});


$(window).scroll(function() {
   if($(this).scrollTop() > 0) {
      $("#topmenu").addClass("fixmenu");
   } else {
      $("#topmenu").removeClass("fixmenu");
   }

   $(".slideon").each(function(){
      var pos = $(this).offset().top;
      var winTop = $(window).scrollTop();
      if (pos < winTop + 900) {
         $(this).addClass("slide");
      }
   });

   $(".slidesubon").each(function(){
      var pos = $(this).offset().top;
      var winTop = $(window).scrollTop();
      if (pos < winTop + 1000) {
         $(this).addClass("slidesub");
      }
   });
});


$(window).on('load', function() {
  $(this).impulse({
     tempo:600,
     range:200
  });
});


$(window).bind('scroll', function () {
   $('.fix-bg').each(function () {
      var $t = $(this);
      if (!$t.data('count') && $(window).scrollTop() + $(window).height() >= $t.offset().top - 200) {
         $t.data('count', true);

         var tl = new TimelineLite, 
         fixTitle = new SplitText(".fix-title", {type:"words,chars"}), 
         fixTitlechars = fixTitle.chars;
         tl.staggerFrom(fixTitlechars, 1.2, {opacity:0, y:10, ease:Back.easeOut, 
            onComplete:function(){
               $('.fix-title').addClass('fix-line');
            }
         }, 0.05, "-=0.2");

         fixsubTitle = new SplitText(".fix-sub-title", {type:"words,chars"}), 
         fixsubTitlechars = fixsubTitle.chars;
         tl.staggerFrom(fixsubTitlechars, 0.2, {opacity:0, y:-10, ease:Power3.easeOut}, 0.02, "-=1.8");

         fixDesc = new SplitText(".fix-desc", {type:"lines"}), 
         fixDescclines = fixDesc.lines;
         tl.staggerFrom(fixDescclines, 0.2, {opacity:0, y:10, ease:Power3.easeOut}, 0.02, "-=1.8");
      }
   });

   $('.o-circle').each(function () {
      var $t = $(this);
      if (!$t.data('count') && $(window).scrollTop() + $(window).height() >= $t.offset().top + 200) {
         $t.data('count', true); 

         $(".o-circle").addClass("active");
      }
   });

   $('#company').each(function () {
      var $t = $(this);
      var winW = $(window).width();
      if (!$t.data('count') && $(window).scrollTop() + $(window).height() >= $t.offset().top - 500) {
         $t.data('count', true); 

        $("#company .company-content h2").delay(1500).animate({bottom: "0", opacity: "1"}, 1000, "swing");
        $("#company .company-content div").delay(1700).animate({bottom: "0", opacity: "1"}, 1000, "swing");
      }

      if(winW <= 640) {
         if (!$t.data('count') && $(window).scrollTop() >= $t.offset().top - 900) {
            $t.data('count', true); 

            $("#company .company-content h2").delay(1500).animate({bottom: "0", opacity: "1"}, 1000, "swing");
            $("#company .company-content div").delay(1700).animate({bottom: "0", opacity: "1"}, 1000, "swing");
         }
      }
   });

});