$(document).ready(function() {
  var
    mSel = $('ul[class=subMenu] > li[class=active]'),
    mUnSel = $('ul[class=subMenu] > li[class!=active]');

  mUnSel.hover(function(){
    mSel.removeClass('active');
    $(this).addClass('active');
  },
  function(){
    mSel.addClass('active');
    $(this).removeClass('active');
  });

  $('#orderCall').click(function(_e){
    _e.stopPropagation();
    $("form[class=orderForm] > div").hide();
    $("form[class=orderForm] > div[class=form]").show();
    var offset = $('#orderCall').offset();
    offset.top += 20;
    offset.left -= 50;
    $('#popupOrderCall').css(offset);
    $('#popupOrderCall').toggle('fast');
    $('#orderCall').qtip('hide');
  });

  $('#popupOrderCall').click(function(_e){
    _e.stopPropagation();
  });

  $('input[class=resetOrder]').click(function(_e){
    $('#popupOrderCall').hide('fast');
    $('input[class=orderFormInput]').addClass('grey');
  });

  $(document.body).click(function() {
    if ( $('#popupOrderCall').is(':visible') ) {
      $('#popupOrderCall').hide('fast');
    }
  });

  $("#submitOrder").click(function(){
		$(".error").hide();
		var hasError = false;

    if ( $('#orderName').val() == '' || $('#orderName').hasClass('grey') ) {
      $("#orderName").after('<div class="error">Пожалуйста, введите ваше имя</div>');
      hasError = true;
    }
    if ( $('#orderPhone').val() == '' || $('#orderPhone').hasClass('grey') ) {
      $("#orderPhone").after('<div class="error">Пожалуйста, введите ваш телефон</div>');
      hasError = true;
    }

    if ( hasError == false ) {
      $("form[class=orderForm] > div[class=form]").hide('normal');
      $("form[class=orderForm] > div[class=wait]").show('normal');

      $.getJSON(
        "/newcall",
        {
          name: $('#orderName').val(),
          phone: $("#orderPhone").val()
        },
        function(data){
          $("form[class=orderForm] > div[class=wait]").hide('normal');
          if ( !data || data.result == 'fail' ) {
            var t = $("form[class=orderForm] > div[class=fail]");
            t.text(data.message);
            t.show('normal');
          }
          else if ( data.result == 'success' ) {
            var t = $("form[class=orderForm] > div[class=success]");
            t.text(data.message);
            t.show('normal');
          }

          setTimeout(function(){$('#popupOrderCall').hide('fast');}, 3000);
        }
      );
    }
		return false;
	});
});