How to globally load jQuery(-UI) to avoid conflict

Dear hotJoomla Support Team

Unfortunately I didn't find any solution on your forum so I am posting my problem here:

I'd like to "globally" load jQuery and jQuery-UI by a System Plugin (e.g. jQuery Easy) in order to avoid the conflicts I am running into when using a third party photo gallery (sigplus) together with the Newsflash Module with the Hot Furniture Store Template.

The general approach to do it is clear:
1. remove the passages in the template index.php and in any other modules on the page that load jQuery/jQuery-UI.
2. configure the system plugin to load the jQuery and jQuery-UI so that it is loaded on every page.
3. check that jQuery/jQuery-UI is only loaded ONCE an the entire page.

In general, this worked for the template but not for the newsflash module.

I've already had contact with the third party photo gallery developer and beleive that we've pinned down the problem:
1. The jquery-ui.min.js that is shipped with the newsflash module is conflicting (to some extent) with the photo gallery (the gallery doesn't act as it is supposed to: every second time, an image is clicked and opened in the lightbox, the controls etc. are not loaded as expected.)
2. Newsflash Module doesn't work with any official jQuery-UI version we've tested (it is not rotating at all). On the contrary, the gallery does with every tested "official" version of jQuery-UI but not with the shipped one.
3. Since there is no version indicated in the shipped jquery-ui.min.js, it wasn't possible for us to find the corresponding one on jquery.com or google hosted libraries.

Therefore, I'd like to ask:
a. which version of jQuery-UI i need to load from google hosted libraries in order to have the newsflash module working
b. which version of jQuery best works with a) the hot furniture store template and b) with the newsflash module.

The combinations of different versions of jQuery and jQuery-UI i've already tested are as follows:



Rather interesting is the fact that the photogallery doesn't even use jQuery-UI but is influenced by only the version that is shipped with newsflash module!!

We use Joomla 2.5.6.

The website loading only jQuery (not jQuery-UI!) globally from google can be found here:
[Link removed]
- Newsflash works as expected. The gallery doesn't: If you click any image inside the article (white part of the website) the FIRST time, everything's ok (e.g. image controls are only 'close', 'previous' and 'next'). But if you click the same (or any other) image a SECOND time, for instance, the controls are messed up. Screenshots of this behaviour you'll find here:
Clicked the first time (ok):

Clicked a second time (not ok):


The website loading jQuery AND jQuery-UI globally can be found here:
[Link removed]
- See Newsflash not rotating but galleries are working as they should.

I'm absolutely at my wit's end!
Since you promote that your templates don't make conflicts (see your demo of the template tinyurl.com/c2h52my ), This is why I didn't even expect me diving into these cumbersome details about jquery&co, thus hoping you can give me a helping hand solving this issue!

Thank you very much for your quick response!

when I look your page source I see:

so someone edited original source, and even left comment:
<!-- pawa edited to stop on onmouseover and fade=slow -->

but he missed to end code lines with ; and two of them are required for correct syntax

so:

Thank you for finding the syntax errors! You have really good eyes!
I've just corrected the syntax in both sites [Link removed] and [Link removed]
Nonetheless, the issue remains the same ;(

Any further suggestions?

it shoud be:

var tabs=jQuery("#featured");

not
var tabs=jQuery("#featured > ul");

Wow! It seems that changing it to

var tabs=jQuery("#featured");

fixed the problem!
On the page [Link removed] the newsflash module is working and the galleries act as expected and jQuery & jQuery-UI are globally loaded by a system plugin. Can you approve that?

it it works then it's approved