var playGif = new Image();
var nextGif = new Image();
var pauseGif = new Image();
var prevGif = new Image();
playGif.src = '/photos/img/play.gif';
nextGif.src = '/photos/img/next.gif';
pauseGif.src = '/photos/img/pause.gif';
prevGif.src = '/photos/img/previous.gif';

var kdown = false;

var bName = navigator.appName;
var bVer = parseFloat(navigator.appVersion);
var ie = false;
if (bName == "Microsoft Internet Explorer") {
	if(bVer >= 4) {
		ie = true;
	}
}

if (document.captureEvents) {
  	document.captureEvents(Event.KEYPRESS);
}
document.onkeydown = keyFunction;
 
var button = null;
var href = '';

function init() {

}

function showButton(img) {
	
	if(button) {
		document.getElementsByTagName("body")[0].removeChild(button);
		button = null;
	} 
	kdown = true;	
	var mainimage = document.getElementById("image");
	var position = getImagePosition(mainimage);
	var maindiv = document.getElementById("maindiv");
	
	var newimg = document.createElement("IMG");
	newimg.src = img.src;
	newimg.style.top = position[0] + "px";
	newimg.style.left = position[1] + "px";
	
	newimg.width = 159;
	newimg.height = 146;
	newimg.style.opacity = 0.8; 
	newimg.style.filter = "alpha(opacity=80)";
	newimg.style.MozOpacity= 80/100;
	newimg.style.position = 'absolute';
	document.getElementsByTagName("body")[0].appendChild(newimg);
	button = newimg;
	setTimeout("fadeButton(8)", 200);

}

function fadeButton(op) {
	if(button) {
		if(op > 0) {
			op = op - 1;
			//alert(op);	
			var ieop = op * 10;		
			button.style.filter = "alpha(opacity="+ ieop + ")";
			var mozop = op * 10;
			button.style.MozOpacity= mozop/100;			
			button.style.opacity = "." + op;			
			setTimeout("fadeButton(" + op + ")", 50);
		} else { 
			document.getElementsByTagName("body")[0].removeChild(button);	
			button = null;
			window.location.href = href;
		}
	}
}

 function getImagePosition(image) {
	var aleft = (image.offsetLeft);
	var atop = (image.offsetTop);
	var oo = image;
	while (oo.offsetParent) {
		oo = oo.offsetParent;
		aleft += oo.offsetLeft;
		atop += oo.offsetTop;
	}
	aleft = aleft + ((image.width / 2) - 80) + 15;
	atop = atop + ((image.height / 2) - 73);
	return [atop, aleft];
}
 
function keyFunction(evt) {

	if(kdown == false) {
		var code = null;
		if(ie) {
			code = window.event.keyCode;
		} else {
			code = evt.keyCode;
		}
		if(code) {
			if(code == 32 || code == 39) {
				var nexthref = document.getElementById("nextme");
				if(nexthref) {
					href = nexthref.href;
					if(href) {
						showButton(nextGif);
					}
				} else {
					href = window.location.href;
					var lastslash = href.lastIndexOf("/");
					href = href.substring(0, lastslash);
					if(href) {
						showButton(nextGif);
					}
				}	
			} else if(code == 37) {
				var prevhref = document.getElementById("previousme");
				if(prevhref) {
					href = prevhref.href;
					if(href) {
						showButton(prevGif);
					}
				}
			}
		}	
	} 
}