Multiple jquery on webpage only one or the other works, not both
<p>Help.I made a template which have mac like buttons using jquery code.  Which works
I also have wowslider code to make a sldie show work perfectly as well.  However when I put them together the wowslider doesn't work with any transitions (fading etc.).  It does goes to each image when you press the button for each picture but you don't have any fancy transitions.<br>
the template file is as follows:</p>

<pre><code>    &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML     4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;!-- TemplateBeginEditable name="html" --&gt;    &lt;!-- TemplateEndEditable --&gt;

&lt;head&gt;
&lt;!-- TemplateBeginEditable name="doctitle" --&gt;
&lt;title&gt;www.MAG-Designs.com&lt;/title&gt;
&lt;!-- TemplateEndEditable --&gt;&lt;!-- end editable doctile--&gt;
&lt;meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"&gt;
&lt;link rel="stylesheet" type="text/css" media="screen" href="../css/all-examples.css"&gt;
&lt;!-- TemplateBeginEditable name="head1" --&gt;   

&lt;!-- TemplateEndEditable --&gt;&lt;!-- end editable head1--&gt;


    &lt;style type="text/css"&gt;
    .Maglogoleftposition {
position: absolute;
left: 23px;
top: 18px;
     }

     .floatcontentleft {
float: left;
clear: right;
height: 150px;
width: 250px;
position: fixed;
left: 18px;
top: 110px;
padding: 5px;
border: 1px solid #999;
margin: 1px;
font-size: 13px;
overflow: auto;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
background-image: url(../Images/20_text_box.png);
background-repeat: repeat;
     }

     .floatcontentleft_mid {
float: left;
margin: 1px;
clear: right;
height: auto;
width: 250px;
position: fixed;
left: 18px;
bottom: 35px;
overflow: auto;
top: 280px;
padding: 5px;
border: 1px solid #999;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
background-image: url(../Images/20_text_box.png);
background-repeat: repeat;
     }

.floatcontentleft_bottom {
float: left;
margin: 1px;
clear: right;
height: auto;
width: 250px;
position: fixed;
left: 18px;
bottom: 35px;
overflow: auto;
top: 110px;
border-top-color: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
}


.floatcontentright {
float: right;
margin: 1px;
clear: left;
height: auto;
width: auto;
position: fixed;
bottom: 35px;
border: 1px solid #999;
right: 40px;
left: 300px;
top: 110px;
overflow: auto;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
background-image: url(../Images/20_text_box.png);
background-repeat: repeat;
}


.floatcontentwowslider {
height: 100%;
width: 100%;
bottom: 25px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
left: 18px;
right: 18px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
top: 115px;
background-repeat: repeat;
}

.floatcontentbottom {
float: left;
margin: 1px;
clear: right;
height: 75px;
width: auto;
position: fixed;
bottom: 30px;
border: 1px solid #999;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
background-repeat: repeat;
padding: 5px;
overflow: auto;
left: 18px;
right: 125px;
background-image: url(../Images/20_text_box.png);
}

.floatcopyrightbottom {
float: none;
margin: 1px;
clear: none;
position: fixed;
bottom: 30px;
border: 1px solid #999;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
}
&lt;/style&gt;
&lt;link href="../css/jum_main_style.css" rel="stylesheet" type="text/css"&gt;
&lt;script type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../js/fisheye-iutil.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../js/dock-example1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../js/jquery.jqDock.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../js/stack-1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../js/stack-2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(function(){
        var jqDockOpts = {align: 'left', duration: 200, labels: 'tc',     size: 48, distance: 85};
        $('#jqDock').jqDock(jqDockOpts);
    });
    &lt;/script&gt;
&lt;!-- TemplateBeginEditable name="style" --&gt;
&lt;!-- TemplateEndEditable --&gt;    

&lt;/head&gt;

&lt;body&gt;

