var $$ = $.fn;

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

  Slideshow : {
    Ready : function()
    {
      $('div.tmpSlideshowControl')
        .hover(
          function() {
            $(this).addClass('tmpSlideshowControlOn');
          },
          function() {
            $(this).removeClass('tmpSlideshowControlOn');
          }
        )
        .click(
          function() {
            $$.Slideshow.Interrupted = true;

            $('div.tmpSlide').hide();
            $('div.tmpSlideshowControl').removeClass('tmpSlideshowControlActive');

            $('div#tmpSlide-' + $(this).SplitID()).show()
            $(this).addClass('tmpSlideshowControlActive');
			
			$$.Slideshow.Counter = $(this).SplitID();
			$$.Slideshow.Counter++;
			}
        );

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

      this.Transition();
	},

    Transition : function()
    {
	 if (this.Interrupted) {
		 
		 ///// turn other sliders off. slide remains still
        return;
		
		///// slider still keeps sliding after click event
		/*if($$.Slideshow.Counter > 4) {
		//		$$.Slideshow.Counter = 1;
		//}
		this.Interrupted = false; //set to false, so that slideshow continues
      	*/
	  }
		
		this.Last = this.Counter - 1;
	  
	  if (this.Last < 1) {
        this.Last = 4;
      }
	
	  $('div#tmpSlide-' + this.Last).fadeOut(
        'slow',
        function() {
          $('div#tmpSlideshowControl-' + $$.Slideshow.Last).removeClass('tmpSlideshowControlActive');
          $('div#tmpSlideshowControl-' + $$.Slideshow.Counter).addClass('tmpSlideshowControlActive');
          $('div#tmpSlide-' + $$.Slideshow.Counter).fadeIn('slow');

		  $$.Slideshow.Counter++;

          if ($$.Slideshow.Counter > 4) {
            $$.Slideshow.Counter = 1;
          }
		  
		  setTimeout('$$.Slideshow.Transition();', 5000);
          
        }
      );
    },
    
  }
});

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