Hey everyone, I hope someone can help me with this issue I am stuck on. To start, I want to let you all that i know almost nothing about JavaScript and I use it very sparingly in my websites.

The current site I am working on I have a rotating feature image where the image appears, then the text appears second. It then rotates out to other images. Its working just fine, but I have found that it is interfering with my responsive navigation menu when the window is shrunk to a mobile view. I also know that if i place this line of JS in the footer: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> It will fix the menu, but cause the rotation to not load the images and stop working. I've gone through and tried to remove other lines to see if there was something redundant because i read that in most cases people have the .jquery.min.js, or similar, typed in two areas, but this hasn't helped me. Here is the site: http://3rfocuslabs.com/site-builds/rock/ you can see how the rotation looks and works, but if you shrink the browser down small enough to where its in mobile view then the top menu disappears completely, instead of shifting to a menu button.