$(document).ready(function() {
  if($('#calc').length) {
    $('#calc').ketchup();
  }
  
  if($('#example2').length) {
    $('#example2').ketchup({
      validationAttribute: 'rel',
      errorContainer: $('<div>', {
        'class': 'ketchup-error-container-alt',
        html: '<ol></ol>'
      }),
      initialPositionContainer: function(errorContainer, field) {
        //errorContainer = the error-container with all childs
        //field = the field that needs to get validated
      },
      positionContainer: function(errorContainer, field) {},
      showContainer: function(errorContainer) {
        errorContainer.slideDown('fast');
      },
      hideContainer: function(errorContainer) {
        errorContainer.slideUp('fast');
      }
    });
  }
  
  if($('#example3').length) {
    $('#example3').ketchup();
  }
  
  if($('#example4').length) {
    $('#example4').ketchup();
  }
});