var current = null;
var formats = {
  'HTML': '/show',
  'JSON': '/show.js',
  'XML':  '/show.xml',
  'YAML': '/show.yaml'
}

$(function() {
  $.ga.load('UA-54628-19');
  for (key in formats) {
    $("#method").append("<a onclick='setFormat(this)'>" + key + "</a>");
  }
  setFormat('#method a:first');
  $('#form').validate({
    onsubmit: true,
    onfocusout: false,
    onkeyup: false,
    onclick: false,
    focusInvalid: false,
    submitHandler: function(form) {
        form.submit();
    },
    showErrors: function(map, list) {
      if (list.length > 0) alert(list[0].message);
    },
    rules: {
      uri: {
        required: true,
        url: true
      }
    },
    messages: {
      uri: {
        required: 'Please enter a URI',
        url: 'Please enter a valid URI'
      }
    }
  });
  $("#input input").focus();
  $('#submit').click(function() { $('#form').submit(); });
});

function setFormat(format) {
  $("#method a").removeClass("active");
  $('#form').attr('action', formats[$(format).html()]);
  $(format).addClass("active");
}