<?php echo $javascript->link('jquery-easing-1.3.pack'); ?>
<?php echo $javascript->link('jquery-easing-compatibility.1.2.pack'); ?>
<?php echo $javascript->link('coda-slider.1.1.1.pack'); ?>

<script type="text/javascript">
 var theInt = null;
 var $crosslink, $navthumb;
 var curclicked = 0;

 theInterval = function(cur){
  clearInterval(theInt);

  if( typeof cur != 'undefined' )
   curclicked = cur;

  $crosslink.removeClass("active-thumb");
  $navthumb.eq(curclicked).parent().addClass("active-thumb");
   $(".stripNav ul li a").eq(curclicked).trigger('click');

  theInt = setInterval(function(){
   $crosslink.removeClass("active-thumb");
   $navthumb.eq(curclicked).parent().addClass("active-thumb");
   $(".stripNav ul li a").eq(curclicked).trigger('click');
   curclicked++;
   if( 6 == curclicked )
    curclicked = 0;

  }, 3000);
 };



 $(function(){

  $("#main-photo-slider").codaSlider();



  $navthumb = $(".nav-thumb");
  $crosslink = $(".cross-link");

  $navthumb
  .click(function() {
   var $this = $(this);
   theInterval($this.parent().attr('href').slice(1) - 1);
   return false;
  });

  theInterval();

  $(".stripViewer").mouseover(function(e) {

   $(this).stop();

  });
 });
</script>

The actual slider is in this page.

PROBLEM : The slider does not work when i click on the 2, 3, and 4th buttons. 1st button shows weird behaviour.

Please help me fix this bug. The slider should take me to panel 3 if i click button 3