// Custom JS for the Theme

// Config
//-------------------------------------------------------------

var companyName = "NCC Roma Taxi"; // Enter your event title


// Initialize Tooltip
//-------------------------------------------------------------

$('.my-tooltip').tooltip();



// Initialize jQuery Placeholder
//-------------------------------------------------------------

$('input, textarea').placeholder();



// Toggle Header / Nav
//-------------------------------------------------------------

$(document).on("scroll",function(){
  if($(document).scrollTop()>39){
    $("header").removeClass("large").addClass("small");
  }
  else{
    $("header").removeClass("small").addClass("large");
  }
});



// Vehicles Tabs / Slider
//-------------------------------------------------------------

$(".vehicle-data").hide();
var activeVehicleData = $(".vehicle-nav .active a").attr("href");
$(activeVehicleData).show();

$(".vehicle-nav li").on("click", function(){

  $(".vehicle-nav .active").removeClass("active");
  $(this).addClass('active');

  $(activeVehicleData).fadeOut( "slow", function() {
    activeVehicleData = $(".vehicle-nav .active a").attr("href");
    $(activeVehicleData).fadeIn("slow", function() {});
  });

  return false;
});



// Vehicles Responsive Nav
//-------------------------------------------------------------

$("<div />").appendTo("#vehicle-nav-container").addClass("styled-select-vehicle-data");
$("<select />").appendTo(".styled-select-vehicle-data").addClass("vehicle-data-select");
$("#vehicle-nav-container a").each(function() {
  var el = $(this);
  $("<option />", {
    "value"   : el.attr("href"),
    "text"    : el.text()
  }).appendTo("#vehicle-nav-container select");
});

$(".vehicle-data-select").change(function(){
  $(activeVehicleData).fadeOut( "slow", function() {
    activeVehicleData = $(".vehicle-data-select").val();
    $(activeVehicleData).fadeIn("slow", function() {});
  });

  return false;
});


// Initialize Datepicker
//-------------------------------------------------------------------------------format: 'dd/mm/yyyy'

var nowDate = new Date();
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);

$('.datepicker').datepicker({ format: "dd/mm/yyyy", language: "it", startDate: today, maxDate: today, pickTime: false }).on('changeDate', function () {
    $(this).datepicker('hide');
});




// Toggle Drop-Off Location
//-------------------------------------------------------------------------------
// eliminata funzione di ricerca drop-off diversa da pick-up --> sempre necessario specificare drop-off
//$(".input-group.drop-off").hide();
//$(".different-drop-off").on("click", function(){
//  $(".input-group.drop-off").toggle();
//  $(".autocomplete-suggestions").css("width", $('.pick-up .autocomplete-location').outerWidth());
//  return false;
//});



// Scroll to Top Button
//-------------------------------------------------------------------------------

$(window).scroll(function(){
  if ($(this).scrollTop() > 100) {
    $('.scrollup').removeClass("animated fadeOutRight");
    $('.scrollup').fadeIn().addClass("animated fadeInRight");
  } else {
    $('.scrollup').removeClass("animated fadeInRight");
    $('.scrollup').fadeOut().addClass("animated fadeOutRight");
  }
});

$('.scrollup, .navbar-brand').click(function(){
  $("html, body").animate({ scrollTop: 0 }, 'slow', function(){
    $("nav li a").removeClass('active');
  });
  return false;
});



// Location Map Function
//-------------------------------------------------------------------------------

function loadMap(addressData){

  var path = document.URL;

  var locationContent = "<h2>"+companyName+"</h2>"
  + "<p>" + "Via Lisbona, 23, Roma, 00198" + "</p>";

  $('#locations .map').gmap3({
    map: {
      options: {
        maxZoom: 14,
        scrollwheel: false,
        center: true,
        zoom: 15
      }
    },
    infowindow:{
        //address: addressData,
        address: "Via Lisbona, 23, Roma, 00198",
     options:{
       content: locationContent
     }
   },
   marker:{
       address: "Via Lisbona, 23, Roma, 00198",
    options: {
        icon: new google.maps.MarkerImage(
        "/img/mapmarker.png",
        new google.maps.Size(59, 58, "px", "px"),
        new google.maps.Point(0, 0),    //sets the origin point of the icon
        new google.maps.Point(29, 34)   //sets the anchor point for the icon
        )
    }
  }
},
"autofit" );
}

loadMap(locations[0].value);

$("#location-map-select").append('<option value="'+locations[0].value+'">Please select a location</option>');
$.each(locations, function( index, value ) {
  var option = '<option value="'+value.value+'">'+value.value+'</option>';
  $("#location-map-select").append(option);
});