&lt;div class="main_container"&gt;
&lt;!-- BEGIN DOCK 1 ============================================================ --&gt;
 &lt;div class="upper_bar_logo_navigation"&gt;&lt;img src="../Images/0-MAGlogo-sm.png"   alt="MAGlogo" width="48" height="81" hspace="50" vspace="50" align="left" class="Maglogoleftposition"&gt;

        &lt;div id="dock"&gt;
        &lt;div class="dock-container"&gt;
            &lt;a class="dock-item" href="../01-home.html"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;img src="../images/dock/01-home.png" alt="home" /&gt;&lt;/a&gt; 
            &lt;a class="dock-item" href="../02-aboutus.html"&gt;&lt;span&gt;AboutUs&lt;/span&gt;&lt;img src="../images/dock/02-aboutus.png" alt="About Us" /&gt;&lt;/a&gt;
            &lt;a class="dock-item" href="../03-Portfolio.html"&gt;&lt;span&gt;Projects&lt;/span&gt;&lt;img src="../images/dock/03-portfolio.png" alt="portfolio" /&gt;&lt;/a&gt; 
            &lt;a class="dock-item" href="../04-video.html"&gt;&lt;span&gt;Video&lt;/span&gt;&lt;img src="../images/dock/04-video.png" alt="video" /&gt;&lt;/a&gt; 
            &lt;a class="dock-item" href="../05-featured.html"&gt;&lt;span&gt;Featured&lt;/span&gt;&lt;img src="../images/dock/05-featured.png" alt="featured" /&gt;&lt;/a&gt; 
            &lt;a class="dock-item" href="../06-calender.html"&gt;&lt;span&gt;Calendar&lt;/span&gt;&lt;img src="../images/dock/06-calendar.png" alt="calendar" /&gt;&lt;/a&gt; 
            &lt;a class="dock-item" href="../07-Contact.html"&gt;&lt;span&gt;ContactUs&lt;/span&gt;&lt;img src="../images/dock/07-contact.png" alt="contact" /&gt;&lt;/a&gt;
            &lt;a class="dock-item" href="../08-link.html"&gt;&lt;span&gt;Links&lt;/span&gt;&lt;img src="../images/dock/08-link.png" alt="links" /&gt;&lt;/a&gt; 
            &lt;a class="dock-item" href="http://www.facebook.com/pages/Machado-Architectural-Group/260258720685482"&gt;&lt;span&gt;FollowUs&lt;/span&gt;&lt;img src="../images/dock/09-follow.png" alt="Follow Us" /&gt;&lt;/a&gt; 
            &lt;a class="dock-item" href="http://www.linkedin.com/groups/MAG-Designs-4309606?gid=4309606&amp;trk=hb_side_g"&gt;&lt;span&gt;LinkedIn&lt;/span&gt;&lt;img src="../images/dock/10-linkedin.png" alt="LinkedIn" /&gt;&lt;/a&gt; 
          &lt;/div&gt;&lt;!-- end div .dock-container --&gt;
        &lt;/div&gt;&lt;!-- end div .dock #dock --&gt;
    &lt;/div&gt;  &lt;!-- end upper_bar_logo_navagation--END DOCK 1         ============================================================ --&gt;

      &lt;div class="main_content"&gt;
    &lt;!-- TemplateBeginEditable name="Insert_content" --&gt;
    &lt;div class="floatcontentwowslider"&gt;&lt;/div&gt;
    &lt;!-- TemplateEndEditable --&gt;
  &lt;/div&gt; &lt;!-- end of main content --&gt; 

      &lt;div class="copyright_bottom"&gt;Copyright &lt;span class="font20"&gt;©&lt;/span&gt; 2012  Machado Architectural, PC / Copyright &lt;span class="font20"&gt;©&lt;/span&gt; 2012 MAG Designs&lt;/div&gt;


    &lt;!-- BEGIN STACK "UP" ============================================================ --&gt;&lt;!-- TemplateBeginEditable name="Stackup" --&gt;
    &lt;div class="stack"&gt; &lt;img src="../images/stacks/stack.png" alt="stack"/&gt;
      &lt;ul id="stack"&gt;
        &lt;li&gt;&lt;a href="00-mob-vt"&gt;&lt;span&gt;Virtual&amp;nbsp;Tours&lt;/span&gt;&lt;img src="../images/stacks/aperture.png" alt="Aperature" /&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="00-mob-images"&gt;&lt;span&gt;Images&lt;/span&gt;&lt;img src="../images/stacks/photoshop.png" alt="Photoshop" /&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="../00-mob-safari.html"&gt;&lt;span&gt;On&amp;nbsp;The&amp;nbsp;Web&lt;/span&gt;&lt;img src="../images/stacks/safari.png" alt="Safari" /&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="../00-mob-features.html"&gt;&lt;span&gt;Features&lt;/span&gt;&lt;img src="../images/stacks/coda.png" alt="Coda" /&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="../00-home.html"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;img src="../images/stacks/finder.png" alt="Finder" /&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
    &lt;/div&gt;
    &lt;!-- TemplateEndEditable --&gt;&lt;!-- end div .stack --&gt;
    &lt;!-- END STACK "UP" ============================================================ --&gt;
    &lt;/div&gt;&lt;!-- end main_container --&gt;

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

<p>the original wowslider which works is as follows:</p>

<pre><code>        &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
    &lt;title&gt;03-mob-images&lt;/title&gt;
    &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;
    &lt;meta name="keywords" content="03-mob-images" /&gt;
    &lt;meta name="description" content="03-mob-images" /&gt;
    &lt;!-- Start WOWSlider.com HEAD section --&gt;
    &lt;link rel="stylesheet" type="text/css" href="engine1/style.css" /&gt;
    &lt;style type="text/css"&gt;a#vlb{display:none}&lt;/style&gt;
     &lt;script type="text/javascript" src="engine1/jquery.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="engine1/wowslider.js"&gt;&lt;/script&gt;
    &lt;!-- End WOWSlider.com HEAD section --&gt;
