/*
 * paginate results
 */

function reloadList() {
  $("input[name='ajax']").attr("value","true");
  $(".page_navigator").ajaxForm({
    target: '#quick_car_list',
    success: reloadList,
    url: 'displaycars_in_cardetails.php'
  });
}

function toggleRequired(whichForm)
  {
    var contact = $(whichForm+' select[name="contactby"]').val();
    $(whichForm+' p.'+contact+' span').toggle();
    if(contact == "telephone")
    {
      $(whichForm+' p.email span').toggle();
    }
    else if(contact == "email")
    {
      $(whichForm+' p.telephone span').toggle();
    }
  }
$(document).ready(function(){
// list of cars
  reloadList();

  $('#myform select').change(function(){toggleRequired('#myform')});
  $('#myform3 select').change(function(){toggleRequired('#myform3')});
  
// animated forms with AJAX
  $('.loading_email').hide();

  function showLoader()
  {
    $('.loading_email').show();
  }
  function hideLoader()
  {
    $('.loading_email').hide();
  }
  
  $("#myform").ajaxForm({
    target: '#log_res',
    beforeSubmit: showLoader,
    success: function() {
      hideLoader();
    }
  });

  $("#myform3").ajaxForm({
    target: '#log_res3',
    beforeSubmit: showLoader,
    success: function() {
      hideLoader();
    }
  });

  $("#postcodedropdown").click(function () {
    $("#postcodedropdownwrap").toggle('slow');
  });

  $("#emaildropdownopen").click(function () {
    $("#emaildropdown").toggle("slow");
  });

  $("#emaildropdownclose").click(function () {
    $('#emaildropdown').hide('slow');
  });

// phone number animation
  var animation_container = $(".pnumbers");
  // phone tag recognition (iPhone)
  var inner_container = animation_container.children("*:first-child");
  if (inner_container.length > 0)
  {
    animation_container = inner_container;
    inner_container.css("color", "white");
  }
  var phone_number = jQuery.trim(animation_container.html());
  var phone_html = "";
  for (m=0; m<phone_number.length; m++)
  {
    var phone_char = phone_number.charAt(m);
    if (phone_char != ' ')
    {
      phone_html += '<span class="phonechar">' + phone_char + '</span>';
    }
    else
    {
      phone_html += phone_char;
    }
  }
  animation_container.html(phone_html);
  var numbers = $(".phonechar");
  var index = 0;
  (function(){
    numbers.eq(index).toggleClass("redletter");
    index++;
    if (index >= numbers.length)
    {
      index = 0;
    }
    setTimeout(arguments.callee, 300);
  })();
});