$('#location-map-select').on('change', function() {
  $('#locations .map').gmap3('destroy');
  loadMap(this.value);
});



// Scroll To Animation
//-------------------------------------------------------------------------------

var scrollTo = $(".scroll-to");

scrollTo.click( function(event) {
  $('.modal').modal('hide');
  var position = $(document).scrollTop();
  var scrollOffset = 260;

  if(position > 39)
  {
    scrollOffset = 114;
  }

  var marker = $(this).attr('href');
  $('html, body').animate({ scrollTop: $(marker).offset().top - scrollOffset}, 'slow');
  return false;
});



// setup autocomplete - pulling from locations-autocomplete.js
//-------------------------------------------------------------------------------

$('.autocomplete-location').autocomplete({
  lookup: locations
});



// Newsletter Form
//-------------------------------------------------------------------------------

$( "#newsletter-form" ).submit(function() {

  $('#newsletter-form-msg').addClass('hidden');
  $('#newsletter-form-msg').removeClass('alert-success');
  $('#newsletter-form-msg').removeClass('alert-danger');

  $('#newsletter-form input[type=submit]').attr('disabled', 'disabled');

  $.ajax({
      type: "POST",
      url: "send.asmx/NewsletterForm",
      data: { formVars: $("#newsletter-form").serialize() },
    dataType: "json",
    success: function(data) {},
        error: function ()
        {
            $('#newsletter-form-msg').css('visibility', 'visible').hide().fadeIn().removeClass('hidden').addClass('alert-success');
            $('#newsletter-form-msg').html('Iscrizione correttamente inviata, Grazie.');
            $('#newsletter-form input[type=submit]').removeAttr('disabled');
            $('#newsletter-form')[0].reset();
        }

  });

  return false;
});

//if ('success' == data.result) {
//    $('#newsletter-form-msg').css('visibility', 'visible').hide().fadeIn().removeClass('hidden').addClass('alert-success');
//    $('#newsletter-form-msg').html(data.msg[0]);
//    $('#newsletter-form input[type=submit]').removeAttr('disabled');
//    $('#newsletter-form')[0].reset();
//}

//if ('error' == data.result) {
//    $('#newsletter-form-msg').css('visibility', 'visible').hide().fadeIn().removeClass('hidden').addClass('alert-danger');
//    $('#newsletter-form-msg').html(data.msg[0]);
//    $('#newsletter-form input[type=submit]').removeAttr('disabled');
//}

// Contact Form
//-------------------------------------------------------------------------------

$( "#contact-form" ).submit(function() {

  $('#contact-form-msg').addClass('hidden');
  $('#contact-form-msg').removeClass('alert-success');
  $('#contact-form-msg').removeClass('alert-danger');

  $('#contact-form input[type=submit]').attr('disabled', 'disabled');

  $.ajax({
    type: "POST",
    url: "send.asmx/ContactForm",
    data: { formVars: $("#contact-form").serialize() },
    dataType: "json",
    success: function(data) {
    },
    error: function ()
    {
        $('#contact-form-msg').css('visibility', 'visible').hide().fadeIn().removeClass('hidden').addClass('alert-success');
        $('#contact-form-msg').html('Richiesta correttamente inviata, Grazie.');
        $('#contact-form input[type=submit]').removeAttr('disabled');
        $('#contact-form')[0].reset();

        var iframe = document.createElement('iframe');
        iframe.style.display = "none";
        iframe.src = "google_conversione.html";
        document.body.appendChild(iframe);
    }
  });

  return false;
});

//if('success' == data.result)
//{
//  $('#contact-form-msg').css('visibility','visible').hide().fadeIn().removeClass('hidden').addClass('alert-success');
//  $('#contact-form-msg').html(data.msg[0]);
//  $('#contact-form input[type=submit]').removeAttr('disabled');
//  $('#contact-form')[0].reset();
//}

//if('error' == data.result)
//{
//  $('#contact-form-msg').css('visibility','visible').hide().fadeIn().removeClass('hidden').addClass('alert-danger');
//  $('#contact-form-msg').html(data.msg[0]);
//  $('#contact-form input[type=submit]').removeAttr('disabled');
//}

// Car Select Form
//-------------------------------------------------------------------------------

