/******************************************************************************************************************
 * @name: bPopup
 * @type: jQuery
 * @author: Bjoern Klinggaard (http://dinbror.dk/bpopup)
 * @version: 0.4.1
 * @requires jQuery 1.3
 *
 * DEFAULT VALUES:
 * amsl(Above Mean Sea Level): 150px // Vertical distance from the middle of the window, + = above, - = under
 * appendTo: 'body' // Which element the popup should append to (append to 'form' when ASP.net)
 * closeClass: 'bClose' // Class to bind the close event to
 * content: 'ajax' // [iframe, ajax, xlink] COMING SOON
 * contentContainer: null //if null, contentContainer == $(this)
 * escClose: true // Close on esc
 * fadeSpeed: 250 // Animation speed on fadeIn/out
 * follow: true // Should the popup follow the screen on scroll/resize?
 * followSpeed: 500 // Animation speed for the popup on scroll/resize
 * loadUrl: null // External page or selection to load in popup
 * modal: true // Modal overlay
 * modalClose: true // Shold popup close on click on modal overlay?
 * modalColor: #000 // Modal overlay color
 * opacity: 0.7 // Transparency, from 0.1 to 1.0 (filled)
 * scrollBar: true // Scrollbars visible
 * vStart: null // Vertical start position for popup
 * zIndex: 9999 // Popup z-index, modal overlay = popup z-index - 1
 *
 * TODO: REFACTOR CODE!!!
 *******************************************************************************************************************/
