window.addEventListener?window.addEventListener("load",onloadfade,false):window.attachEvent("onload",onloadfade);

var t

function onloadfade() {
	imgfields = document.getElementById('imgfields').value.split(",");
	imgfieldpos = 1;	
	t = setTimeout("fadeImg(imgfields[imgfieldpos],false)",6000);
}


function fadeImg(theval,wasclicked) {
	if (wasclicked==true) {  clearTimeout(t); }
	theimg = theval+".jpg";
	thethumb = "alt"+theval;
	d = document.getElementById('thumbnailbox').getElementsByTagName('img');
	for(i=0;i<d.length;i++){
		if(d[i].className == 'active'){
			d[i].className = '';
		}
	}
	document.getElementById(thethumb).className='active';

	document.getElementById('overimg').src = "/outandabout/" + theimg;
	document.getElementById('overimg').style.display='block';		
	opacity('overdiv',0,100,1000,theimg,'outandabout',wasclicked);
	document.getElementById('thetext').innerHTML = document.getElementById('text'+theval).value;
}
	
	
function opacity(id, opacStart, opacEnd, millisec,theimg,thefolder,wasclicked) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "','" + theimg + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "','" + theimg + "','"+thefolder+"'," + wasclicked + ")",(timer * speed));
            timer++;
        }
    }

}

//change the opacity for different browsers
function changeOpac(opacity, id, theimg,thefolder,wasclicked) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
    if (opacity==100) {

		document.getElementById('mainimg').src = "/" + thefolder +"/" + theimg;
		opacity = 0;
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
		document.getElementById('overimg').style.display='none';
		
		if (wasclicked==false) {
			if (imgfieldpos<imgfields.length) {
				if (imgfieldpos==imgfields.length-2) {
					imgfieldpos=0;
				}else{
					imgfieldpos+=1;
				}
				t = setTimeout("fadeImg(imgfields[imgfieldpos],false)",6000);
			}
		}else{
			clearTimeout(t);
		}
		
    }
    
}