$( "#car-select-form" ).submit(function() {

  var pax = $("#nr_pax").val();
  var selectedCar = $("#car-select").find(":selected").text();
  var selectedCarVal = $("#car-select").find(":selected").val();
  var selectedCarImage = $("#car-select").val();
  var pickupLocation = $("#pick-up-location").val();
  var dropoffLocation = $("#drop-off-location").val();
  var pickUpDate = $("#pick-up-date").val();
  var pickUpTime = $("#pick-up-time").val();
  var dropOffDate = $("#drop-off-date").val();
  var dropOffTime = $("#drop-off-time").val();

  var error = 0;

  if (validateNotEmpty(pax)) { error = 1; }
  if(validateNotEmpty(selectedCarVal)) { error = 1; }
  if(validateNotEmpty(pickupLocation)) { error = 1; }
  if(validateNotEmpty(pickUpDate)) { error = 1; }
  if(validateNotEmpty(dropOffDate)) { error = 1; }

  if(0 == error)
  {
    console.log(ga, window.ga);
    ga('send', 'event', 'Form', 'Submit');
    $("#pax-ph").html(pax);
    $("#pax").val(pax);

    $("#selected-car-ph").html(selectedCar);
    $("#selected-car").val(selectedCar);
    $("#selected-vehicle-image").attr('src', selectedCarImage);

    $("#pickup-location-ph").html(pickupLocation);
    $("#pickup-location").val(pickupLocation);

    if("" == dropoffLocation)
    {
      $("#dropoff-location-ph").html(pickupLocation);
      $("#dropoff-location").val(pickupLocation);
    }
    else
    {
      $("#dropoff-location-ph").html(dropoffLocation);
      $("#dropoff-location").val(dropoffLocation);
    }

    $("#pick-up-date-ph").html(pickUpDate);
    $("#pick-up-time-ph").html(pickUpTime);
    $("#pick-up").val(pickUpDate+' at '+pickUpTime);

    $("#drop-off-date-ph").html(dropOffDate);
    $("#drop-off-time-ph").html(dropOffTime);
    $("#drop-off").val(dropOffDate+' at '+dropOffTime);

    $('#checkoutModal').modal();
  }
  else
  {
    $('#car-select-form-msg').css('visibility','visible').hide().fadeIn().removeClass('hidden').delay(2000).fadeOut();
  }

  return false;
});



// Check Out Form
//-------------------------------------------------------------------------------

$( "#checkout-form" ).submit(function() {

  $('#checkout-form-msg').addClass('hidden');
  $('#checkout-form-msg').removeClass('alert-success');
  $('#checkout-form-msg').removeClass('alert-danger');

  $('#checkout-form input[type=submit]').attr('disabled', 'disabled');

  $.ajax({
      type: "POST",
      url: "send.asmx/RapidForm",
      data: { formVars: $("#checkout-form").serialize() },
      dataType: "json",
      success: function () {
      },
      error: function () {

            $('#checkout-form-msg').css('visibility','visible').hide().fadeIn().removeClass('hidden').addClass('alert-success');
            $('#checkout-form-msg').html('Richiesta correttamente inviata, Grazie.');
            $('#checkout-form input[type=submit]').removeAttr('disabled');

            setTimeout(function(){
              $('.modal').modal('hide');
              $('#checkout-form-msg').addClass('hidden');
              $('#checkout-form-msg').removeClass('alert-success');

              $('#checkout-form')[0].reset();
              $('#car-select-form')[0].reset();
            }, 5000);

            var iframe = document.createElement('iframe');
            iframe.style.display = "none";
            iframe.src = "google_conversione.html";
            document.body.appendChild(iframe);

      }
//success: function(data) {

  //if('success' == data.result)
  //{
  //  $('#checkout-form-msg').css('visibility','visible').hide().fadeIn().removeClass('hidden').addClass('alert-success');
  //  $('#checkout-form-msg').html(data.msg[0]);
  //  $('#checkout-form input[type=submit]').removeAttr('disabled');

  //  setTimeout(function(){
  //    $('.modal').modal('hide');
  //    $('#checkout-form-msg').addClass('hidden');
  //    $('#checkout-form-msg').removeClass('alert-success');

  //    $('#checkout-form')[0].reset();
  //    $('#car-select-form')[0].reset();
  //  }, 5000);

  //}

  //if('error' == data.result)
  //{
  //    alert(data.result);
  //  $('#checkout-form-msg').css('visibility','visible').hide().fadeIn().removeClass('hidden').addClass('alert-danger');
  //  $('#checkout-form-msg').html(data.msg[0]);
  //  $('#checkout-form input[type=submit]').removeAttr('disabled');
  //}

//}
  });

return false;
});



// Not Empty Validator Function
//-------------------------------------------------------------------------------

function validateNotEmpty(data){
  if (data == ''){
    return true;
  }else{
    return false;
  }
}