\
\
'
},
loading: function() {
init()
if ($('#frame .loading').length == 1) return true
showOverlay()
$('#frame .content').empty()
$('#frame .body').children().hide().end().
append('
')
$('#frame').css({
top: getPageScroll()[1] + (getPageHeight() / 10),
left: 385.5
}).show()
$(document).bind('keydown.frame', function(e) {
if (e.keyCode == 27) $.frame.close()
return true
})
$(document).trigger('loading.frame')
},
reveal: function(data, klass) {
$(document).trigger('beforeReveal.frame')
if (klass) $('#frame .content').addClass(klass)
$('#frame .content').append(data)
$('#frame .loading').remove()
$('#frame .body').children().fadeIn('normal')
$('#frame').css('left', $(window).width() / 2 - ($('#frame table').width() / 2))
$(document).trigger('reveal.frame').trigger('afterReveal.frame')
},
close: function() {
$(document).trigger('close.frame')
return false
}
})
/*
* Public, $.fn methods
*/
$.fn.frame = function(settings) {
init(settings)
function clickHandler() {
$.frame.loading(true)
// support for rel="frame.inline_popup" syntax, to add a class
// also supports deprecated "frame[.inline_popup]" syntax
var klass = this.rel.match(/frame\[?\.(\w+)\]?/)
if (klass) klass = klass[1]
fillframeFromHref(this.href, klass)
return false
}
return this.click(clickHandler)
}
/*
* Private methods
*/
// called one time to setup frame on this page
function init(settings) {
if ($.frame.settings.inited) return true
else $.frame.settings.inited = true
$(document).trigger('init.frame')
makeCompatible()
var imageTypes = $.frame.settings.imageTypes.join('|')
$.frame.settings.imageTypesRegexp = new RegExp('\.' + imageTypes + '$', 'i')
if (settings) $.extend($.frame.settings, settings)
$('body').append($.frame.settings.frameHtml)
var preload = [ new Image(), new Image() ]
preload[0].src = $.frame.settings.closeImage
preload[1].src = $.frame.settings.loadingImage
$('#frame').find('.b:first, .bl, .br, .tl, .tr').each(function() {
preload.push(new Image())
preload.slice(-1).src = $(this).css('background-image').replace(/url\((.+)\)/, '$1')
})
$('#frame .close').click($.frame.close)
$('#frame .close_image').attr('src', $.frame.settings.closeImage)
}
// getPageScroll() by quirksmode.com
function getPageScroll() {
var xScroll, yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
xScroll = self.pageXOffset;
} else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
yScroll = document.documentElement.scrollTop;
xScroll = document.documentElement.scrollLeft;
} else if (document.body) {// all other Explorers
yScroll = document.body.scrollTop;
xScroll = document.body.scrollLeft;
}
return new Array(xScroll,yScroll)
}
// Adapted from getPageSize() by quirksmode.com
function getPageHeight() {
var windowHeight
if (self.innerHeight) { // all except Explorer
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowHeight = document.body.clientHeight;
}
return windowHeight
}
// Backwards compatibility
function makeCompatible() {
var $s = $.frame.settings
$s.loadingImage = $s.loading_image || $s.loadingImage
$s.closeImage = $s.close_image || $s.closeImage
$s.imageTypes = $s.image_types || $s.imageTypes
$s.frameHtml = $s.frame_html || $s.frameHtml
}
// Figures out what you want to display and displays it
// formats are:
// div: #id
// image: blah.extension
// ajax: anything else
function fillframeFromHref(href, klass) {
// div
if (href.match(/#/)) {
var url = window.location.href.split('#')[0]
var target = href.replace(url,'')
$.frame.reveal($(target).clone().show(), klass)
// image
} else if (href.match($.frame.settings.imageTypesRegexp)) {
fillframeFromImage(href, klass)
// ajax
} else {
fillframeFromAjax(href, klass)
}
}
function fillframeFromImage(href, klass) {
var image = new Image()
image.onload = function() {
$.frame.reveal('
', klass)
}
image.src = href
}
function fillframeFromAjax(href, klass) {
$.get(href, function(data) { $.frame.reveal(data, klass) })
}
function skipOverlay() {
return $.frame.settings.overlay == false || $.frame.settings.opacity === null
}
function showOverlay() {
if (skipOverlay()) return
if ($('frame_overlay').length == 0)
$("body").append('
')
$('#frame_overlay').hide().addClass("frame_overlayBG")
.css('opacity', $.frame.settings.opacity)
.click(function() { $(document).trigger('close.frame') })
.fadeIn(200)
return false
}
function hideOverlay() {
if (skipOverlay()) return
$('#frame_overlay').fadeOut(200, function(){
$("#frame_overlay").removeClass("frame_overlayBG")
$("#frame_overlay").addClass("frame_hide")
$("#frame_overlay").remove()
})
return false
}
/*
* Bindings
*/
$(document).bind('close.frame', function() {
$(document).unbind('keydown.frame')
$('#frame').fadeOut(function() {
$('#frame .content').removeClass().addClass('content')
hideOverlay()
$('#frame .loading').remove()
})
})
})(jQuery);
\
\