jQuery.
noConflict();
jQuery(document).ready(function() { jQuery('#modal-messages').css('margin-top', ((jQuery(window).height() - jQuery('#modal-messages').outerHeight())/2) + jQuery(window).scrollTop() + 'px'); jQuery('#modal-messages').css('margin-left', ((jQuery(window).width() - jQuery('#modal-messages').outerWidth())/2) + jQuery(window).scrollLeft() + 'px'); jQuery('#modal-messages').show();jQuery('#messages-overlay').show(); jQuery('#messages-close-button').click(function() { jQuery('#messages-overlay').hide(); jQuery('#modal-messages').hide(); }); jQuery('#messages-overlay').click(function() { jQuery('#messages-overlay').hide(); jQuery('#modal-messages').hide(); });}); window.addEvent('load', function() { new JCaption('img.caption'); }); var mmBgImageOpacity = 1; var mmBgColor = '#000000'; var mmBgOpacity = 0; var theStage = null; window.addEvent('domready', function() { // init mmStage theStage = new mmStage({ element: 'mmStage', onInit: function() {
var
mmWrapper =
new
wdgtWrapper(
this, {});
this.
registerWidget(
'mmWrapper',
mmWrapper);
var
mmBackground =
new
wdgtBackground(
this, {
images: [
'http://*********.com/templates/shape5_vertex/images/photo_loj3.jpg'],
background: {
opacity:
mmBgOpacity,
color:
mmBgColor },
image: {
opacity:
mmBgImageOpacity }
});
this.
registerWidget(
'mmBackground',
mmBackground);
$(
'mmWrapper').
setStyles({
scroll:
'auto',
position:
'absolute',
zIndex:
1,
top:
'0px',
left:
'0px',
overflow:
'auto',
'overflow-x':
'hidden' });
}
});
});
</script
>
Could someone please point me in the right direction to try and sort this problem out?
Many thanks in advance. I look forward to your reply.
Regards,
Ess
PS: I'm an absolute novice at this, but willing to get my hands dirty.