function yms_showpage(page)

{

  load_component(['fadefilter', 'jquery', 'jquery-ui']);

  yms_destroy_float();

  if ( aclDisableTransitionFX )

    jQuery.fx.off = true;

  darken(true, 70, 'ymsmask');

  $('body').append('<div id="yms-float-wrapper"><div id="yms-float-body"><div id="yms-float-inner"><div class="yms-float-spinner theme-selector-spinner"></div></div></div></div>');

  $('#yms-float-wrapper')

    .css('top', String(getScrollOffset()) + 'px')

    .css('left', 0)

    .css('z-index', String( getHighestZ() + 20 ));

  ajaxGet(makeUrlNS('Special', 'YMS/' + page, 'noheaders'), function(ajax)

    {

      if ( ajax.readyState == 4 && ajax.status == 200 )

      {

        var fade_time = aclDisableTransitionFX ? 0 : 500;

        $('#yms-float-body').animate({ width: 728, height: getHeight() - 200 });

        $('.yms-float-spinner').fadeOut(fade_time, function()

          {

            $('#yms-float-inner')

              .css('text-align', 'left')

              .html(ajax.responseText)

              .append('<div class="yms-float-closer"><a class="abutton abutton_green" href="#">' + $lang.get('etc_cancel') + '</a></div>');

            $('.yms-float-closer a').click(function()

              {

                yms_destroy_float();

                return false;

              });

            $('#yms-float-inner form').submit(yms_ajax_submit);

            // focus first element in the form

            $('#yms-float-inner input:first').focus();

          });

      }

      else if ( ajax.readyState == 4 && ajax.status != 200 )

      {

        yms_destroy_float();

      }

    });

}

function yms_ajax_submit()

{

  var whitey = whiteOutElement(this);

  var qs = '';

  $('input, select, textarea', this).each(function(i, e)

    {

      var name = $(e).attr('name');

      var val = $(e).val();

      if ( $(e).attr('type') == 'checkbox' )

      {

        if ( !$(e).attr('checked') )

          return;

        val = 'on';

      }

      else if ( $(e).attr('type') == 'radio' )

      {

        if ( !$(e).attr('checked') )

          return;

      }

      if ( name )

        qs += '&' + name + '=' + ajaxEscape(val);

    });

  qs = qs.replace(/^&/, '');

  var submit_uri = $(this).attr('action');

  var separator = (/\?/).test(submit_uri) ? '&' : '?';

  submit_uri += separator + 'ajax&noheaders';

  var to_self = $(this).hasClass('submit_to_self');

  ajaxPost(submit_uri, qs, function(ajax)

    {

      if ( ajax.readyState == 4 && ajax.status == 200 )

      {

        var response = String(ajax.responseText) + '';

        if ( to_self )

        {

          // form submits to the dynamic frame, just set HTML and die

          $(whitey).remove();

          $('#yms-float-inner')

            .html(response)

            .append('<div class="yms-float-closer"><a class="abutton abutton_green" href="#">' + $lang.get('etc_cancel') + '</a></div>');

          $('.yms-float-closer a').click(function()

            {

              yms_destroy_float();

              return false;

            });

          $('#yms-float-inner form').submit(yms_ajax_submit);

          // focus first element in the form

          $('#yms-float-inner input:first').focus();

          return true;

        }

        if ( !check_json_response(response) )

        {

          // invalid JSON, gracefully report error

          whiteOutReportFailure(whitey);

          setTimeout(function()

            {

              yms_destroy_float();

              handle_invalid_json(response);

            }, 1250);

          return false;

        }

        response = parseJSON(response);

        if ( response.mode == 'success' )

        {

          $('#yms-messages').html('<div class="info-box">' + $lang.get(response.message) + '</div>');

          yms_refresh_keylist();

          whiteOutReportSuccess(whitey);

          setTimeout('yms_destroy_float();', 1250);

        }

        else if ( response.mode == 'error' )

        {

          whiteOutReportFailure(whitey);

          setTimeout(function()

            {

              $('#yms-float-inner .error-box').remove();

              $('#yms-float-inner').prepend('<div class="error-box">' + $lang.get(response.error) + '</div>');

            }, 1250);

        }

      }

      else if ( ajax.readyState == 4 && ajax.status != 200 )

      {

        whiteOutReportFailure(whitey);

        setTimeout('yms_destroy_float();', 1250);

      }

    });

  return false;

}

function yms_destroy_float()

