JQuery conflict with external script

JQuery conflict with external script

Hi,

In the head of my page I have the following code:

  1. <script src="http://code.jquery.com/jquery-latest.min.js"
  2.         type="text/javascript"></script>

  4. <script type="text/javascript" src="/templates/mobile/detect.js"></script>

This is a screen width detect which calls an external .css sheet. This works fine.

In the body I have a series of embedded interactive photos which are held at occipital.com.
These work fine when I do not include line 1 & 2. Once those lines are included the images are no longer interactive, they shift their position on the screen and display other bugs. 

<script src="http://occipital.com/360/embed.js?pano=bdJJ2m&amp;width=575&amp;height=300">
</script>

I'm thinking this is something to do with the famous noconflict. However because the script is from an external embed I can't alter the .js. Does anybody have an answer or any suggestions?