$(document).ready(function () {
  $('.a-process').on('click',moveBar);
  $('.update-to-perm').on('click',upadateFrame);
  $('.notice-child').on('mouseenter',shownoticeText).on('mouseleave',hideText);
})
function moveBar() {
  var distanse=21+($(this).index()-1)*91;
  $('.point-bar').css({'top':distanse.toString()+'px','visibility':'visible'});
}
function scrollAds() {
  var scrolling=document.getElementsByClassName('scroll-ads-imgs').item(0);
  if(scrolling==null)
  {
    clearInterval(start_scoll);
  }
  else {
    if(scrolling.style.transform=="translateX(0%)")
    {
      $('.scroll-ads-imgs').css('transition','0.4s');
      scrolling.style.transform='translateX(-100%)';
      $('.white-point').eq(1).css("width","20px");
      $('.white-point').eq(2).css("width","10px");
      $('.white-point').eq(0).css("width","10px");
    }
    else if(scrolling.style.transform=="translateX(-100%)")
    {
      scrolling.style.transform='translateX(-200%)';
      $('.white-point').eq(2).css("width","20px");
      $('.white-point').eq(1).css("width","10px");
      $('.white-point').eq(0).css("width","10px");
    }
    else if(scrolling.style.transform=="translateX(-200%)")
    {
      scrolling.style.transform='translateX(-300%)';
      $('.white-point').eq(0).css("width","20px");
      $('.white-point').eq(2).css("width","10px");
      $('.white-point').eq(1).css("width","10px");
    }
    else if(scrolling.style.transform=="translateX(-300%)")
    {
      $('.scroll-ads-imgs').css('transition','none');
      scrolling.style.transform='translateX(0%)';
      window.setTimeout('scrollAds()',200);
      $('.white-point').eq(0).css("width","20px");
      $('.white-point').eq(1).css("width","10px");
      $('.white-point').eq(2).css("width","10px");
    }
  }
}
var start_scoll=window.setInterval('scrollAds()',3000);
function shownoticeText() {
  $(this).addClass("select");
}
function hideText() {
  $(this).removeClass("select");
}