/*
var ar=0;
window.onload= function() { initSlideshow(); }
function initSlideshow()
{
	var pics=document.getElementById('thumbnails').getElementsByTagName('img');
	var clicks=document.getElementById('thumbnails').getElementsByTagName('a');
	for (var i=0;i<clicks.length;i++)
	{
		var pic = pics[i].src;
		clicks[i].onclick = function () { showPic(pic); return false;}
		
	}
}
*/

var slides = new Array();
var titles = new Array();

var preloadSlide = new Image();
var preloadNextSlide = new Image();
var showingEnd = 0;
var imageOpacity = 100;
var doFade = 0;

slides[0] = 'img1.jpg';
titles[0] = 'Photo: img1.jpg';
slides[1] = 'img10.jpg';
titles[1] = 'Photo: img10.jpg';
slides[2] = 'img11.jpg';
titles[2] = 'Photo: img11.jpg';
slides[3] = 'img12.jpg';
titles[3] = 'Photo: img12.jpg';
slides[4] = 'img13.jpg';
titles[4] = 'Photo: img13.jpg';
slides[5] = 'img14.jpg';
titles[5] = 'Photo: img14.jpg';
slides[6] = 'img15.jpg';
titles[6] = 'Photo: img15.jpg';
slides[7] = 'img2.jpg';
titles[7] = 'Photo: img2.jpg';
slides[8] = 'img3.jpg';
titles[8] = 'Photo: img3.jpg';
slides[9] = 'img4.jpg';
titles[9] = 'Photo: img4.jpg';
slides[10] = 'img5.jpg';
titles[10] = 'Photo: img5.jpg';
slides[11] = 'img6.jpg';
titles[11] = 'Photo: img6.jpg';
slides[12] = 'img7.jpg';
titles[12] = 'Photo: img7.jpg';
slides[13] = 'img8.jpg';
titles[13] = 'Photo: img8.jpg';
slides[14] = 'img9.jpg';
titles[14] = 'Photo: img9.jpg';


var slide=0;
var timer;
var fadeTimer;

function showPic(pic)
{
	var photo = document.getElementById('largePhotoViewerImage');
	photo.src = pic;
	photo.onclick = function() { window.location.href="#"; }
}

function startSlideShow()
{
	doFade = 1;
	var slideLink = document.getElementById('startSlideShowLink');
	slideLink.innerHTML = "Stop slide show";
	slideLink.onclick = function () { stopSlideShow(); return false; }
	
	// Load first slide right away
	var photo = document.getElementById('largePhotoViewerImage');
	photo.src = "photos/" + slides[slide];
	var title = document.getElementById('largePhotoViewerTitle');
	var slideTitle = document.getElementById('largePhotoViewerTitle');
	slideTitle.innerHTML = titles[slide];
	slide++;
	preloadSlide.src = "photos/" + slides[slide];
 	preloadNextSlide.src = "photos/" + slides[slide+1];
	timer = window.setInterval (function(){NextSlide();}, 5000);
	window.setTimeout(function() { fadeTimer = window.setInterval (function(){fadeOutImage();}, 10); }, 4000);
}

function NextSlide()
{
	var slideTitle = document.getElementById('largePhotoViewerTitle');
	var photo = document.getElementById('largePhotoViewerImage');
	if (slide >= slides.length)
	{
		slideTitle.innerHTML = 'End of slide show';
		showingEnd = 1;
		window.setTimeout(function()
			{
				
				photo.src = "photos/" + slides[slide];
				slideTitle.innerHTML = 'Martin Farm';
			}, 5000);
			stopSlideShow();
		return false;
	}
	window.setTimeout(function() { fadeTimer = window.setInterval (function(){fadeOutImage();}, 10); }, 4000);
	photo.src = "photos/" + slides[slide];
	slideTitle.innerHTML = titles[slide];
	slide++;
 	if (slide < slides.length) 
 	{
 		preloadSlide.src = "photos/" + slides[slide];
 		preloadNextSlide.src = "photos/" + slides[slide+1];
 	}
 	restoreFade();
 	doFade = 1;
	return true;
}

function stopSlideShow()
{
	doFade = 0;
	var slideLink = document.getElementById('startSlideShowLink');
	slideLink.onclick = function () { startSlideShow(); return false; }
	slideLink.innerHTML = "View as slide show";
	var slideTitle = document.getElementById('largePhotoViewerTitle');
	if (!showingEnd) { slideTitle.innerHTML = 'Martin Farm'; }
	slide = 0;
	clearInterval(timer); 
	clearInterval(fadeTimer);
	restoreFade();
}


function fadeOutImage()
{
	if (!doFade) { return false; }
	imageOpacity -= 10;
	if (imageOpacity < 0) { imageOpacity = 0;}

// 	var el=document.getElementById('largePhotoViewerImage');
	var el=document.getElementById('slideShowFade');
	el.style.cursor='pointer';
	el.style.opacity = parseInt(imageOpacity)/100;
	el.style.MozOpacity = parseInt(imageOpacity)/100;
    el.style.KhtmlOpacity = parseInt(imageOpacity)/100;
    el.style.filter = "alpha(opacity=" + imageOpacity + ")"; 
    return false;
}

//function fadeOutImage() { return false;}
function restoreFade()
{
	imageOpacity = 100;
	clearInterval(fadeTimer);
	doFade = 0;
// 	var el=document.getElementById('largePhotoViewerImage');
	var el=document.getElementById('slideShowFade');
	el.style.cursor='pointer';
	el.style.opacity = 1.0;
    el.style.MozOpacity = 1.0;
    el.style.KhtmlOpacity = 1.0;
    el.style.filter = "alpha(opacity=" + 100 + ")"; 
}