var $$ = $.fn;
id=1;
myInterval = 1;
clicked=0;
$$.extend({
  SplitID : function()
  {
    return this.attr('id').split('-').pop();
  },

  Slideshow : {
    Ready : function()
    {
      $('div.slidecontrol')
        .hover(
          function() {
            $(this).addClass('slider-nav-over');
	    $(this).css('cursor','pointer');
          },
          function() {
            $(this).removeClass('slider-nav-over');
          }
        );
	$('div.slidecontrol')
        .click(
          function() {
            $$.Slideshow.Interrupted = true;
	    clicked=1;
            $('div.slide').hide();
            $('div.slidecontrol').removeClass('slidecontrolactive');

            $('div#slide-' + $(this).SplitID()).show()
            $(this).addClass('slidecontrolactive');
          }
        );
      $('div#slideshow').hover(
	function() {
	  if(clicked!=1){
	  clearInterval(myInterval);
	  $$.Slideshow.Interrupted = true;
	  }
	},
	function() {
	  if(clicked!=1){
	  $$.Slideshow.Interrupted = false;
	  myInterval = setTimeout('$$.Slideshow.Transition();', 4000);
	  }
	}
      );

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

      this.Transition();
    },

    Transition : function()
    {
      if (this.Interrupted) {
        return;
      }
      this.Last = this.Counter - 1;
      id=this.Counter;

      if (this.Last < 1) {
        this.Last = 4;
      }

      $('div#slide-' + this.Last).fadeOut(
        'slow',
        function() {
          $('div#slidecontrol-' + $$.Slideshow.Last).removeClass('slidecontrolactive');
          $('div#slidecontrol-' + $$.Slideshow.Counter).addClass('slidecontrolactive');
          $('div#slide-' + $$.Slideshow.Counter).fadeIn('slow');

          $$.Slideshow.Counter++;
	  id++;

          if ($$.Slideshow.Counter > 4) {
            $$.Slideshow.Counter = 1;
	    id=this.Counter;
          }

          myInterval = setTimeout('$$.Slideshow.Transition();', 4000);
        }
      );
    }
  }
});

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