/*
This is a highly modified version of the Facebox plugin for jQuery by Chris
Wanstrath. Original Credits:
 
Facebox (for jQuery)
version: 1.0 (12/19/2007)
@requires jQuery v1.2 or later
Examples at http://famspam.com/facebox/
Licensed under the MIT: http://www.opensource.org/licenses/mit-license.php
Copyright 2007 Chris Wanstrath [ chris@ozmm.org ]
*/

(function($) {

  // Allows generating a popup by jQuery.popup('contents')
  $.popup = function(options, data) {
    var settings = $.extend({}, $.popup.settings, options);
    $.popup.init(settings)
    if (!settings.confrm)
      $.popup.loading(settings)
      
    $.isFunction(data) ? data.call(this, settings) : $.popup.reveal(settings, data)
  }

  $.fn.popup = function(options) {
    // Merge the two settings arrays into a central data store
    var settings = $.extend({}, $.popup.settings, options);
    var sender = this;

    this.live('click', function() {
      settings.sender = this;
      $.extend(settings, { popupType: $(this).attr('popupType') });

      $.popup.init(settings);
      if (!settings.confirm)
        $.popup.loading(settings);

      var target = $.popup.findTarget(settings);
      if (settings.confirm) {
        // Bind to the "Okay" button click
        $('#'+settings.popupId+' .Okay').focus().click(function() {
          if (settings.followConfirm) {
            // follow the target
            document.location = target;
          } else {
            // request the target via ajax
            $.ajax({
                type: "GET",
                url: target,
                data: {'DeliveryType' : settings.deliveryType, 'DeliveryMethod' : 'JSON'},
                dataType: 'json',
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                   $.popup({}, XMLHttpRequest.responseText);
                },
                success: function(json) {
                  json = $.postParseJson(json);
                  
                  $.popup.close(settings);
                  settings.afterConfirm(json, settings.sender);
                  gdn.inform(json);
                  if (json.RedirectUrl)
                    setTimeout(function() { document.location.replace(json.RedirectUrl); }, 300);

                }
             });
          }
        });
      } else {
        if (target) {
           $.ajax({
              type: 'GET',
              url: target,
              data: {
                 'DeliveryType': settings.deliveryType },
                 error: function(request, textStatus, errorThrown) {
                    $.popup.reveal(settings, request.responseText);
                 },
                 success: function(data) {
                    $.popup.reveal(settings, data);
                 }
           });
//          $.get(target, {'DeliveryType': settings.deliveryType}, function(data) {
//            $.popup.reveal(settings, data)
//          });
        }
      }
        
      return false;
    });
    
    this.mouseover(function() {
      settings.sender = this;
      if ($.popup.findTarget(settings))
        $(this).addClass(settings.mouseoverClass);
    });
    
    this.mouseout(function() {
      settings.sender = this;
      if ($.popup.findTarget(settings))
        $(this).removeClass(settings.mouseoverClass);
    });
    
    return this;
  }
  
  $.popup.findTarget = function(settings) {
    settings.foundTarget = settings.targetUrl;
    
    // See if the matched element was an anchor. If it was, use the href.
    if (!settings.foundTarget && $(settings.sender).attr('href') != 'undefined') {
      settings.foundTarget = settings.sender.href;
    } else {
      // See if there were any anchors within the matched element.
      // If there are, use the href from the first one.
      if (!settings.foundTarget) {
        var anchor = $(settings.sender).find('a:first');
        if (anchor.length > 0)
          settings.foundTarget = anchor[0].href;
      }
    }
    
    return settings.foundTarget;
  }

  // Close a jquery popup and release escape key bindings
  $.popup.close = function(settings, response) {
    $(document).unbind('keydown.popup');
    $('#'+settings.popupId).trigger('popupClose');
    $('.Overlay').remove();
    
    return false;
  }
    
  $.popup.init = function(settings) {
    // Define a unique identifier for this popup
    var i = 1;
    var popupId = 'Popup';
    while ($('#'+popupId).size() > 0) {
      popupId = 'Popup'+i;
      i++;
    }
    settings.popupId = popupId;
    var popupHtml = '';
    if (!settings.confirm)
      popupHtml = settings.popupHtml;
    else
      popupHtml = settings.confirmHtml;
    
    popupHtml = popupHtml.replace('{popup.id}', settings.popupId);
    
    $('body').append(popupHtml);
    if (settings.containerCssClass != '')
      $('#'+settings.popupId).addClass(settings.containerCssClass);
      
    var pagesize = $.popup.getPageSize();
    $('div.Overlay').css({height: pagesize[1]});
    
    var pagePos = $.popup.getPagePosition();
    $('#'+settings.popupId).css({
      top: pagePos.top,
      left: pagePos.left
    });
    $('#'+settings.popupId).show();

    $(document).bind('keydown.popup', function(e) {
      if (e.keyCode == 27)
        $.popup.close(settings);
    })    

    if (settings.onUnload) {
      $('#'+settings.popupId).bind('popupClose',function(){
          setTimeout(settings.onUnload,1);
      });
    }

    // Replace language definitions
    if (!settings.confirm) {
      $('#'+settings.popupId+' .Close').click(function() {
        return $.popup.close(settings);
      });
    } else {
      $('#'+settings.popupId+' .Content h1').text(gdn.definition('ConfirmHeading', 'Confirm'));
      $('#'+settings.popupId+' .Content p').text(gdn.definition('ConfirmText', 'Are you sure you want to do that?'));
      $('#'+settings.popupId+' .Okay').val(gdn.definition('Okay', 'Okay'));
      $('#'+settings.popupId+' .Cancel').val(gdn.definition('Cancel', 'Cancel')).click(function() {
        $.popup.close(settings);
      });
    }
  }

  $.popup.loading = function(settings) {
    settings.onLoad(settings);
    if ($('#'+settings.popupId+' .Loading').length == 1)
      return true;
    
    $('#'+settings.popupId+' .Content').empty();
    $('#'+settings.popupId+' .Body').children().hide().end().append('<div class="Loading">&#160;</div>');
  }
  
  $.popup.reveal = function(settings, data) {
    // First see if we've retrieved json or something else
    var json = false;
    if (data instanceof Array) {
      json = false;
    } else if (data !== null && typeof(data) == 'object') {
      json = data;
    }

    if (json == false) {
      // This is something other than json, so just put it into the popup directly
      $('#'+settings.popupId+' .Content').append(data);
    } else {
      gdn.inform(json);
      formSaved = json['FormSaved'];
      data = json['Data'];

      // Add any js that's come in.
      $(json.js).each(function(i, el){
         var v_js  = document.createElement('script');
         v_js.type = 'text/javascript';
         v_js.src = gdn.url(el);
         document.getElementsByTagName('head')[0].appendChild(v_js);
      });

      // mosullivan - need to always reload the data b/c when uninviting ppl
      // we need to reload the invitation table. Is there a reason not to reload
      // the content?
      // if (formSaved == false)
      $('#'+settings.popupId+' .Content').html(data);
    }
    
    $('#'+settings.popupId+' .Loading').remove();
    $('#'+settings.popupId+' .Body').children().fadeIn('normal');
    
    settings.afterLoad();
    
   // Now, if there are any forms in the popup, hijack them if necessary.
   if (settings.hijackForms == true) {
      $('#'+settings.popupId+' form').ajaxForm({
          data: {
             'DeliveryType' : settings.deliveryType,
             'DeliveryMethod' : 'JSON'
         },
         dataType: 'json',
         beforeSubmit: function() {
          settings.onSave(settings) // Notify the user that it is being saved.
         },  
         success: function(json) {
            json = $.postParseJson(json);
            gdn.inform(json);
         
            if (json.FormSaved == true) {
               if (json.RedirectUrl)
                  setTimeout(function() { document.location.replace(json.RedirectUrl); }, 300);
              
               settings.afterSuccess(settings, json);
               $.popup.close(settings, json);
            } else {
               $.popup.reveal(settings, json) // Setup the form again
            }
         }
      });

      // Hijack links to navigate within the same popup.
      $('#'+settings.popupId+' .PopLink').click(function() {
         $.popup.loading(settings);
         
         // Ajax the link into the current popup.
          $.get($(this).attr('href'), {'DeliveryType': settings.deliveryType}, function(data, textStatus, xhr) {
             if (typeof(data) == 'object') {
                if (data.RedirectUrl)
                    setTimeout(function() { document.location.replace(data.RedirectUrl); }, 300);

                $.postParseJson(data);
             }
             $.popup.reveal(settings, data);
//            $('#'+settings.popupId+' .Content').html(data);
          });

         return false;
      });

    }
    
    // If there is a cancel button in the popup, hide it (the popup has it's own close button)
    $('#'+settings.popupId+' a.Cancel').hide();
    
    // Trigger an even that plugins can attach to when popups are revealed.
    $('body').trigger('popupReveal');
    
    return false;
  }
  
  $.popup.settings = {
    targetUrl:        false,        // Use this URL instead of one provided by the matched element?
    confirm:          false,        // Pop up a confirm message?
    followConfirm:    false,        // Follow the confirm url after OK, or request it with ajax?
    afterConfirm:     function(json, sender) {
      // Called after the confirm url has been loaded via ajax
    },                              // Event to fire if the confirm was ajaxed
    hijackForms:      true,         // Hijack popup forms so they are handled in-page instead of posting the entire page back
    deliveryType:     'VIEW',            // Adds DeliveryType=3 to url so Garden doesn't pull the entire page
    mouseoverClass:   'Popable',    // CssClass to be applied to a popup link when hovering
    onSave:           function(settings) {
      if (settings.sender) {
        $('#'+settings.popupId+' .Button:last').attr('disabled', true);
        $('#'+settings.popupId+' .Button:last').after('<span class="Progress">&#160;</span>');
      }
    },
    onLoad:           function(settings) {
      // Called before the "loading..." is displayed
    },
    onUnload:         function(settings, response) {
      // Called after the popup is closed
    },
    afterSuccess:     function() {
      // Called after an ajax request resulted in success, and before "close" is called.
    },
    containerCssClass: '',
    popupHtml:       '\
  <div class="Overlay"> \
    <div id="{popup.id}" class="Popup"> \
      <div class="Border"> \
        <div class="Body"> \
          <div class="Content"> \
          </div> \
          <div class="Footer"> \
            <a href="#" class="Close"><span>×</span></a> \
          </div> \
        </div> \
      </div> \
    </div> \
  </div>',
    confirmHtml:       '\
  <div class="Overlay"> \
    <div id="{popup.id}" class="Popup"> \
      <div class="Border"> \
        <div class="Body"> \
          <div class="Content"><h1>Confirm</h1><p>Are you sure you want to do that?</p></div> \
          <div class="Footer"> \
            <input type="button" class="Button Okay" value="Okay" /> \
            <input type="button" class="Button Cancel" value="Cancel" /> \
          </div> \
        </div> \
      </div> \
    </div> \
  </div>',
    afterLoad: function() {}
  }

  $.popup.inFrame = function() {
    try {
      if (top !== self && $(parent.document).width())
        return true;
    } catch(e) { }
    
    return false;
  }
  
  $.popup.getPageSize = function() {
    var inFrame = $.popup.inFrame();
    var doc = $(inFrame ? parent.document : document);
    var win = $(inFrame ? parent.window : window);
    arrayPageSize = new Array(
      $(doc).width(),
      $(doc).height(),
      $(win).width(),
      $(win).height()
    );
    return arrayPageSize;
  };  
  
  $.popup.getPagePosition = function() {
    var inFrame = $.popup.inFrame();
    var doc = $(inFrame ? parent.document : document);
    var win = $(inFrame ? parent.window : window);
    var scroll = { 'top':doc.scrollTop(), 'left':doc.scrollLeft() };
    var t = scroll.top + ($(win).height() / 10);
    if (inFrame) {
      var el = $(parent.document).find('iframe[id^=vanilla]');
      el = el ? el : $(document); // Just in case iframe is not id'd properly
      t -= (el.offset().top);
      // Don't slide above or below the frame bounds.
      var diff = $(doc).height() - $(document).height();
      var maxOffset = $(document).height() - diff;
      if (t < 0) {
        t = 0;
      } else if (t > maxOffset) {
        t = maxOffset;
      }
    }
    return {'top':t, 'left':scroll.left};
  };

})(jQuery);