// JavaScript Document
function showPhoto(object, url){
	var left;
	var top;
	var viewer = document.getElementById("imageViewer");
	var picURL = url;
	viewer.style.position = "absolute";
	if(navigator.appName != "Microsoft Internet Explorer"){
		top = window.pageYOffset + 75;
	}else{
		top = document.documentElement.scrollTop + 75;	
	}
	var image = new Image();
	image.src = picURL;
	left = 409 - (image.width / 2);
	if(left == 409){left = 60;}
	viewer.style.top = top + "px";
	viewer.style.left = left + "px";
	viewer.style.zIndex = 5;
	viewer.style.background = "black";
	viewer.style.textAlign = "right";
	viewer.style.border = "1px solid black";
	var display = "<img src=\"" + picURL + "\"border=\"0\"/>";
	viewer.style.visibility = "visible";
	changeOpac(0, "imageViewer");
	
	viewer.innerHTML = display;
	viewer.style.cursor = "hand";
	viewer.style.cursor = "pointer";
	opacity("imageViewer", 0, 100, 1000);
}
function closeViewer(){
	opacity("imageViewer", 100, 0, 500);
	setTimeout("hideViewer()", 500);
}
function hideViewer(){
	var viewer = document.getElementById("imageViewer");	
	viewer.style.visibility = "hidden";
	viewer.style.zIndex = 0;
}
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 + ")";
}