').attr(
{'id': 'xpopupAddOns'}
)
).attr(
{'id': 'xpopup', 'class': 'xpopup'}
).css(
{'display': 'none'}
).get(0);
$('body').append(this.popup);
}
return this.popup;
},
makeCloseButton: function(){
var self = this;
$(document).keydown(function(e){self.destruct(e)});
return $('
').append(
$('
').append(
$('![]()
').attr(
{'src': '/xist4c/px/spc.gif', 'alt': '', 'id': 'xpopupCloseGfx'}
).click(
function(e){self.destruct(e)}
)
).attr(
{'class': 'inner'}
)
).attr(
{'id': 'xpopupCloseButton'}
).get(0)
},
showBodyScrollbars: function(){
$('body').css('overflow', 'auto');
},
cleanUp: function(){
var self = this;
var bg = $('#xpopup_background');
if (bg.size() > 0){
bg.fadeOut(
function(){
bg.remove();
self.showBodyScrollbars();
}
)
}else{
this.showBodyScrollbars();
}
$('#xpopupGalleryOverview').remove();
$('#xpopup').unbind('.specials');
with(this){
initScrollPos = 0;
preparedGallery = [];
currentGalleryIdx = -1;
galleryOverall = -1;
slideshowBusy = 0;
if (slideshowInterval) clearTimeout(slideshowInterval);
}
},
destruct: function(e){
if (this.popup){
if(e){
if (e.type == 'keydown'){
if (e.keyCode == 27){
$(this.popup).fadeOut();
this.cleanUp();
}
}else if (e.type == 'click' || e.type == 'mouseleave' || e.type == 'mouseout'){
if (e.type == 'click'){
$(this.popup).fadeOut();
this.cleanUp();
}else{
$(this.popup).hide();
this.cleanUp();
}
}
}else{
$(this.popup).fadeOut();
this.cleanUp();
}
}
}
}
DefaultXPopup = function(src, event, spos, ppos, margin_w, margin_h, TypeAttrs){
this.src = src;
this.event = event;
this.spos = spos; // layer position on the connected source element
this.ppos = ppos; // position of the popup layer relative to the layer position of the source element
this.mw = margin_w; // margin width of the popup from the connected source element (negative integer values allowed)
this.mh = margin_h; // margin height of the popup from the connected source element (negative integer values allowed)
this.Attrs = TypeAttrs;
this.srcDeferred = null;
this.srcOutDeferred = null;
if (arguments.length >= 6){
this.connectSrcElement();
}
}
DefaultXPopup.prototype.connectSrcElement = function(){
var self = this;
$(this.src).bind(this.event, function(e){self.show(e)});
}
DefaultXPopup.prototype.pushContentIntoPopup = function(){
$('#xpopupContent').empty().append(this.getContent());
}
DefaultXPopup.prototype.getContent = function(){
return $('Test Content of the default xpopup!').get(0);
}
DefaultXPopup.prototype.getAttr = function(name){
if (this.Attrs){
for (var k in this.Attrs){
if (k.toLowerCase() == name.toLowerCase()) return this.Attrs[name];
}
}
return null;
}
DefaultXPopup.prototype.setPopupPosition = function(src, mousePos){
var self = this;
var p = LL_XPopup.popup;
var srcDims = {'w': $(src).outerWidth(), 'h': $(src).outerHeight()};
var srcPos = {'x': $(src).offset().left, 'y': $(src).offset().top}
var mCords = mousePos;
var pDims = {'w': $(p).width(), 'h': $(p).height()};
var vpDims = {'w': $(window).width(), 'h': $(window).height()};
var vpPos = {'x': $(document).scrollLeft(), 'y': $(document).scrollTop()}
var pWidth = pDims.w;
var pHeight = pDims.h;
var buffer = 0;
var xPos, yPos, x, y;
LL_XPopup.initScrollPos = vpPos;
if (this.spos.substring(0, 2) == 'p_'){
srcDims = vpDims;
if(! this.isIE()){
if (this.isFixedPosition()) vpPos = {'x': 0, 'y': 0};
}
srcPos = vpPos;
}else{
if(! this.isIE()){
if (this.isFixedPosition()){
srcPos.x = srcPos.x - vpPos.x;
srcPos.y = srcPos.y - vpPos.y;
vpPos = {'x': 0, 'y': 0};
}
}
}
if (this.spos == 'nw' || this.spos == 'w' || this.spos == 'sw' || this.spos == 'p_nw' || this.spos == 'p_w' || this.spos == 'p_sw'){
x = srcPos.x;
}else if (this.spos == 'n' || this.spos == 'c' || this.spos == 's' || this.spos == 'p_n' || this.spos == 'p_c' || this.spos == 'p_s'){
x = srcPos.x + (srcDims.w / 2);
}else if (this.spos == 'ne' || this.spos == 'e' || this.spos == 'se' || this.spos == 'p_ne' || this.spos == 'p_e' || this.spos == 'p_se'){
x = srcPos.x + srcDims.w;
}else if (this.spos == 'cursor'){
x = mCords.x;
}else{
x = 0;
}
if (this.spos == 'nw' || this.spos == 'n' || this.spos == 'ne' || this.spos == 'p_nw' || this.spos == 'p_n' || this.spos == 'p_ne'){
y = srcPos.y;
}else if (this.spos == 'w' || this.spos == 'c' || this.spos == 'e' || this.spos == 'p_w' || this.spos == 'p_c' || this.spos == 'p_e'){
y = srcPos.y + (srcDims.h / 2);
}else if (this.spos == 'sw' || this.spos == 's' || this.spos == 'se' || this.spos == 'p_sw' || this.spos == 'p_s' || this.spos == 'p_se'){
y = srcPos.y + srcDims.h;
}else if (this.spos == 'cursor'){
y = mCords.y;
}else{
y = 0;
}
relPopPos = this.getRelativePopupPosition(x, y, srcDims, pDims, this.ppos);
xPos = relPopPos.x;
yPos = relPopPos.y;
if (xPos + pWidth > vpDims.w + vpPos.x) xPos = vpDims.w + vpPos.x - (pWidth + buffer);
if (yPos + pHeight > vpDims.h + vpPos.y) yPos = vpDims.h + vpPos.y - (pHeight + buffer);
if (xPos <= vpPos.x) xPos = vpPos.x + buffer;
if (yPos <= vpPos.y) yPos = vpPos.y + buffer;
$(LL_XPopup.popup).animate({'left': xPos, 'top': yPos}, 'fast', 'swing', function(){
self.handlePopupPositionMode();
});
}
DefaultXPopup.prototype.setPopupWidth = function(){
$('#xpopup, #xpopupContent').css({'width': null});
}
DefaultXPopup.prototype.isIE = function(){
if(window.clientInformation){
if (window.clientInformation.appName == 'Microsoft Internet Explorer') return true;
}
return false;
}
DefaultXPopup.prototype.isFixedPosition = function(){
var fp = this.getAttr('fixedPosition');
if (fp){
if (fp.toLowerCase() == 'true' || fp == 1) return true;
}
return false;
}
DefaultXPopup.prototype.handlePopupPositionMode = function(e){
if (! this.isIE()){
if (this.isFixedPosition()){
return $(LL_XPopup.popup).attr('class', 'xpopup_fixed');
}
}
return $(LL_XPopup.popup).attr('class', 'xpopup');
}
DefaultXPopup.prototype.getRelativePopupPosition = function(xPos, yPos, srcDims, pDims, ppos){
if (!ppos || ppos == 'nw'){
xPos += this.mw / 1;
yPos += this.mh / 1;
return {'x': xPos, 'y': yPos};
}else if(ppos == 'w'){
xPos += this.mw / 1;
return {'x': xPos, 'y': yPos - (pDims.h / 2)};
}else if(ppos == 'sw'){
xPos += this.mw / 1;
yPos -= this.mh / 1;
return {'x': xPos, 'y': yPos - pDims.h};
}else if(ppos == 'n'){
yPos += this.mh / 1;
return {'x': xPos - (pDims.w / 2), 'y': yPos};
}else if(ppos == 'c'){
return {'x': xPos - (pDims.w / 2), 'y': yPos - (pDims.h / 2)};
}else if(ppos == 's'){
yPos -= this.mh / 1;
return {'x': xPos - (pDims.w / 2), 'y': yPos - pDims.h};
}else if(ppos == 'ne'){
xPos -= this.mw / 1;
yPos += this.mh / 1;
return {'x': xPos - pDims.w, 'y': yPos};
}else if(ppos == 'e'){
xPos -= this.mw / 1;
return {'x': xPos - pDims.w, 'y': yPos - (pDims.h / 2)};
}else if(ppos == 'se'){
xPos -= this.mw / 1;
yPos -= this.mh / 1;
return {'x': xPos - pDims.w, 'y': yPos - pDims.h};
}
}
DefaultXPopup.prototype.handleSrcAndPopupConnect = function(){
if (this.event != 'click' && this.spos != this.ppos){
$(this.src).bind('mouseleave', function(e){LL_XPopup.destruct(e)});
}else if (this.event != 'click' && this.spos == this.ppos){
$(LL_XPopup.popup).bind('mouseleave', function(e){LL_XPopup.destruct(e)});
}
}
DefaultXPopup.prototype.makeAddOns = function(e){
$('#xpopupAddOns').empty();
}
DefaultXPopup.prototype.makeBackground = function(r,g,b){
var red, green, blue;
rv = r ? r : 0;
gv = g ? g : 0;
bv = b ? b : 0;
var bg = $(' ').attr(
'id', 'xpopup_background'
).css(
{
'display': 'none',
'position': 'absolute',
'z-index': 500000,
'left': 0,
'top': 0,
'background-color': 'rgb(' + rv + ',' + gv + ',' + bv + ')',
'width': $('body').get(0).scrollWidth + 'px',
'height': $('body').get(0).scrollHeight + 'px'
}
);
if ($('#xpopup_background').size() == 0){
var bg = $(bg).click(function(e){LL_XPopup.destruct(e)})
$('body').append(bg);
bg.css({'display': 'block', 'opacity': 0}).fadeTo('fast', 0.9);
}
}
DefaultXPopup.prototype.hideBodyScrollbars = function(){}
DefaultXPopup.prototype.show = function(e){
var mousePos = {'x': 0, 'y': 0};
if (e){
e.preventDefault();
mousePos = {'x': e.pageX, 'y': e.pageY};
}
var aos = $('#xpopupAddOns');
aos.hide();
src = this.src;
this.hideBodyScrollbars();
this.pushContentIntoPopup();
this.handleSrcAndPopupConnect();
this.makeAddOns();
aos.show();
var self = this;
setTimeout(
function(){
self.setPopupPosition(src, mousePos);
$(LL_XPopup.popup).fadeIn();
},
1
);
}
// Image xpopup
ImageXPopup = function(src, event, spos, ppos, margin_w, margin_h, TypeAttrs){
/* TypeAttrs: url, href, jsFunc, height, width, background
* url: Source of the image to display.
* group: An identifier for group related images.
* href: Link reference for the image.
* jsFunc: Mochikit bind or partial functions.
* height: Popup height.
* width: Popup width.
* background: The popup stay on a dark background
* fixedPosition: The popup is position fixed and has no response on scroll events.
*/
this.constructor(src, event, spos, ppos, margin_w, margin_h, TypeAttrs);
this.image = this.makeImage(this.getAttr('url'), {'border': 0, 'alt': '', 'title': ''});
this.appearingHud = null;
this.activeHud = false;
}
ImageXPopup.prototype = new DefaultXPopup();
ImageXPopup.prototype.setPopupWidth = function(w){
var p = $('#xpopup');
var pc = $('#xpopupContent');
var imgWidth = w.substring(0, w.length -2) / 1;
var pl = pc.css('padding-left');
pl = pl.substring(0, pl.length -2) / 1;
var pr = pc.css('padding-right');
pr = pr.substring(0, pr.length -2) / 1;
p.css({'width': (imgWidth + pl + pr) + 'px'});
}
ImageXPopup.prototype.getSrcImage = function(){
nodes = $('img', this.src);
if (nodes.size() > 0) return nodes.get(0);
return null;
}
ImageXPopup.prototype.getSrcImageTitle = function(){
var elm = this.getSrcImage();
if (elm && elm.title && elm.title != '') return elm.title;
return null;
}
ImageXPopup.prototype.prepareGalleryByGroup = function(){
LL_XPopup.preparedGallery = [];
LL_XPopup.currentGalleryIdx = -1;
LL_XPopup.galleryOverall = -1;
var grp = this.getAttr('group');
if (grp){
var xpopups = LL_XPopup.xpopups;
var idx = -1;
for (var i = 0; i < xpopups.length; ++i){
var xp = xpopups[i];
if (xp instanceof ImageXPopup){
if (xp.getAttr('group') == grp){
idx++;
if (xp === this) LL_XPopup.currentGalleryIdx = idx;
LL_XPopup.preparedGallery.push(xp);
}
}
}
if(LL_XPopup.preparedGallery.length > 0) LL_XPopup.galleryOverall = LL_XPopup.preparedGallery.length;
}
}
ImageXPopup.prototype.makeImage = function(src, attrs){
var img = new Image();
img.src = src;
for (var k in attrs){
if (k == 'class'){
img.className = attrs[k];
}else{
img[k] = attrs[k];
}
}
return img;
}
ImageXPopup.prototype.resizeImgOnOverflow = function(img, maxHeight, maxWidth){
var h = img.height;
var w = img.width;
var ah = maxHeight;
var aw = maxWidth;
if (ah && aw){
if (h > ah){
w = Math.floor(w * ah / h);
h = ah;
}
if (w > aw){
h = Math.floor(h * aw / w);
w = aw;
}
img.height = h;
img.width = w;
}
return img;
}
ImageXPopup.prototype.makeImageTitleIfAny = function(){
var t = this.getSrcImageTitle();
if (t){
return $('
').append(
$('' + t + '')
).attr(
{'id': 'xpopupImgTitle', 'class': 'xpopupImgTitle'}
).get(0);
}
return null;
}
ImageXPopup.prototype.activateHud = function(e){
if (! this.appearingHud && ! this.activeHud){
this.appearingHud = 1;
this.activeHud = true;
var self = this;
$('#xpopupHoverMenuOuter').fadeIn('fast');
self.appearingHud = null;
}
this.activeHud = true;
}
ImageXPopup.prototype.deactivateHud = function(e){
if (this.activeHud){
$('#xpopupHoverMenuOuter').hide();
}
this.activeHud = false;
}
ImageXPopup.prototype.makeHudAndPrepareGallery = function(){
var self = this;
$(LL_XPopup.popup).unbind('mousemove.special');
$(LL_XPopup.popup).bind('mousemove.special', function(e){
e.preventDefault();
e.stopPropagation();
self.activateHud(e);
});
$('#xpopup_background').bind('mouseover.special', function(e){
e.preventDefault();
e.stopPropagation();
self.deactivateHud(e);
});
this.prepareGalleryByGroup();
var hm = $('
').append(
$('
').append(
$('
').append(
this.getPlayPauseButton(),
this.getPreviousButton(),
this.getNextButton(),
this.getThumbsButton(),
this.getCloseButton()
).attr(
{'id': 'xpopupHoverMenu'}
)
).attr(
{'id': 'xpopupHoverMenuPos'}
)
).attr(
{'id': 'xpopupHoverMenuOuter'}
).get(0);
return hm;
}
ImageXPopup.prototype.buttonsStateController = function(){
var buttons = [
'xpopupHoverMenuPlayPauseButton',
'xpopupHoverMenuPreviousButton',
'xpopupHoverMenuNextButton',
'xpopupHoverMenuThumbsButton',
'xpopupHoverMenuCloseButton'
];
if (LL_XPopup.galleryOverall > 1){
this.updateButton(buttons[0], 'act');
if (LL_XPopup.slideshowBusy){
this.updateButton(buttons[0], 'act', 'pauseButton');
}
this.updateButton(buttons[3], 'act'); // Thumb not connected now.
}else{
this.updateButton(buttons[0], 'pass');
this.updateButton(buttons[3], 'pass');
}
if (LL_XPopup.galleryOverall > 1 && LL_XPopup.currentGalleryIdx > 0){
this.updateButton(buttons[1], 'act');
}else{
this.updateButton(buttons[1], 'pass');
}
if (LL_XPopup.galleryOverall > 1 && LL_XPopup.currentGalleryIdx < LL_XPopup.preparedGallery.length - 1){
this.updateButton(buttons[2], 'act');
}else{
this.updateButton(buttons[2], 'pass');
}
this.updateButton(buttons[4], 'act');
}
ImageXPopup.prototype.getPlayPauseButton = function(){
var self = this;
return $('
').attr(
{'class': 'playButton_pass', 'id': 'xpopupHoverMenuPlayPauseButton'}
).click(
function(e){
self.handleSlideshow(e);
self.activeHud = false;
}
).get(0);
}
ImageXPopup.prototype.getPreviousButton = function(){
var self = this;
return $('
').attr(
{'class': 'previousButton_pass', 'id': 'xpopupHoverMenuPreviousButton'}
).click(
function(e){
self.changeImage(-1, 'pager', e);
self.activeHud = false;
}
).get(0);
}
ImageXPopup.prototype.getNextButton = function(){
var self = this;
return $('
').attr(
{'class': 'nextButton_pass', 'id': 'xpopupHoverMenuNextButton'}
).click(
function(e){
self.changeImage(1, 'pager', e)
self.activeHud = false;
}
).get(0);
}
ImageXPopup.prototype.getThumbsButton = function(){
var self = this;
return $('
').attr(
{'class': 'thumbsButton_pass', 'id': 'xpopupHoverMenuThumbsButton'}
).click(
function(e){
self.handleGalleryOverview(e)
self.activeHud = false;
}
).get(0);
}
ImageXPopup.prototype.getCloseButton = function(){
return $('
').attr(
{'class': 'closeButton_pass', 'id': 'xpopupHoverMenuCloseButton'}
).click(
function(e){
LL_XPopup.destruct(e)
self.activeHud = false;
}
).get(0);
}
ImageXPopup.prototype.updateButton = function(id, state, cnPrefix){
var button = $('#' + id);
if (arguments.length < 3){
var cn = button.attr('class');
cnPrefix = cn.substring(0, cn.lastIndexOf('_'));
}
button.attr({'class': cnPrefix + '_' + state});
}
ImageXPopup.prototype.isButtonActive = function(e, className){
var cn = e.target.className;
if (className) cn = className;
var state = cn.substring(cn.lastIndexOf('_') + 1, cn.length).toLowerCase();
if (state == 'act') return true;
return false;
}
ImageXPopup.prototype.makeAddOns = function(e){
var aos = $('#xpopupAddOns');
aos.empty();
aos.append(this.makeHudAndPrepareGallery());
$('#xpopupHoverMenu').css({'left': (this.image.width / 2 - 132) + 'px'});
var title = this.makeImageTitleIfAny();
aos.append(title);
this.buttonsStateController();
}
ImageXPopup.prototype.changeImage = function(idx, modeStr, e){
if (LL_XPopup.slideshowBusy > 0){
if (e && this.isButtonActive(e) && modeStr == 'pager'){
var idx = LL_XPopup.currentGalleryIdx += idx;
var xpopup = LL_XPopup.preparedGallery[idx];
xpopup.show();
}else if (modeStr == 'slideshow'){
var idx = LL_XPopup.currentGalleryIdx += idx;
if (idx == LL_XPopup.preparedGallery.length) idx = LL_XPopup.currentGalleryIdx = 0;
var xpopup = LL_XPopup.preparedGallery[idx];
var self = this;
$('#xpopup').fadeOut(
'fast',
function(){
xpopup.pushContentIntoPopup();
xpopup.makeAddOns();
setTimeout(
function(){
var mousePos = {'x': 0, 'y': 0};
xpopup.setPopupPosition(xpopup.src, mousePos);
$('#xpopup').fadeIn();
},
500
);
}
);
}
if (LL_XPopup.slideshowInterval) clearTimeout(LL_XPopup.slideshowInterval);
var self = this;
LL_XPopup.slideshowInterval = setTimeout(function(){self.changeImage(1, 'slideshow')}, 7000);
}else{
if (e && this.isButtonActive(e) && modeStr == 'pager'){
var idx = LL_XPopup.currentGalleryIdx += idx;
var xpopup = LL_XPopup.preparedGallery[idx];
xpopup.show();
}else if(modeStr == 'gallery'){
var idx = LL_XPopup.currentGalleryIdx = idx;
var xpopup = LL_XPopup.preparedGallery[idx];
xpopup.show();
}
}
}
ImageXPopup.prototype.getContent = function(){
var img = null;
var href, jsFunc;
if (this.Attrs){
var Attrs = this.Attrs;
img = this.resizeImgOnOverflow(this.image, this.getAttr('height'), this.getAttr('width'));
height = Attrs.height ? Attrs.height + 'px' : img.height + 'px' ;
width = Attrs.width ? Attrs.width + 'px' : img.width + 'px';
if (Attrs.href && ! Attrs.jsFunc){
href = Attrs.href;
img = $('').append(img).attr({'href': Attrs.href}, img);
}
if (Attrs.jsFunc){
$(img).css({'cursor': 'pointer'}).click(Attrs.jsFunc)
}
if (this.Attrs.background){
if (this.Attrs.background.toLowerCase() == 'true' || this.Attrs.background == 1) this.makeBackground();
}
}
this.setPopupWidth(width);
return $('
').append(img).css({'height': height, 'width': width, 'overflow': 'auto', 'text-align': 'center'})
}
ImageXPopup.prototype.changeSlideshowPopupCSS = function(){
if (LL_XPopup.slideshowBusy){
var xPopupClass = 'xpopup_slideshow';
var xPopupTitleClass = 'xpopupImgTitle_slideshow';
if (! this.isIE() && this.isFixedPosition()) xPopupClass = 'xpopup_slideshow_fixed';
}else{
var xPopupClass = 'xpopup';
var xPopupTitleClass = 'xpopupImgTitle';
if (! this.isIE() && this.isFixedPosition()) xPopupClass = 'xpopup_fixed';
}
$('#xpopup').attr({'class': xPopupClass});
if($('#xpopupImgTitle').size() > 0) $('#xpopupImgTitle').attr({'class': xPopupTitleClass});
}
ImageXPopup.prototype.hideBodyScrollbars = function(){
$('body').css({'overflow': 'hidden'});
}
ImageXPopup.prototype.handleSlideshow = function(e){
if (this.isButtonActive(e)){
if (LL_XPopup.slideshowBusy){
var buttonClass = 'playButton';
LL_XPopup.slideshowBusy = 0;
clearTimeout(LL_XPopup.slideshowInterval);
}else{
var buttonClass = 'pauseButton';
LL_XPopup.slideshowBusy = 1;
var self = this;
LL_XPopup.slideshowInterval = setTimeout(function(){self.changeImage(1, 'slideshow')}, 7000);
}
this.updateButton('xpopupHoverMenuPlayPauseButton', 'act', buttonClass);
}
}
ImageXPopup.prototype.handleGalleryImgClick = function(idx, e){
e.preventDefault();
e.stopPropagation();
var self = this;
$('#xpopupGalleryOverview').fadeOut('fast', function(){$('#xpopupGalleryOverview').remove()});
this.changeImage(idx, 'gallery');
}
ImageXPopup.prototype.handleGalleryOverview = function(e){
if (LL_XPopup.slideshowBusy) this.handleSlideshow({'target': $('#xpopupHoverMenuPlayPauseButton').get(0)});
$('#xpopup').hide();
var images = this.getOverviewImagesWithDeco();
var vpDims = {'w': $(window).width(), 'h': $(window).height()};
var vpPos = {'x': $(document).scrollLeft(), 'y': $(document).scrollTop()}
var px = null;
var py = null;
var h = vpDims.h;
var w = vpDims.w;
var position = 'fixed';
if (this.isIE()){
px = vpPos.x;
py = vpPos.y;
var position = 'absolute';
}
var container = $('
').attr(
{'id': 'xpopupGalleryOverview', 'class': 'xpopupGalleryOverview'}
).css(
{'height': '100%', 'width': '100%', 'position': position, 'left': px, 'top': py}
).click(
function(e){LL_XPopup.destruct(e)}
);
for (var i = 0; i < images.length; ++i){
container.append(images[i]);
}
$('body').append(container);
$('#xpopupGalleryOverview').fadeIn('fast');
}
ImageXPopup.prototype.getOverviewImagesWithDeco = function(){
var pg = LL_XPopup.preparedGallery;
var images = [];
var mw= 135;
var mh = 90;
for (var i = 0; i < pg.length; ++i){
function x(self, idx){
var srcImg = pg[idx].getSrcImage();
var paddingTop = '0';
if (srcImg.height < mh) paddingTop = parseInt((mh - srcImg.height) / 2) + 'px';
var img = self.makeImage(srcImg.src, {'width': srcImg.width, 'height': srcImg.height, 'border': 0, 'alt': srcImg.alt, 'title': srcImg.title});
var img = self.resizeImgOnOverflow(img, mh, mw);
var imgWrapped = $('').append(img).css({'padding-top': paddingTop});
images.push(
$('
').append(
$('').append(
$('').append(imgWrapped).attr({'class': 'image'})
).attr({'class': 'inner1', 'href': '#'})
).attr({'class': 'xpopupGalleryImageDeco'}).click(
function(e){self.handleGalleryImgClick(idx, e)}
).get(0)
);
return images;
}
images = x(this, i);
}
return images;
}
// Webpage xpopup
WebpageXPopup = function(src, event, spos, ppos, margin_w, margin_h, TypeAttrs){
/* TypeAttrs: url, href, jsFunc, height, width, background
* url: Source of the image to display.
* height: Popup height.
* width: Popup width.
* background: The xpopup stay on a dark background
* fixedPosition: The popup is position fixed and has no response on scroll events.
*/
this.constructor(src, event, spos, ppos, margin_w, margin_h, TypeAttrs);
}
WebpageXPopup.prototype = new DefaultXPopup();
WebpageXPopup.prototype.getContent = function(){
this.setPopupWidth();
var height = parseInt($(window).height() / 1.5);
var width = parseInt($(window).width() / 1.5);
var url = 'http://www.example.com';
if (this.Attrs){
height = this.Attrs.height == 'auto'? height : this.Attrs.height;
width = this.Attrs.width == 'auto'? width : this.Attrs.width;
url = this.Attrs.url ? this.Attrs.url : url;
if (this.Attrs.background){
if (this.Attrs.background.toLowerCase() == 'true' || this.Attrs.background == 1) this.makeBackground();
}
}
return $('