var IMGPrefix = 'photo';
var LinkPrefix = 'link';
var slideImageBig = 'slideimage';
var slidelink = 'slidelink';
var picturesInScreen = 3;
var path = '/images/slideimages/';

// do not edit
var curIMGID = 0;
var curImageID = 0;

function changeSelectedPicture(){
	document.getElementById(IMGPrefix + curIMGID).src = path + 'smallact/' + pictures[curImageID]['smallact'];
	previousImage = (curImageID ==0)? pictures.length -1 : curImageID -1;
	changeOpac(0,slideImageBig);
	document.getElementById('backgroundDiv').style.backgroundImage = "url("+path + 'big/'+ pictures[previousImage]['big']+")";
	opacity(slideImageBig, 0, 100, 1000);
	document.getElementById(slideImageBig).src = path + 'big/' + pictures[curImageID]['big'];
	document.getElementById(slidelink).href = pictures[curImageID]['href'];
}

function unselectedPreviousImage(){
	if (curIMGID != 0){
		previousImage = (curImageID ==0)? pictures.length -1 : curImageID -1;
		document.getElementById(IMGPrefix + (curIMGID -1)).src = path + 'small/' + pictures[previousImage]['small'];
	}
}

function loadNewPictures(){
	for (i=0;i<picturesInScreen;i++){
		pictureToLoad = (curImageID + i > pictures.length -1)? (curImageID + i) - pictures.length : curImageID + i
		document.getElementById(IMGPrefix + i).src = path + 'small/' + pictures[pictureToLoad]['small'];
		document.getElementById(LinkPrefix + i).href =  pictures[pictureToLoad]['href'];
	}
}

function startRotate(){
	if (curIMGID == 0) loadNewPictures();
	unselectedPreviousImage();
	changeSelectedPicture();
	curIMGID = (curIMGID + 1 < picturesInScreen)? curIMGID + 1 : 0;
	curImageID = ((curImageID+1) < pictures.length)? curImageID + 1 : 0;
	setTimeout("startRotate()",5000);
}

function checkLoaded(){
	if (!document.getElementById(IMGPrefix + (picturesInScreen -1))){
		setTimeout("checkLoaded()",500);
	} else {
		startRotate();
	}
}

setTimeout(checkLoaded,500);








function opacity(id, opacStart, opacEnd, millisec) {
    //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 + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

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