I have 2 js functions and one is canceling out the other
===

I looked through the FAQ but couldn't figure out what was causing this (in js). I'm trying to get something live soon and I'm bypassing better animation for the time being, possibly also AJAX.

What I'm going is bringing two external php pages a includes to the current page, one is a gallery slider and the other is where the gallery imagery will appear. Here is a link to the page I'm currently testing so you can see:[http://www.chrisjohndesigns.com/artwork-conventions2.php][1]

So the code I've used has been simple replacement .innerHTML calls where the left and right arrows call the next gallery div and then the thumbnails within that gallery call the artwork that appears below. The left and right arrows work just fine but as soon as any of the thumbnails are clicked (and they do work properly) the left and right arrows stop working and you're stuck on whatever frame you chose from.

Here is the code from the conventions page:

    <body>
      <div id="wrapper">
        <div id="header-field">
          <?php include("header.php"); ?>
        </div>
        <div id="main-field">
          <div id="main">
            <div id="headline">
              <div class="illustration" style="top:10px; left:-10px;">
                <!--<img src="images/spacegirl.png" />-->
              </div>
            </div>
            <div id="body-window">
              <div id="sidebar">
                <div class="sidebar-callout">
                  Space Oddity<br />Digital Illustration<br/>2010
                </div>
                <div id="sidemenu">
                  <?php include("side-menu-artwork.php"); ?>
                </div>
              </div>
              
              <div id="field">
                <div id="gallery-callout">
                  <div class="thumbs-slider-field-container" id="generic-slider">
                  
                
                  <div class="thumbs-slider-field" >
                  <div id="prev">
                  <img src="images/gallery-scroll-left.png" width="42" height="120" />
                  </div>
                  <div id="thumbs-slider">
                  <img src="images/thumbs/digital-art/thumb-space-oddity.jpg" id="thumb-space-odity" onclick="changeDiv('space-oddity')"/>
                  <img src="images/thumbs/digital-art/thumb-atomic-nurse.jpg" id="thumb-nurse" onclick="changeDiv('nurse')"/>
                  <img src="images/thumbs/digital-art/thumb-zombie-make-over.jpg" id="thumb-zombie-makeover" onclick="changeDiv('zombie-makeover')"/> 
                  <img src="images/thumbs/digital-art/thumb-fanart-trigun.jpg" id="thumb-trigun" onclick="changeDiv('trigun')"/>
                  <img src="images/thumbs/digital-art/thumb-shadowrun.jpg" id="thumb-shadowrun" onclick="changeDiv('shadowrun')"/> 
                  </div>
                  <div id="next">
                  <img src="images/gallery-scroll-left.png" width="42" height="120"  onclick="callSlider('conventions2')" />
                  </div>
                  </div>
    
                   </div>
                 </div>  
                <div class="rule">
                </div>
              	<div class="entry" style="margin-bottom:0px;">
                  <h4 style="color:#ffffff; margin:0px;">| <a href="artwork.php"> artwork </a> > <a href="artwork-conventions.php"> conventions</a></h4>
                </div>
                <div class="gallery-frame" id="generic">
      <h1 style="margin-top:5px; margin-bottom:10px;">CONVENTION ARTWORK</h1>
      <div class="artwork">
        <img src="images/artwork/portfolio-design/logos/atomic-heart/atomicH-heart_0910.png" />  </div>
      <div class="rule">
      </div>
      <p>Here you will find arwork produced for (or for sale at) the conventions that Atomic Glam attends. Our premier convention is Anime Weekend Atlanta held in Atlanta each September.<br />(Above: The Atomic Heart Logo of Atomic Glam)</p>
      
                      <div style="display:none;">
          <?php include("artwork-gallery-digital.php"); ?>
    
                        <?php include("sliders/slider-artwork-conventions.php"); ?>
        </div>
        
    </div>
                
                
              </div>
              
            </div>
          </div>
        </div>
        <div id="footer-field">
          <?php include("footer.php"); ?>
        </div>
      </div>
    </body>

The js I'm using:
    <script type="text/javascript">
    altViews = function(next_img) {
    document.getElementById("bigPicture").src = next_img;
    }
      
    function changeDiv(id) {
    var target = document.getElementById('generic');
    var id = document.getElementById(id);
    target.innerHTML = id.innerHTML; 
    }
        
    function callSlider(slides) {
    var target2 = document.getElementById('generic-slider');
    var slides = document.getElementById(slides);
    target2.innerHTML = slides.innerHTML; 
    }
    
    </script>

An example of the slider:

    <div class="thumbs-slider-field" id="conventions1">
      <div id="prev">
        <img src="../images/gallery-scroll-left.png" width="42" height="120" />
      </div>
      <div id="thumbs-slider">
        <img src="../images/thumbs/digital-art/thumb-space-oddity.jpg" id="thumb-space-odity" onclick="changeDiv('space-oddity')"/>
        <img src="../images/thumbs/digital-art/thumb-atomic-nurse.jpg" id="thumb-nurse" onclick="changeDiv('nurse')"/>
        <img src="../images/thumbs/digital-art/thumb-zombie-make-over.jpg" id="thumb-zombie-makeover" onclick="changeDiv('zombie-makeover')"/> 
        <img src="../images/thumbs/digital-art/thumb-fanart-trigun.jpg" id="thumb-trigun" onclick="changeDiv('trigun')"/>
        <img src="../images/thumbs/digital-art/thumb-shadowrun.jpg" id="thumb-shadowrun" onclick="changeDiv('shadowrun')"/> 
      </div>
      <div id="next">
        <img src="../images/gallery-scroll-left.png" width="42" height="120"  onclick="callSlider('conventions2')" />
      </div>
    </div>

Any thoughts why one is canceling out the other?

  [1]: http://www.chrisjohndesigns.com/artwork-conventions2.php