&lt;/head&gt;
&lt;body style="background-color:#ffffff"&gt;
    &lt;!-- Start WOWSlider.com BODY section --&gt;
    &lt;div id="wowslider-container1"&gt;
    &lt;div class="ws_images"&gt;
&lt;span&gt;&lt;img src="data1/images/0int04.jpg" alt="Interior View of Main Foyer"   title="Interior View of Main Foyer" id="wows0"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0000a.jpg" alt="Exterior Views" title="Exterior Views" id="wows1"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0001a.jpg" alt="Exterior Views" title="Exterior Views" id="wows2"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0002a.jpg" alt="Interior Views" title="Interior Views" id="wows3"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0mobaerial01.jpg" alt="Exterior Bird's Eye View" title="Exterior Bird's Eye View" id="wows4"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0front01.jpg" alt="Front View of Entrance" title="Front View of Entrance" id="wows5"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0front03.jpg" alt="Side view of Entrance" title="Side view of Entrance" id="wows6"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0front04.jpg" alt="Main entrance Approach" title="Main entrance Approach" id="wows7"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/002.jpg" alt="Interior Lobby" title="Interior Lobby" id="wows8"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0int03.jpg" alt="Interior lobby Detailed" title="Interior lobby Detailed" id="wows9"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0balc01.jpg" alt="View form Balcony" title="View form Balcony" id="wows10"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0aerialr.jpg" alt="Site Map" title="Site Map" id="wows11"/&gt;&lt;/span&gt;
&lt;span&gt;&lt;img src="data1/images/0front02.jpg" alt="Close up of Entrance" title="Close up of Entrance" id="wows12"/&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div class="ws_bullets"&gt;&lt;div&gt;
&lt;a href="#wows0" title="Interior View of Main Foyer"&gt;&lt;img src="data1/tooltips/0int04.jpg" alt="Interior View of Main Foyer"/&gt;1&lt;/a&gt;
&lt;a href="#wows1" title="Exterior Views"&gt;&lt;img src="data1/tooltips/0000a.jpg" alt="Exterior Views"/&gt;2&lt;/a&gt;
&lt;a href="#wows2" title="Exterior Views"&gt;&lt;img src="data1/tooltips/0001a.jpg" alt="Exterior Views"/&gt;3&lt;/a&gt;
&lt;a href="#wows3" title="Interior Views"&gt;&lt;img src="data1/tooltips/0002a.jpg" alt="Interior Views"/&gt;4&lt;/a&gt;
&lt;a href="#wows4" title="Exterior Bird's Eye View"&gt;&lt;img src="data1/tooltips/0mobaerial01.jpg" alt="Exterior Bird's Eye View"/&gt;5&lt;/a&gt;
&lt;a href="#wows5" title="Front View of Entrance"&gt;&lt;img src="data1/tooltips/0front01.jpg" alt="Front View of Entrance"/&gt;6&lt;/a&gt;
&lt;a href="#wows6" title="Side view of Entrance"&gt;&lt;img src="data1/tooltips/0front03.jpg" alt="Side view of Entrance"/&gt;7&lt;/a&gt;
&lt;a href="#wows7" title="Main entrance Approach"&gt;&lt;img src="data1/tooltips/0front04.jpg" alt="Main entrance Approach"/&gt;8&lt;/a&gt;
&lt;a href="#wows8" title="Interior Lobby"&gt;&lt;img src="data1/tooltips/002.jpg" alt="Interior Lobby"/&gt;9&lt;/a&gt;
&lt;a href="#wows9" title="Interior lobby Detailed"&gt;&lt;img src="data1/tooltips/0int03.jpg" alt="Interior lobby Detailed"/&gt;10&lt;/a&gt;
&lt;a href="#wows10" title="View form Balcony"&gt;&lt;img src="data1/tooltips/0balc01.jpg" alt="View form Balcony"/&gt;11&lt;/a&gt;
&lt;a href="#wows11" title="Site Map"&gt;&lt;img src="data1/tooltips/0aerialr.jpg" alt="Site Map"/&gt;12&lt;/a&gt;
&lt;a href="#wows12" title="Close up of Entrance"&gt;&lt;img src="data1/tooltips/0front02.jpg"     alt="Close up of Entrance"/&gt;13&lt;/a&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;a style="display:none" href="http://wowslider.com"&gt;Free HTML Slideshow by WOWSlider.com v2.0&lt;/a&gt;
    &lt;a href="#" class="ws_frame"&gt;&lt;/a&gt;
    &lt;div class="ws_shadow"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;script type="text/javascript" src="engine1/script.js"&gt;&lt;/script&gt;
    &lt;!-- End WOWSlider.com BODY section --&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>new to this and I thought I can handle it but any help would be appreciated. Note I tried to post the html with all of it intregrated but as a new user I am not allowed as of yet. Advance Thanks!!help</p>
