var $$ = $.fn;

$$.extend({
  SplitID : function()
  {
    return this.attr('id').split('-').pop();
  },

  Slideshow : {
    Ready : function()
    {
      $('td.thumbnail')
        .hover(
          function() {
            $(this).addClass('thumbnail_hover');
          },
          function() {
            $(this).removeClass('thumbnail_hover');
          }
        )
        .click(
          function() {
            $$.Slideshow.Interrupted = true;

            $('img.images').hide();
            $('div.slide').fadeOut(1);
            $('td.thumbnail').removeClass('thumbnail_selected');
            
            $('div#slide-' + $(this).SplitID()).fadeIn(200);
            $(this).addClass('thumbnail_selected');
             
            $('img.playPauseButton').attr('src', 'img/play.png');
           
            //document.write ( parseInt($(this).SplitID()) );
            // $$.Slideshow.Counter = parseInt($(this).SplitID());
             // $$.Slideshow.Resume();
          }
        );
	 
   $('img.playPauseButton').click (
     function() {
      if ($$.Slideshow.Interrupted == true) {
    	$(this).attr('src', 'img/pause.png');
    	$$.Slideshow.Resume();
    } else {
        $(this).attr('src', 'img/play.png');
        $$.Slideshow.Interrupted = true;
    }
    }
   );
   

    		
      this.Counter = 1;
      this.Interrupted = false;

      this.Transition();
    },       		 
    		 
    Resume : function()
    {    
      this.Interrupted = false; 
      this.Transition();
    },
    
    Transition : function()
    {
      if (this.Interrupted) {
        return;
      }

      this.Last = this.Counter - 1;

      if (this.Last < 1) {
        this.Last = $('div.slide').length;
      }

      $('img.images').hide();
      $('div#slide-' + this.Last).fadeOut(1000);
      $('td#thumbnail-' + $$.Slideshow.Last).removeClass('thumbnail_selected');
      $('td#thumbnail-' + $$.Slideshow.Counter).addClass('thumbnail_selected');
      
      $('div#slide-' + $$.Slideshow.Counter).fadeIn(1000,
        function() {
          $$.Slideshow.Counter++;

          if ($$.Slideshow.Counter > $('div.slide').length) {
            $$.Slideshow.Counter = 1;
          }

          setTimeout('$$.Slideshow.Transition();', 3000);
        }
      );
    }
  }
});

$(document).ready(
  function() {
    $$.Slideshow.Ready();
  }
);