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 = parseInt($(this).SplitID());
          	setTimeout('$$.Slideshow.Resume();', 3000); // Resume after 5 seconds  
          }
        );

			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 = 9;
			}

			$('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 > 9) {
        		$$.Slideshow.Counter = 1;
        	}

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

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