Jquery sliders not working together online,but they work fine on offline page
<p>The site www.grapho-line.com is using two sliders but only the main slider is working(the one with the big pictures).The thumbnail slider(right below the main jquery slider) is not working as you can see on site.
However both work fine when i run the website on localhost.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Home | Grapho Line Trading LLC&lt;/title&gt;
&lt;link href="style.css" rel="stylesheet" type="text/css"&gt;
&lt;link href="slider.css" rel="stylesheet" type="text/css"&gt;
&lt;link href="themes/generic.css" rel="stylesheet" type="text/css" /&gt;
&lt;link href="themes/1/slider2.css" rel="stylesheet" type="text/css" /&gt;
&lt;script src="themes/jquery-1.7.1.min.js" type="text/javascript"&gt;&lt;/script&gt;


&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="s3Slider.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $('#slider1').s3Slider({
        timeOut: 5000 
    });
});
&lt;/script&gt;
&lt;script src="themes/1/jquery-slider.js" type="text/javascript"&gt;&lt;/script&gt;

&lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
&lt;script src="http://www.google.com/jsapi?key=AIzaSyA5m1Nc8ws2BbmPRwKu5gFradvD_hgq6G0" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;

google.load("feeds", "1");

function feedLoaded(result) {
  if (!result.error) {
    var container = document.getElementById("homenews3content");
    container.innerHTML = '';
    for (var i = 0; i &lt; result.feed.entries.length; i++) {
      var entry = result.feed.entries[i];
      var div = document.createElement("div");
      div.appendChild(document.createTextNode(entry.title));
      container.appendChild(div);
    }
  }
}

function OnLoad() {
  var feed = new google.feeds.Feed("http://feeds.feedburner.com/KodakNewsReleases.xml");
  feed.includeHistoricalEntries(); // tell the API we want to have old entries too
    feed.setNumEntries(3);
    feed.load(feedLoaded);

}

  google.setOnLoadCallback(OnLoad);
  &lt;/script&gt;

&lt;style&gt;

#main{

    background:#fabd2b;
    height:740px;

 }

 &lt;/style&gt;




&lt;/head&gt;

&lt;body&gt;




&lt;div id="main"&gt;
&lt;img src="logonew.png" id="kodaklogo" /&gt;
&lt;img src="grapho.png" id="mainbackground"/&gt;



