window.addEvent('domready',function() {
			/* settings */
			var showDuration = 6000;
			var container = $('slideshow-container');
			var images = container.getElements('img');
			var currentIndex = 0;
			var interval;
			var toc = [];
			var tocActive = 'toc-active';
			var thumbOpacity = 1.0;
			
			/* new: create caption area */
			var captionDIV = new Element('div',{
				id: 'slideshow-container-caption',
				styles: {
					//display:none,
					opacity: thumbOpacity
				}
			}).inject(container);
			var captionHeight = captionDIV.getSize().y;
			captionDIV.setStyle('opacity',0);
			
			/* new: starts the show */
			var start = function() { interval = show.periodical(showDuration); };
			var stop = function() { $clear(interval); };
			/* worker */
			var show = function(to) {
				images[currentIndex].fade('out');
				toc[currentIndex].removeClass(tocActive).fade(thumbOpacity);
				images[currentIndex = ($defined(to) ? to : (currentIndex < images.length - 1 ? currentIndex+1 : 0))].fade('in');
				toc[currentIndex].addClass(tocActive).fade(1);
				captionDIV.set('tween',{
					onComplete: function() {
						captionDIV.set('tween',{
							onComplete: $empty
						}).tween('opacity',thumbOpacity);
						/* parse caption */
						var line1 = '';
						var line2 = '';
                        var line3 = '';
						if(images[currentIndex].get('alt')) {
							cap = images[currentIndex].get('alt').split('::');
							line1 = cap[0];
							line2 = cap[1];
                            line3 = cap[2];
							captionDIV.set('html','<h5>' + line1 + '</h5>' + '<p>' + line2 + '</p>' + '<p>' + line3 + '</p>');
						}
					}
				}).tween('opacity',0);
			};
			
			/* new: create preview area */
			var preview = new Element('div',{
				id: 'slideshow-container-controls'
			}).inject(container,'after');
			
			/* new: control: table of contents */
			images.each(function(img,i){
				/* add to table of contents */
				toc.push(new Element('img',{
					src: img.get('src'),
					title: img.get('alt'),
					styles: {
						opacity: thumbOpacity
					},
					events: {
						click: function(e) {
							if(e) e.stop();
							stop();
							show(i);
							start();
						},
						mouseenter: function() {
							this.fade(1);
						},
						mouseleave: function() {
							if(!this.hasClass(tocActive)) this.fade(thumbOpacity);
						}
					}	
				}).inject(preview));
				if(i > 0) { img.set('opacity',0); }
				
			});
			
			/* control: start/stop on mouseover/mouseout */
			container.addEvents({
				mouseenter: function() { stop(); },
				mouseleave: function() { start(); }
			});
			
			/* start once the page is finished loading */
			window.addEvent('load',function(){ show(0); start(); });
		});