window.addEvent('domready', function() {
  selectInput();
  $$('a.tab').each(function(link) {
    link.addEvent('click', function() {
      var rel = link.get('rel');
      $$('#tabs a.selected')[0].removeClass('selected');
      $$('#shorten, #track, #about').addClass('hidden');
      $$('#tabs a.' + rel)[0].addClass('selected');
      $(rel).removeClass('hidden');
      selectInput();
      return false;
    });
  });
  if ($('customize')) {
    setupCustomize();
  }
  if ($('facebook')) {
    setupFacebook();
  }
  if ($('shortcut')) {
    setupShortcut();
  }
});

function selectInput() {
  $$('input').each(function(input) {
    if (!input.getParent('.hidden') && input.get('type') == 'text') {
      input.focus();
      input.select();
    }
  });
}

function setupCustomize() {
  var natural = $('urlx').value;
  $('customize').addEvent('submit', function() {
    if ($('urlx').value == natural) {
      if (!$('customize-button').hasClass('hidden')) {
        alert('You must first change the shortened URL to customize it.');
      }
      return false;
    }
  });
  var edit = $('edit-url');
  if (edit) {
    var editLink = edit.getElement('a');
    editLink.addEvent('click', showCustomizeButton);
    window.addEvent('keypress', function() {
      if ($('urlx').value != natural && $('customize-button').hasClass('hidden')) {
        showCustomizeButton();
      }
    });
  }
}

function showCustomizeButton() {
  $('edit-url').addClass('hidden');
  $('customize-button').removeClass('hidden');
  return false;
}

function setupFacebook() {
  $('facebook').addEvent('click', function() {
    window.open($('facebook').get('href'), 'sharer', 'toolbar=0,status=0,width=626,height=436');
    return false;
  });
}

function setupShortcut() {
  $('shortcut-link').addEvent('click', function() {
    $('shortcut-link').addClass('hidden');
    $('shortcut').removeClass('hidden');
    return false;
  });
}