var messageLinks = new Array();
var messageIDs = new Array();
var currentID = 0;

function lovelyMessages() {
  // 0. Pull most recent messages
    $('body')
      .html('')
      .load('/read_short_message.phtml form[name=rsm]', function(data) {
        $('form[name=rsm]').hide();
    
    // 1. Grab all links that contain send_short_message.phtml
      $('a[href*=send_short_message]').each(function() {
        messageLinks.push($(this).attr('href'));
      });
      $('input[name^=rsm]').each(function() {
        messageIDs.push($(this).val());
      });
    
    // 2. screen off page
      $('<div/>')
        .attr('id','screen')
        .addClass('pop')
        .css({
          display:'block',
          position:'fixed',
          top:'0',
          left:'0',
          right:'0',
          bottom:'0',
          background:'#000',
          opacity:'.3'
        })
        .appendTo($('body'));

      $('<div/>')
        .attr('id','lightbox')
        .addClass('pop')
        .css({
          display:'block',
          position:'fixed',
          top:'0',
          left:'25%',
          right:'25%',
          bottom:'0',
          overflow:'auto',
          padding:'.5em',
          background:'#fff'
        })
        .appendTo($('body'));
      
      $('body').append('<iframe src="" style="display:none;" name="xss" id="xss"></iframe>');
    
    // 3. load first link into lightbox
      loadMessage(currentID);
  });
}

function loadMessage(messID) {
  $('#lightbox')
    .load('' + messageLinks[messID] + ' form[name=SSM]', function() {
      $('hr, td p i, div[title=Go to your SM inbox]').hide();
      $('textarea').focus();
      $('#lightbox input[type=submit]').after('<a href="#" style="margin-left: 1em;" onclick="$(this).text(\'Processing...\'); $.get(\'/read_short_message.phtml?rsm[0]=' + messageIDs[messID] + '\', function(data){ ++currentID; if(currentID >= messageIDs.length) { lovelyMessages(); } else { loadMessage(currentID); } }); return false;">Delete message</a>');
      $('#lightbox form')
        .attr('target','xss')
        .submit(function() {
          $('#lightbox input[type=submit]').val('Processing...');
          $.get('/read_short_message.phtml?rsm[0]=' + messageIDs[messID] + '',
            function(data){
              ++currentID;
              if(currentID >= messageIDs.length) {
                lovelyMessages();
              } else {
                loadMessage(currentID);
              }
            });
        });
    });
}

setTimeout(function() {
    $('body').html('');
    lovelyMessages();
},500);