&lt;div id="headmenu"&gt;
&lt;ul id="nav"&gt;
&lt;li&gt;&lt;a href="index.html"&gt;HOME&lt;/a&gt;&lt;/li&gt;
&lt;li class="sub"&gt;&lt;a href="products.html"&gt;PRODUCTS&lt;/a&gt;
&lt;ul&gt;
        &lt;li&gt;&lt;a href="flexographic&amp;letterpress.html"&gt;  &amp;nbsp;Flexographic &amp; Letterpress&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="offsetctp.html"&gt;  &amp;nbsp;Offset CTP&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="proofing&amp;wideformat.html"&gt;  &amp;nbsp;Proofing &amp; Wide Format&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="brandprotectionsolutions.html"&gt;&amp;nbsp;Brand Protection Solutions&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="enterprisemarketing.html"&gt;&amp;nbsp;Enterprise Marketing&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="productionworkflow.html"&gt;&amp;nbsp;Production Workflow Solutions&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="colormanagement.html"&gt;&amp;nbsp;Color Management &amp; Screening&lt;/a&gt;&lt;/li&gt;

 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;a href="aboutus.html"&gt;ABOUT US&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="contactus.html"&gt;CONTACT US&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;



 &lt;/div&gt;

 &lt;div id="slider1"&gt;
    &lt;ul id="slider1Content"&gt;
        &lt;li class="slider1Image"&gt;
            &lt;a href=""&gt;&lt;img src="example_images/wide/flexcelnxplate.jpg" alt="1" /&gt;&lt;/a&gt;
            &lt;span class="left"&gt;&lt;strong&gt;KODAK FLEXCEL NX&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;KODAK FLEXCEL NX Plates are an important part of the KODAK FLEXCEL NX System. With the FLEXCEL NX System for the first time you can achieve gravure-class print quality on a wide variety of substrates.&lt;/span&gt;&lt;/li&gt;
        &lt;li class="slider1Image"&gt;
            &lt;a href="aboutus.html"&gt;&lt;img src="example_images/wide/flexoplates.jpg" alt="2" /&gt;&lt;/a&gt;
            &lt;span class="left"&gt;&lt;strong&gt;KODAK FLEXCEL SR&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;KODAK FLEXCEL SR Flexographic Plates have been designed to bring brand owners confidence that their packaging will be produced reliably and consistently, and to bring printers of packaging materials increased productivity and peace of mind.&lt;/span&gt;&lt;/li&gt;
        &lt;li class="slider1Image"&gt;
            &lt;img src="example_images/wide/flexelnx.JPG" alt="3" /&gt;
            &lt;span class="left"&gt;&lt;strong&gt;KODAK FLEXCEL NX System&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;The KODAK FLEXCEL NX Wide System allows you to take full advantage of the unique benefits that KODAK FLEXCEL NX Plates offer.It utilizes the proven KODAK SQUARESPOT Imaging Technology to deliver exceptional image quality. &lt;/span&gt;&lt;/li&gt;
        &lt;li class="slider1Image"&gt;
            &lt;img src="example_images/wide/directengraving.jpg" alt="4" /&gt;
            &lt;span class="left"&gt;&lt;strong&gt;KODAK FLEXCEL Direct&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;The KODAK FLEXCEL Direct System offers a brand new approach to direct engraving of elastomers for flexographic printing.The FLEXCEL Direct System is ideal for both printers and prepress service providers&lt;/span&gt;&lt;/li&gt;
         &lt;li class="slider1Image"&gt;
            &lt;img src="example_images/wide/flexo.jpg" alt="6" /&gt;
            &lt;span class="left"&gt;&lt;strong&gt;KODAK FLEXCEL NX System&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;YOU CAN with the KODAK FLEXCEL NX System, a complete solution for digital plate making that enables you to push the boundaries of flexo printing.&lt;/span&gt;&lt;/li&gt;   
        &lt;li class="slider1Image"&gt;
            &lt;img src="example_images/wide/m800.jpg" alt="5" /&gt;
            &lt;span class="left"&gt;&lt;strong&gt;KODAK MAGNUS 800&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;The KODAK MAGNUS 800 Platesetter is a reliable 8-page CTP device with advanced automation options, offering exceptional productivity and stability to meet the needs of offset printers.&lt;/span&gt;&lt;/li&gt;



        &lt;div class="clear slider1Image"&gt;&lt;/div&gt;
    &lt;/ul&gt;
 &lt;/div&gt;



 &lt;div id="homecenter"&gt;

  &lt;div class="div2"&gt;
      &lt;div id="mcts1"&gt;
        &lt;a href="productionworkflow.html"&gt;&lt;img src="images/DigiCap_300x140_695X250.jpg" /&gt;&lt;/a&gt;
  &lt;a href="brandprotectionsolutions.html"&gt;         &lt;img src="images/3-pharma-protection.jpg" /&gt;&lt;/a&gt;
  &lt;a href="colormanagement.html"&gt;        &lt;img src="images/header_spotless_695X250.jpg" /&gt;&lt;/a&gt;
  &lt;a href="enterprisemarketing.html"&gt;            &lt;img src="images/mqdefault.jpg" /&gt;&lt;/a&gt;
  &lt;a href="products/ctp/prepress.html"&gt;            &lt;img src="images/IPM-Hero2_695x210_695X250.jpg" /&gt;&lt;/a&gt;
  &lt;a href="proofing&amp;wideformat.html"&gt;            &lt;img src="images/proofingandwideformat.jpg" /&gt;&lt;/a&gt;
  &lt;a href="flexographic&amp;letterpress.html"&gt;            &lt;img src="images/flexographic.jpg" /&gt;&lt;/a&gt;
  &lt;a href="products/proofing/kodakmatchprint.html"&gt;&lt;img src="images/matchprint_IceCudesLo_695X250.jpg" /&gt;&lt;/a&gt;
    &lt;/div&gt;
 &lt;/div&gt;

 &lt;br/&gt;&lt;br/&gt;









 &lt;div class="homenews3"&gt;
  &lt;b&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;Latest news from &lt;a href="http://graphics.kodak.com" target="_blank" &gt;Kodak Graphics&lt;/a&gt;&lt;/b&gt;&lt;br/&gt;&lt;br/&gt;


    &lt;div id="homenews3content"&gt;
   &lt;/div&gt;

   &lt;/div&gt;



   &lt;/div&gt;




   &lt;/div&gt;
  &lt;/body&gt;


   &lt;/html&gt;
</code></pre>

<p></p>
