$(function() {

  if ($('#success').text()!=undefined && $('#success').text() != '') {
    toastr.success($('#success').text());
  }

  var flag = $('.flag');
  flag.hover(function() {
    var div = $(this).children('div');
    var span = $(this).children('span');
    var img = $(this).children('img');
    div.toggleClass('hover');
    span.toggleClass('hover');
    img.toggleClass('hover');
  });
  cutNewTitle();
  $(window).resize(function() {
      cutNewTitle();
  });

  var $popupbg = $('.popups-bg');
  var $popup   = $('.popups');

  $('#button-apply').click(function() {
    $popupbg.show();
    $popup.show();
  });

  $popupbg.click(hidePopups);

  $popup.on('click', '.pclose', hidePopups);

  function hidePopups() {
    $popupbg.hide();
    $popup.hide();
  }

  var $form          = $('.form');
  var $button        = $form.find('button.confrim');
  var $province      = $form.find('#province');
  var $city          = $form.find('#city');
  var $county        = $form.find('#county');
  var $formCode       = $form.find('.form-code');
  var $imgCode       = $form.find('.img-code');
  var $groupName     = $form.find('input.groupName');
  var $linkName      = $form.find('input.linkName');
  var $mobile        = $form.find('input.mobile');
  var $code          = $form.find('input.code');
  var $err_city      = $form.find('p.error.city');
  var $err_groupName = $form.find('p.error.groupName');
  var $err_linkName  = $form.find('p.error.linkName');
  var $err_mobile    = $form.find('p.error.mobile');
  var $err_code      = $form.find('p.error.code');
  var imageId;

  var checkRuls = {
    province: {
      node: $province,
      err_node: $err_city,
      err_msg: '请选择省'
    },
    city: {
      node: $city,
      err_node: $err_city,
      err_msg: '请选择市'
    },
    district: {
      node: $county,
      err_node: $err_city,
      err_msg: '请选择区'
    },
    groupName: {
      node: $groupName,
      err_node: $err_groupName,
      err_msg: '请输入公司名称'
    },
    linkName: {
      node: $linkName,
      err_node: $err_linkName,
      err_msg: '请输入联系人'
    },
    mobile: {
      reg: /^1\d{10}$/,
      node: $mobile,
      err_node: $err_mobile,
      err_msg: '请输入手机号',
      err_msg2: '输入的手机号不正确'
    },
    code: {
      node: $code,
      err_node: $err_code,
      err_msg: '请输入验证码'
    }
  };

  var findArr = ['province', 'city', 'county'];
  var errNodeName = null;
  var isLoading = false;

  $button.click(function() {
    var data = checkFormData();
    if (!data.flag || isLoading) {
      return false;
    }

    isLoading = true;
    data.data.areaAddress = data.data.province + ',' + data.data.city + ',' + data.data.district;
    data.data.imageId = imageId;
    $.ajax({
      url: '/apply/group',
      data: data.data,
      type: 'post',
      success: function(ret) {
        isLoading = false;
        if (ret.success) {
          clearFormInfo();
          hidePopups();
          toastr.success('信息提交成功');
        } else {
          $err_code.html('验证失败，请重新输入验证码');
          $formCode.click();
        }
      },
      error: function() {
        isLoading = false;
      }
    });
  });

  $formCode.click(function() {
    $code.val('');
    $imgCode.attr('src', createImageCode());
    $form.find('.code-btn').remove();
  });

  function checkFormData() {
    var data = {};
    var flag = true;
    for (var i in checkRuls) {
      var node     = checkRuls[i].node;
      var err_node = checkRuls[i].err_node;
      var err_msg  = checkRuls[i].err_msg;
      var err_msg2  = checkRuls[i].err_msg2;
      var reg = checkRuls[i].reg;
      if (errNodeName && findArr.indexOf(i) > 0) {
        continue;
      }
      if (!node.val()) {
        errNodeName = i;
        err_node.html(err_msg);
        flag = false;
      } else if (reg && reg.test(node.val()) == false) {
        err_node.html(err_msg2);
        flag = false;
      } else {
        errNodeName = null;
        err_node.html('');
      }
      data[i] = node.val();
    }
    return {
      flag: flag,
      data: data
    };
  }

  function createImageCode() {
    var random = Math.floor(Math.random() * 1000000);
    imageId = String(random);
    return dominWxapp + '/securityCode/getImageCode?imageId=' + imageId;
  }

  function clearFormInfo() {
    $groupName.val('');
    $linkName.val('');
    $mobile.val('');
    $code.val('');
  }

});

cutNewTitle = function() {
  var anews = $('ul.card2').find('a');
  var spantitles = $('ul.card2').find('span');
  for (var i = 0; i < anews.length; i++) {
    var anew = $(anews[i]);
    if (anew.parent().width() > 400) {
      anew.text($(spantitles[i]).text());
    }
    else if (anew.parent().width() > 350) {
      anew.text($(spantitles[i]).text().substr(0, 18).concat('...'));
    }
    else if (anew.parent().width() > 300) {
      anew.text($(spantitles[i]).text().substr(0, 14).concat('...'));
    }
    else {
      anew.text($(spantitles[i]).text().substr(0, 10).concat('...'));
    }
  }
}