/********************
* js/homepage_slideshow.js
*------------------
* javascript for displaying slideshow and progress
*------------------
* 1.00 (cheth) 2011-Sep-02 initial implementation.
*********************/

/**************
* jQuery stuff
**************/
$.ajaxSetup ({  
    cache: false  
});  

$(document).ready(function(){
    $('.fadein img:gt(0)').hide();
    $('.fadein-thumbnails img').css('border','1px solid white');
    $('.fadein-thumbnails .position-1').css('border','1px solid #6A3B0D');
    var counter = 1;
    var counter2 = 1;
    var intervalID = setInterval(function(){
      counter++;
      counter2++;
      if (counter > 3) {
          counter = 1;
      };  
      if (counter2 > 9) {
          counter2 = 1;
      };  

      //---advance thumbnails--------------
      $('.fadein-thumbnails img').css('border','1px solid white');
      $('.fadein-thumbnails .position-' + counter).css('border','1px solid #6A3B0D');
      /* $('.fadein-thumbnails-caption').text('solid rod'); */
      title = $('.fadein-thumbnails .position-' + counter).attr('title');
      $('.fadein-thumbnails-caption').text(title);

      //---display animated quotes--------------
      $('.fadein-teaser').css('visibility','hidden');
      $('.fadein-teaser').css('display','none');
      $('.fadein-teaser').removeClass('teaser-hidden');
      $('.caption-0' + counter2).css('visibility','visible');
      $('.caption-0' + counter2).css('display','block');
      $('.caption-0' + counter2).fadeOut(8000);

      //---cross-fade images--------------
      $('.fadein :first-child').fadeOut(2000)
         .next('img').fadeIn(2000)
         .end().appendTo('.fadein');
     
      }, 8000); // close setInterval()

    //---thumbnail click stops animation--------------
    $('.fadein-thumbnail img').click(function(){
        clearInterval(intervalID);
        position = $(this).attr('src').charAt(18);
        src = $(this).attr('src');
        //alert("position=" + position + "." + " src=" + src + ".");
        $('.fadein-thumbnails img').css('border','1px solid white');
        $('.fadein-thumbnails .position-' + position).css('border','1px solid #6A3B0D');
        $('.fadein img').attr('src','images/slideshow_0' + position + '.jpg');

    });

             
});