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;
			
/* R.Vazquez addition: dynamically create slideshow controls. */
			var $boxes= '';
			var $boxcounter = 0;
			$('div.tmpSlide h4').each(
			function() {
				$boxcounter ++;
				$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');
					});
/* end create slideshow controls */
			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();', 11000);
				}
			);
		}
	}
});
$(document).ready(
	function() {
		$$.Slideshow.Ready();
	}
);