;(function($) {
  $.fn.bPopup = function(options, callback) {
    if($.isFunction(options)) {
        callback = options;
        options = null;
    }
    o = $.extend({}, $.fn.bPopup.defaults, options);

    //HIDE SCROLLBAR?
    if(!o.scrollBar)
        $('html').css('overflow', 'hidden');


    var $selector = $(this),
        $modal = $('<div id="bModal"></div>'),
        d = $(document),
        w = $(window),
        cp = getCenterPosition($selector, o.amsl),
        vPos = cp[0],
        hPos = cp[1],
        isIE6 = $.browser.msie && parseInt($.browser.version) == 6 && typeof window['XMLHttpRequest'] != 'object'; // browser sniffing is bad

    //PUBLIC FUNCTION - call it: $(element).bPopup().close();
    this.close = function() {
        o = $selector.data('bPopup');
        close();
    }

    return this.each(function() {
          if($selector.data('bPopup'))return; //POPUP already exists?
          // MODAL OVERLAY
          if(o.modal) {
             $modal
                .css(getModalStyle())
                .appendTo(o.appendTo)
                .animate({'opacity': o.opacity}, o.fadeSpeed);
          }
          $selector.data('bPopup', o);
          // CREATE POPUP
          create();
    });

    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
    // HELP FUNCTIONS - PRIVATE
    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
    function create() {
        var hasInputField = $('input[type=text]', $selector).length != 0;
        var t = o.vStart != null ? o.vStart : d.scrollTop() + vPos;

        // content betöltése, inputok nullázása
        if(o.loadUrl != null) createContent();
        if(hasInputField) { $selector.each(function() { $selector.find('input[type=text]').val(''); }); }

        // megjelenítés
        $(o.contentContainer).css({'height':o.height, 'width':o.width});
        $selector
            .css({'left': d.scrollLeft() + hPos, 'top': t, 'position': 'absolute', 'z-index': o.zIndex } )
            .appendTo(o.appendTo)
            .fadeIn(o.fadeSpeed, function(){
                if(hasInputField) {
                    $selector.find('input[type=text]:first').focus();
                }
                // Triggering the callback if set
                $.isFunction(callback) && callback();
            });
        //BIND EVENTS
        bindEvents();
    }
    function close() {
        if(o.modal) {
            $('#bModal')
                .fadeOut(o.fadeSpeed, function(){
                    $('#bModal').remove();
                });
        }
        $selector.fadeOut(o.fadeSpeed, function(){
            if(o.loadUrl != null && o.content != 'xlink') {
                $(o.contentContainer).empty();
            }
        });
        unbindEvents();
        return false;
    }
    function getModalStyle() {
        if(isIE6) {
            var dd = getDocumentDimensions();
            return {'background-color': o.modalColor,'height': dd[0], 'left': getDistanceToBodyFromLeft(), 'opacity': 0, 'position': 'absolute', 'top': 0, 'width': dd[1], 'z-index': o.zIndex - 1};
        }
        else
            return {'background-color': o.modalColor,'height': '100%', 'left': 0, 'opacity': 0, 'position': 'fixed', 'top': 0, 'width': '100%', 'z-index': o.zIndex - 1};
    }
    function createContent() {
        o.contentContainer = o.contentContainer == null ? $selector : $(o.contentContainer);
        switch(o.content){
            case('ajax'):
                o.contentContainer.load(o.loadUrl);
                break;
            case('html'):
                $('<div width="100%" height="100%" style="overflow: auto;"></div').html(o.loadUrl).appendTo(o.contentContainer);
                break;
            case('iframe'):
                $('<iframe width="100%" height="100%" style="overflow: auto;" frameborder="0"></iframe>').attr('src',o.loadUrl).appendTo(o.contentContainer);
                break;
            case('xlink'):
                //Better implementation coming soon!
                $('a#bContinue').attr({'href': o.loadUrl});
                $('a#bContinue .btnLink').text($('a.xlink').attr('title'))
                break;
        }
    }
    function bindEvents() {
       $('.' + o.closeClass).live('click', close);
       if(o.modalClose) {
            $('#bModal').live('click', close).css('cursor','pointer');
       }
       if(o.follow) {
           w.bind('scroll.bPopup', function() {
                $selector
                   .stop()
                   .animate({'left': d.scrollLeft() + hPos, 'top': d.scrollTop() + vPos }, o.followSpeed);
           })
           .bind('resize.bPopup', function() {
                // MODAL OVERLAY IE6
                if(o.modal && isIE6) {
                    var dd = getDocumentDimensions();
                    $modal
                        .css({ 'height': dd[0], 'width': dd[1], 'left': getDistanceToBodyFromLeft() });
                }
                // POPUP
                var pos = getCenterPosition($selector, o.amsl);
                vPos = pos[0];
                hPos = pos[1];
                $selector
                    .stop()
                    .animate({'left': d.scrollLeft() + hPos, 'top': d.scrollTop() + vPos }, o.followSpeed);
           });
       }
       if(o.escClose) {
           d.bind('keydown.bPopup', function(e) {
                if(e.which == 27) {  //escape
                    close();
                }
           });
       }
    }
    function unbindEvents() {
        if(!o.scrollBar)  {
            $('html').css('overflow', 'auto');
        }
        $('.' + o.closeClass).die('click');
        $('#bModal').die('click');
        d.unbind('keydown.bPopup');
        w.unbind('.bPopup');
        $selector.data('bPopup', null);
    }
    function getDocumentDimensions() {
        return [d.height(), d.width()];
    }
    function getDistanceToBodyFromLeft() {
        return (w.width() < $('body').width()) ? 0 : ($('body').width() - w.width()) / 2;
    }
    function getCenterPosition(s, a) {
        var vertical = ((w.height() - o.height) / 2) - a;
        var horizontal = ((w.width() - o.width) / 2) + getDistanceToBodyFromLeft();
        return [vertical < 20 ? 20 : vertical, horizontal];
    }
  };
  $.fn.bPopup.defaults = {
        amsl: 150,
        appendTo: 'body',
        closeClass: 'bClose',
        content: 'iframe',
        contentContainer: '#pContent1',
        escClose: true,
        fadeSpeed: 250,
        follow: true,
        followSpeed: 500,
        loadUrl: null,
        modal: true,
        modalClose: true,
        modalColor: '#000',
        opacity: 0.7,
        scrollBar: true,
        vStart: null,
        zIndex: 9999,
        width: 500,
        height: 300
  };
})(jQuery);