$(document).ready(function() {
  // set Training/Event fields to readonly
  $("#contour .trainingclass input, #contour .traininglocation input, #contour .date input, #contour .time input, #contour .event .event input, #contour .event .eventlocation input").attr("readonly","true");
  
  // hide all the Attendee fields
  $('#contour .person1firstname, #contour .person1lastname, #contour .person1email').hide();
  $('#contour .person2firstname, #contour .person2lastname, #contour .person2email').hide();
  $('#contour .person3firstname, #contour .person3lastname, #contour .person3email').hide();
  $('#contour .person4firstname, #contour .person4lastname, #contour .person4email').hide();
  $('#contour .person5firstname, #contour .person5lastname, #contour .person5email').hide();
  $('#contour .person6firstname, #contour .person6lastname, #contour .person6email').hide();  
  
  $("#contour .numberofadditionalattendees select").change(function () {
    var ddValue = $("#contour .numberofadditionalattendees select option:selected").text();
    
    $("#contour .numberofadditionalattendees select option:selected").each(function () {
      if (ddValue == '0') {
        HideAll();
        // Clear fields
        $('#contour .person1firstname input, #contour .person1lastname input, #contour .person1email input').val("");
        $('#contour .person2firstname input, #contour .person2lastname input, #contour .person2email input').val("");
        $('#contour .person3firstname input, #contour .person3lastname input, #contour .person3email input').val("");
        $('#contour .person4firstname input, #contour .person4lastname input, #contour .person4email input').val("");  
        $('#contour .person5firstname input, #contour .person5lastname input, #contour .person5email input').val("");
        $('#contour .person6firstname input, #contour .person6lastname input, #contour .person6email input').val("");
      }
      // 1 attendee
      if (ddValue == '1') {
        HideAll();
        $('#contour .person1firstname, #contour .person1lastname, #contour .person1email').slideDown(150);
        $("#contour .person1firstname").css("margin-bottom", "15px");
        // Clear fields
        $('#contour .person2firstname input, #contour .person2lastname input, #contour .person2email input').val("");
        $('#contour .person3firstname input, #contour .person3lastname input, #contour .person3email input').val("");
        $('#contour .person4firstname input, #contour .person4lastname input, #contour .person4email input').val("");  
        $('#contour .person5firstname input, #contour .person5lastname input, #contour .person5email input').val("");
        $('#contour .person6firstname input, #contour .person6lastname input, #contour .person6email input').val("");
      }
      // 2 attendees
      if (ddValue == '2') {
        HideAll();
        $("#contour .person1firstname").css("margin-bottom", "0");
        $('#contour .person1firstname, #contour .person1lastname, #contour .person1email').slideDown(150);
        $('#contour .person2firstname, #contour .person2lastname, #contour .person2email').slideDown(150);
        $("#contour .person2firstname").css("margin-bottom", "15px");
        // Clear fields
        $('#contour .person3firstname input, #contour .person3lastname input, #contour .person3email input').val("");
        $('#contour .person4firstname input, #contour .person4lastname input, #contour .person4email input').val("");  
        $('#contour .person5firstname input, #contour .person5lastname input, #contour .person5email input').val("");
        $('#contour .person6firstname input, #contour .person6lastname input, #contour .person6email input').val("");
      }
      // 3 attendees
      if (ddValue == '3') {
        HideAll();
        $("#contour .person1firstname").css("margin-bottom", "0");
        $("#contour .person2firstname").css("margin-bottom", "0");
        $('#contour .person1firstname, #contour .person1lastname, #contour .person1email').slideDown(150);
        $('#contour .person2firstname, #contour .person2lastname, #contour .person2email').slideDown(150);
        $('#contour .person3firstname, #contour .person3lastname, #contour .person3email').slideDown(150);
        $("#contour .person3firstname").css("margin-bottom", "15px");
        // Clear fields
        $('#contour .person4firstname input, #contour .person4lastname input, #contour .person4email input').val("");  
        $('#contour .person5firstname input, #contour .person5lastname input, #contour .person5email input').val("");
        $('#contour .person6firstname input, #contour .person6lastname input, #contour .person6email input').val("");
      }
      // 4 attendees
      if (ddValue == '4') {
        HideAll();
        $("#contour .person1firstname").css("margin-bottom", "0");
        $("#contour .person2firstname").css("margin-bottom", "0");
        $("#contour .person3firstname").css("margin-bottom", "0");
        $('#contour .person1firstname, #contour .person1lastname, #contour .person1email').slideDown(150);
        $('#contour .person2firstname, #contour .person2lastname, #contour .person2email').slideDown(150);
        $('#contour .person3firstname, #contour .person3lastname, #contour .person3email').slideDown(150);
        $('#contour .person4firstname, #contour .person4lastname, #contour .person4email').slideDown(150);
        $("#contour .person4firstname").css("margin-bottom", "15px");
        // Clear fields
        $('#contour .person5firstname input, #contour .person5lastname input, #contour .person5email input').val("");
        $('#contour .person6firstname input, #contour .person6lastname input, #contour .person6email input').val("");
      }
      // 5 attendees
      if (ddValue == '5') {
        HideAll();
        $("#contour .person1firstname").css("margin-bottom", "0");
        $("#contour .person2firstname").css("margin-bottom", "0");
        $("#contour .person3firstname").css("margin-bottom", "0");
        $("#contour .person4firstname").css("margin-bottom", "0");
        $('#contour .person1firstname, #contour .person1lastname, #contour .person1email').slideDown(150);
        $('#contour .person2firstname, #contour .person2lastname, #contour .person2email').slideDown(150);
        $('#contour .person3firstname, #contour .person3lastname, #contour .person3email').slideDown(150);
        $('#contour .person4firstname, #contour .person4lastname, #contour .person4email').slideDown(150);
        $('#contour .person5firstname, #contour .person5lastname, #contour .person5email').slideDown(150);
        $("#contour .person5firstname").css("margin-bottom", "15px");
        // Clear fields
        $('#contour .person6firstname input, #contour .person6lastname input, #contour .person6email input').val("");
      }
      // 6 attendees
      if (ddValue == '6') {
        HideAll();
        $("#contour .person1firstname").css("margin-bottom", "0");
        $("#contour .person2firstname").css("margin-bottom", "0");
        $("#contour .person3firstname").css("margin-bottom", "0");
        $("#contour .person4firstname").css("margin-bottom", "0");
        $("#contour .person5firstname").css("margin-bottom", "0");
        $('#contour .person1firstname, #contour .person1lastname, #contour .person1email').slideDown(150);
        $('#contour .person2firstname, #contour .person2lastname, #contour .person2email').slideDown(150);
        $('#contour .person3firstname, #contour .person3lastname, #contour .person3email').slideDown(150);
        $('#contour .person4firstname, #contour .person4lastname, #contour .person4email').slideDown(150);
        $('#contour .person5firstname, #contour .person5lastname, #contour .person5email').slideDown(150);
        $('#contour .person6firstname, #contour .person6lastname, #contour .person6email').slideDown(150);
        $("#contour .person6firstname").css("margin-bottom", "15px");
      }
    });      
  })

  // CLEAR FORM FIELDS function
  function HideAll() {
    // Slide Up
    $('#contour .person1firstname, #contour .person1lastname, #contour .person1email').slideUp(150);
    $('#contour .person2firstname, #contour .person2lastname, #contour .person2email').slideUp(150);
    $('#contour .person3firstname, #contour .person3lastname, #contour .person3email').slideUp(150);
    $('#contour .person4firstname, #contour .person4lastname, #contour .person4email').slideUp(150);
    $('#contour .person5firstname, #contour .person5lastname, #contour .person5email').slideUp(150);
    $('#contour .person6firstname, #contour .person6lastname, #contour .person6email').slideUp(150);
  };   
    
});
