var $$ = $.fn;



$$.extend({

  SplitID : function()

  {

    return this.attr('id').split('-').pop();

  },



  Slideshow : {

    Ready : function()

    {

$('span#Play input').hide();

      $('div.tmpSlideshowControl')

        .hover(

          function() {

            $(this).addClass('tmpSlideshowControlOn');

          },

          function() {

            $(this).removeClass('tmpSlideshowControlOn');

          }

        )

        .click(

          function() {

            $$.Slideshow.Interrupted = true;

$('span#Pause input').hide();

$('span#Play input').show();



            $('div.tmpSlide').hide();

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



            $('div#tmpSlide-' + $(this).SplitID()).show()

            $(this).addClass('tmpSlideshowControlActive');

          }

        );





 $('span#Pause input')

  .click(

    function() {

     $$.Slideshow.Interrupted = true;

$('span#Pause input').hide();

$('span#Play input').show();

    }

  );



$('span#Play input')

   .click(

    function() { 

     $$.Slideshow.Interrupted = false;

       $('div.tmpSlide').hide();

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

     $$.Slideshow.Counter  = 1;

     $$.Slideshow.Transition();

$('span#Play input').hide();

$('span#Pause input').show();

    }

  );



      this.Counter = 1;

      this.Interrupted = false;



	  	 

	 var $boxes= '';

	 var $boxcounter = 0;

	$('div.tmpSlide h4').each(

		function() {

			$boxcounter ++;

			//$boxes += '<div class="tmpSlideshowControl" id="tmpSlideshowControl-' +$boxcounter+ '" title="' + $(this).text() + '"><span>'+$boxcounter+'</span></div>\n';			

			$boxes += '<div class="tmpSlideshowControl" id="tmpSlideshowControl-' +$boxcounter+ '" title="' + $(this).text() + '"><span>&nbsp;</span></div>\n';

			$('div#tmpSlideshowBoxes').html($boxes);

	  	}

	);

	  

	  

      $('div.tmpSlideshowControl')

        .hover(

          function() {

            $(this).addClass('tmpSlideshowControlOn');

          },

          function() {

            $(this).removeClass('tmpSlideshowControlOn');

          }

        )

        .click(

          function() {

            $$.Slideshow.Interrupted = true;

$('span#Pause input').hide();

$('span#Play input').show();



            $('div.tmpSlide').hide();

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



            $('div#tmpSlide-' + $(this).SplitID()).show()

            $(this).addClass('tmpSlideshowControlActive');

          }

        );

	  

	  

	  

	  

	  

	  

      this.Transition();

    },





    Transition : function()

    {



      if (this.Interrupted) {

        return;



      }



      this.Last = this.Counter - 1;

	  var $slides = $('div.tmpSlide').length;

	  

      if (this.Last < 1) {

        this.Last = $slides;

      }



      $('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 > $slides) {

            $$.Slideshow.Counter = 1;

          }



          setTimeout('$$.Slideshow.Transition();', 5000);



        }



      );

    }













  }

});



$(document).ready(

  function() {

    $$.Slideshow.Ready();

  }

);