function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
	var i;

    //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 + ")";
} 

function changeImage(image, downloadlink)
{
	if (busy == false) 
	{
		busy = true;
		document.body.style.cursor = 'progress';
		var imga = document.getElementById("img1");
		var imgb = document.getElementById("img2");
		var preview = document.getElementById("preview");
		var download = document.getElementById("download");
		
		download.href = downloadlink;
		imga.src = imgb.src;
		
		changeOpac(100, 'img1');
		changeOpac(0, 'img2');
		
		imgb.src = image;
		
		opacity('img1', 100, 0, 2000);
		opacity('img2', 0, 100, 2000);
		
		setTimeout("javascriptFinished()",2100);
	}
}

function javascriptFinished()
{
	var imgb = document.getElementById("img2");
	var preview = document.getElementById("preview");	
	preview.style.height = imgb.height+'px';
	changeOpac(100, 'options');
	document.body.style.cursor = 'auto';
	busy = false;
}

function fadeOnLoad(numberOfThumbnails)
{
	var i;
	
	busy = true;
	/*
	opacity('img2', 0, 100, 2000);
	for (i=1;i<=numberOfThumbnails;i++) 
	{
		opacity('thumb'+i, 0, 80, 2000);
	}
	
   */
   
   setTimeout("javascriptFinished()",500);
}