function getRefToDiv(divID) {
    if( document.layers ) { //Netscape layers
        return document.layers[divID]; }
    if( document.getElementById ) { //DOM; IE5, NS6, Mozilla, Opera
        return document.getElementById(divID); }
    if( document.all ) { //Proprietary DOM; IE4
        return document.all[divID]; }
    if( document[divID] ) { //Netscape alternative
        return document[divID]; }
    return false;
}

function Fade(CurrentAlpha,TargetAlpha,steps) {
	obj = x;
	CurrentAlpha = parseInt(CurrentAlpha);
	if (isNaN(CurrentAlpha)){
		CurrentAlpha = parseInt(obj.style.opacity*100);
		if (isNaN(CurrentAlpha))CurrentAlpha=100;
	}
	var DeltaAlpha=parseInt((CurrentAlpha-TargetAlpha)/steps);
	var NewAlpha = CurrentAlpha - DeltaAlpha;
	//Mozilla bug -doesn't like 100%
	NewAlpha = (NewAlpha == 100)?99.999:NewAlpha;
	obj.style.opacity = (NewAlpha / 100);
	obj.style.MozOpacity = obj.style.opacity;
	obj.style.filter = 'alpha(opacity='+NewAlpha+')';
	if (steps>1){
		tvar1 = setTimeout('Fade('+NewAlpha+','+TargetAlpha+','+(steps-1)+')', 90);
	}
}

function swapBigImg(id,caption) {
	clearTimeout(tvar1);
	clearTimeout(tvar2);
	clearTimeout(tvar3);
	Fade(100,0,5);
	tvar2 = setTimeout('doNewImage('+id+',"'+caption+'")',450);
}

function doNewImage(id,caption) {
	x.onload = fadeInImage;
	x.src = "/local/images/portfolio/"+id+".jpg";
	y = getRefToDiv("caption");
	y.innerHTML = caption?caption:" ";
}

function fadeInImage() {
	Fade(0,100,10);
}

function preload(id) {
	image1 = new Image();
	image1.src = "/local/images/portfolio/"+id+".jpg";
}

var tvar1;
var tvar2;
var tvar3;
var x;

window.onload = function() {
	x = getRefToDiv("bigimg-img");
};