{

  var fade_time = aclDisableTransitionFX ? 0 : 500;

  $('#yms-float-wrapper').fadeOut(fade_time, function()

    {

      $('#yms-float-wrapper').remove();

      enlighten(aclDisableTransitionFX, 'ymsmask');

    });

}

function yms_refresh_keylist()

{

  $('#yms-keylist').empty();

  ajaxGet(makeUrlNS('Special', 'YMS', 'noheaders&ajax'), function(ajax)

    {

      if ( ajax.readyState == 4 && ajax.status == 200 )

      {

        $('#yms-keylist').html(ajax.responseText);

      }

    });

}

function yms_toggle_state(span, id)

{

  // touch to put into closure scope

  void(span);

  var whitey = whiteOutElement(span.parentNode);

  var newstate = $(span).hasClass('yms-disabled') ? 'active' : 'inactive';

  ajaxPost(makeUrlNS('Special', 'YMS/AjaxToggleState'), 'id=' + id + '&state=' + newstate, function(ajax)

    {

      if ( ajax.readyState == 4 && ajax.status == 200 )

      {

        if ( ajax.responseText != 'ok' )

        {

          whiteOutReportFailure(whitey);

          return false;

        }

        whiteOutReportSuccess(whitey);

        var newclass = newstate == 'active' ? 'yms-enabled' : 'yms-disabled';

        var newtext  = newstate == 'active' ? 'yms_state_active' : 'yms_state_inactive';

        $(span).removeClass('yms-disabled').removeClass('yms-enabled').addClass(newclass).text($lang.get(newtext));

      }

    });

}

function yms_show_notes(link, id)

{

  // show the box

  var offset = $(link.parentNode).offset();

  var height = $(link.parentNode).outerHeight();

  var top = offset.top + height;

  var left = ( offset.left + $(link.parentNode).outerWidth() ) - 420;

  var box = document.createElement('div');

  $(box)

    .css('background-color', 'white')

    .css('color', '#202020')

    .css('padding', 10)

    .css('position', 'absolute')

    .css('width', 400)

    .css('height', 130)

    .css('top', top)

    .css('left', left)

    .appendTo('body');

  box.yk_id = id;

  box.link = link;

  var whitey = whiteOutElement(box);

  ajaxPost(makeUrlNS('Special', 'YMS/AjaxNotes'), 'get=' + id, function(ajax)

    {

      if ( ajax.readyState == 4 && ajax.status == 200 )

      {

        $(whitey).remove();

        $(box).html('<p><textarea style="width: 400px; height: 80px;"></textarea></p><p><a class="abutton abutton_green save" style="font-weight: bold;"></a> <a class="abutton cancel"></a></p>');

        $('textarea', box).val(ajax.responseText);

        $('a.save', box).text($lang.get('etc_save_changes')).attr('href', '#').click(function()

          {

            var box = this.parentNode.parentNode;

            var text = $('textarea:first', box).val();

            yms_save_note(box, box.yk_id, text, box.link);

            return false;

          });

        $('a.cancel', box).text($lang.get('etc_cancel')).attr('href', '#').click(function()

          {

            $(this.parentNode.parentNode).remove();

            return false;

          });

      }

    });

}

function yms_save_note(box, id, text, link)

{

  var whitey = whiteOutElement(box);

  void(link);

  ajaxPost(makeUrlNS('Special', 'YMS/AjaxNotes'), 'save=' + id + '&note=' + ajaxEscape(text), function(ajax)

    {

      if ( ajax.readyState == 4 && ajax.status == 200 )

      {

        if ( ajax.responseText != 'ok' )

        {

          whiteOutReportFailure(whitey);

          return false;

        }

        var newsrc   = text == '' ? scriptPath + '/plugins/yms/icons/note_delete.png' : scriptPath + '/plugins/yms/icons/note.png';

        var newtitle = text == '' ? $lang.get('yms_btn_note_create') : $lang.get('yms_btn_note_view');

        $(link).attr('title', newtitle);

        $('img:first', link).attr('src', newsrc);

        // remove any existing text

        while ( link.nextSibling )

          link.parentNode.removeChild(link.nextSibling);

        // insert text

        if ( text != '' )

        {

          var summary = ' ' + (text.length > 15 ? text.substr(0, 12) + '...' : text);

          link.parentNode.appendChild(document.createTextNode(summary));

        }

        whiteOutReportSuccess(whitey);

        setTimeout(function()

          {

            $(box).remove();

          }, 1250);

      }

    });

}