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.