
function createImageFrame () {

	var images, frame = document.getElementById("Image-Frame");
	var currentImage = 0;
	var bt = [
		document.getElementById("Image-Prev"),
		document.getElementById("Image-Next")
	];
	
	function previousImage () {
		if (currentImage > 0) {
			currentImage--;
			updateImage();
		}
	}
	
	function nextImage () {
		if (currentImage < images.length-1) {
			currentImage++;
			updateImage();
		}
	}
	
	function updateImage () {
		bt[0].className = currentImage != 0 ? "active" : "";
		bt[1].className = currentImage != images.length-1 ? "active" : "";
		frame.style.backgroundImage = "url('"+images[currentImage].src+"')";
	}
	
	if (frame != null) {
		var imglist = frame.getElementsByTagName("img");
		if (imglist.length > 0) {
			images = new Array();
			for (var i = 0; i < imglist.length; i++) {
				images[i] = new Image();
				images[i].src = imglist[i].src;
			}
			bt[0].onmousedown = previousImage;
			bt[1].onmousedown = nextImage;
			updateImage();
		}
	}
	
}
