var imagenames = [ 'IMG_7245.JPG.png', 'IMG_8413.JPG.png', 'DSCN4647.JPG.png', 'IMG_8007.JPG.png', 'IMG_7886.JPG.png', 'IMG_7758.JPG.png', 'SV106960.JPG.png', 'IMG_7591.JPG.png', 'img_2488.jpg.png', 'IMG_8861.JPG.png', 'Dag4_KarelKayak130709_211.JPG.png', 'IMG_3520.JPG.png', 'IMG_2261.JPG.png', 'img_5151.jpg.png', '1043747543_5_yFjI.jpeg.png', '715155030_6_8oKW.jpg.png', 'IMG_3700.JPG.png', 'IMG_2482.JPG.png', 'img_4143.jpg.png', 'IMG_7919.JPG.png', 'img_2319.jpg.png', 'ZK scouts 2007 020.jpg.png', 'IMG_7935.JPG.png', 'IMG_7473.JPG.png', 'IMG_7968.JPG.png', '2011-09-02_14.52.28.jpg.png', 'IMG_7952.JPG.png', 'IMG_7501.JPG.png', 'img_3631.jpg.png', 'SIMG4139.JPG.png', 'IMG_3619.JPG.png', 'IMG_8662.JPG.png', 'DSC06152.JPG.png', 'Dag4_KarelKayak130709_234.JPG.png', 'img_2383.jpg.png', 'img_2739.jpg.png', 'img_3695.jpg.png', 'IMG_8556.JPG.png', 'img_5051.jpg.png', 'img_3635.jpg.png', 'IMG_8810.JPG.png', 'IMG_8019.JPG.png', '16-07-05_054.jpg.png', 'IMG_7933.JPG.png', 'IMG_3365.JPG.png', 'img_0562.jpg.png', '070808 (113).JPG.png', 'img_2233.jpg.png', 'DSC05900.JPG.png', 'IMG_7734.JPG.png', 'IMG_7950.JPG.png', '16-07-05_066.jpg.png', 'DSC09205.JPG.png', 'Kamp 6.jpg.png', 'IMG_8496.JPG.png', 'DSC06004.JPG.png', 'IMG_8213.JPG.png', 'img_4446.jpg.png', 'IMG_8488.JPG.png', 'IMG_7412.JPG.png', 'IMG_9013.JPG.png', 'IMG_8104.JPG.png'];

var images=[];
var imagePos=3;
var fadePos=0;

function setAlpha(el, alpha) {
	el.style.opacity=alpha;
	el.style.filter="alpha(opacity=" + (alpha * 100) + ")";
}

function fade() {
	var noImages=8;
	var lastAdded=images[images.length-1];
	setAlpha(lastAdded, fadePos);
	if (images.length>noImages) {
		setAlpha(images[0], 1-fadePos);
	}

	if (fadePos>1) {
		fadePos=0;
		if (images.length>noImages) {
			var span=document.getElementById("polaroidcontainer");
			span.removeChild(images.shift());
		}
	} else {
		window.setTimeout(fade, 100);
	}
	fadePos+=.05;
}

function nextPic() {
	var span=document.getElementById("polaroidcontainer");
	var newpic=document.createElement("img");
	var nextimg=imagenames[Math.floor(Math.random()*imagenames.length)];
	newpic.src="/randpics/"+imagePos+"/"+nextimg;
	images.push(newpic);
	setAlpha(newpic, 0);
	newpic.style.paddingLeft=(Math.random()*30)+"px";
	newpic.style.paddingTop=(Math.random()*30)+"px";
	newpic.onLoad=fade();
	span.appendChild(newpic);
	window.setTimeout(nextPic, 3000);
	imagePos++;
	if (imagePos==4) imagePos=1;
}

function loadStack() {
	var span=document.getElementById("polaroidcontainer");
	var x;
	for (x=0; x<3; x++) {
		var newpic=document.createElement("img");
		var nextimg=imagenames[Math.floor(Math.random()*imagenames.length)];
		newpic.src="/randpics/"+imagePos+"/"+nextimg;
		images.push(newpic);
		setAlpha(newpic, 1);
		newpic.style.paddingLeft=(Math.random()*30)+"px";
		newpic.style.paddingTop=(Math.random()*30)+"px";
		span.appendChild(newpic);
	}
}

window.setTimeout(nextPic, 1000);
window.setTimeout(loadStack, 100);