(function($) {
    $.facebox = function(data, klass) {
        $.facebox.loading();
        if (data.ajax) {
            fillFaceboxFromAjax(data.ajax)
        } else {
            if (data.image) {
                fillFaceboxFromImage(data.image)
            } else {
                if (data.div) {
                    fillFaceboxFromHref(data.div)
                } else {
                    if ($.isFunction(data)) {
                        data.call($)
                    } else {
                        $.facebox.reveal(data, klass)
                    }
                }
            }
        }
    };
    var rtl = '<div id="facebox" style="display:none;"><div class="popup"><a href="#" class="close"><img src="../Images/facebox/bg.png" style="position: relative ; top: 10px;border: none;" title="close" class="close_image" /></a><table><tbody><tr><td class="tl"/><td class="b"/><td class="tr"/></tr><tr><td class="b"/><td class="body"><div class="content"></div><div class="footer"></div></td><td class="b"/></tr><tr><td class="bl"/><td class="b"/><td class="br"/></tr></tbody></table></div></div>';
    var ltr = '<div id="facebox" style="display:none;"><div class="popup"><a href="#" class="close"><img src="../Images/facebox/bg.png" style="position: relative ; top: 10px;border: none;" title="close" class="close_image" /></a><table><tbody><tr><td class="tr"/><td class="b"/><td class="tl"/></tr><tr><td class="b"/><td class="body"><div class="content"></div><div class="footer"></div></td><td class="b"/></tr><tr><td class="br"/><td class="b"/><td class="bl"/></tr></tbody></table></div></div>';

    $.extend($.facebox, {
        settings: {
            opacity: 0,
            overlay: true,
            loadingImage: "../Images/facebox/loading.gif",
            closeImage: "../Images/facebox/bg.png",
            imageTypes: ["png", "jpg", "jpeg", "gif"],
            faceboxHtml: $("html").attr("dir") == "rtl" ? rtl : ltr
        },
        loading: function() {
            init();
            if ($("#facebox .loading").length == 1) {
                return true
            }
            showOverlay();
            $("#facebox .content").empty();
            $("#facebox .body").children().hide().end().append('<div class="loading"><img src="' + $.facebox.settings.loadingImage + '"/></div>');
            $("#facebox").css({
                top: getPageScroll()[1] + (getPageHeight() / 10) + 56,
                left: 385.5
            }).show();
            $(document).bind("keydown.facebox", function(e) {
                if (e.keyCode == 27) {
                    $.facebox.close();
                    return true
                }
            });
            $(document).trigger("loading.facebox")
        },
        reveal: function(data, klass) {
            $(document).trigger("beforeReveal.facebox");
            if (klass) {
                $("#facebox .content").addClass(klass)
            }
            $("#facebox .content").append(data);
            $("#facebox .loading").remove();
            $("#facebox .body").children().fadeIn("normal");
                $('.close_image').css('right', 10);
            $("#facebox").css("left", $(window).width() / 2 - ($("#facebox table").width() / 2));
            $(document).trigger("reveal.facebox").trigger("afterReveal.facebox")
        },
        close: function() {
            $(document).trigger("close.facebox");
            return false
        }
    });
    $.fn.facebox = function(settings) {
        init(settings);
        function clickHandler() {
            $.facebox.loading(true);
            var klass = this.rel.match(/facebox\[?\.(\w+)\]?/);
            if (klass) {
                klass = klass[1]
            }
            fillFaceboxFromHref(this.href, klass);
            return false
        }
        return this.click(clickHandler)
    };
    function init(settings) {
        if ($.facebox.settings.inited) {
            return true
        } else {
            $.facebox.settings.inited = true
        }
        $(document).trigger("init.facebox");
        makeCompatible();
        var imageTypes = $.facebox.settings.imageTypes.join("|");
        $.facebox.settings.imageTypesRegexp = new RegExp("\\." + imageTypes + "$", "i");
        if (settings) {
            $.extend($.facebox.settings, settings)
        }
        $("body").append($.facebox.settings.faceboxHtml);
        var preload = [new Image(), new Image()];
        preload[0].src = $.facebox.settings.closeImage;
        preload[1].src = $.facebox.settings.loadingImage;
        $("#facebox").find(".b:first, .bl, .br, .tl, .tr").each(function() {
            preload.push(new Image());
            preload.slice(-1).src = $(this).css("background-image").replace(/url\((.+)\)/, "$1")
        });
        $("#facebox .close").click($.facebox.close);
        $("#facebox .close_image").attr("src", $.facebox.settings.closeImage)
    }
    function getPageScroll() {
        var xScroll,
        yScroll;
        if (self.pageYOffset) {
            yScroll = self.pageYOffset;
            xScroll = self.pageXOffset
        } else {
            if (document.documentElement && document.documentElement.scrollTop) {
                yScroll = document.documentElement.scrollTop;
                xScroll = document.documentElement.scrollLeft
            } else {
                if (document.body) {
                    yScroll = document.body.scrollTop;
                    xScroll = document.body.scrollLeft
                }
            }
        }
        return [xScroll, yScroll]
    }
    function getPageHeight() {
        var windowHeight;
        if (self.innerHeight) {
            windowHeight = self.innerHeight
        } else {
            if (document.documentElement && document.documentElement.clientHeight) {
                windowHeight = document.documentElement.clientHeight
            } else {
                if (document.body) {
                    windowHeight = document.body.clientHeight
                }
            }
        }
        return windowHeight
    }
    function makeCompatible() {
        var $s = $.facebox.settings;
        $s.loadingImage = $s.loading_image || $s.loadingImage;
        $s.closeImage = $s.close_image || $s.closeImage;
        $s.imageTypes = $s.image_types || $s.imageTypes;
        $s.faceboxHtml = $s.facebox_html || $s.faceboxHtml
    }
    function fillFaceboxFromHref(href, klass) {
        if (href.match(/#/)) {
            var url = window.location.href.split("#")[0];
            var target = href.replace(url, "");
            $.facebox.reveal($(target).clone().show(), klass)
        } else {
            if (href.match($.facebox.settings.imageTypesRegexp)) {
                fillFaceboxFromImage(href, klass)
            } else {
                fillFaceboxFromAjax(href, klass)
            }
        }
    }
    function fillFaceboxFromImage(href, klass) {
        var image = new Image();
        image.onload = function() {
            $.facebox.reveal('<div class="image"><img src="' + image.src + '" /></div>', klass)
        };
        image.src = href
    }
    function fillFaceboxFromAjax(href, klass) {
        $.get(href, function(data) {
            $.facebox.reveal(data, klass)
        })
    }
    function skipOverlay() {
        return $.facebox.settings.overlay === false || $.facebox.settings.opacity === null
    }
    function showOverlay() {
        if (skipOverlay()) {
            return
        }
        if ($("facebox_overlay").length === 0) {
            $("body").append('<div id="facebox_overlay" class="facebox_hide"></div>')
        }
        $("#facebox_overlay").hide().addClass("facebox_overlayBG").css("opacity", $.facebox.settings.opacity).click(function() {
            $(document).trigger("close.facebox")
        }).fadeIn(200);
        return false
    }
    function hideOverlay() {
        if (skipOverlay()) {
            return
        }
        $("#facebox_overlay").fadeOut(200, function() {
            $("#facebox_overlay").removeClass("facebox_overlayBG");
            $("#facebox_overlay").addClass("facebox_hide");
            $("#facebox_overlay").remove()
        });
        return false
    }
    $(document).bind("close.facebox", function() {
        $(document).unbind("keydown.facebox");
        $("#facebox").fadeOut(function() {
            $("#facebox .content").removeClass().addClass("content");
            hideOverlay();
            $("#facebox .loading").remove()
        })
    })
})(jQuery);