document.write("<style type='text/css'>#thephoto {visibility:hidden;}</style>");
imageId = 'thephoto';
maxNum = 11;
curNum = 0;

function preloadImgs(){
    imgObj = new Image();
    for(i=0; i < maxNum; i++){
        imgObj.src = "/ss/"+i+".jpg";
    }
    imgObj.onLoad=window.setTimeout("nextImage()", 1000);
}

function initImage() {
    image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	window.setTimeout("fadeIn('"+imageId+"',0)", 100);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity < 100) {
			setOpacity(obj, opacity);
			opacity += 2.5;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
		}else if (opacity >= 100) {
		    window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 3000);
		}
	}
}
function fadeOut(objId, opacity){
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity > 0) {
			setOpacity(obj, opacity);
			opacity -= 2.5;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
		}else if (opacity <= 0) {
		    obj.style.visibility="hidden"
		    nextImage();
		}
	}
}
function setOpacity(obj, opacity) {
    opacity = Math.min(Math.max(0, opacity), 100)
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

function nextImage(){
    curNum = curNum % maxNum;
    image = document.getElementById(imageId);
    image.src = "/ss/" + curNum + ".jpg";
    curNum += 1;
    initImage();
}

function insertFadeHTML(){
    document.write("<div id='photoholder'>\
                    <img id='thephoto'>\
                    </div>");
}