window.onload = function() {
	var mat = document.getElementById('list');
	addListener(mat, 'click', setImageClick);
	document.getElementById('currentImg').src = '/images/photo/mini/' + images[0].shot
}
function setImageClick(e) {
	var element = e.target || e.srcElement;
	if (!!element.id)
		for (var i = 0; i < images.length; i++) {
			if(images[i].id == element.id){
				document.getElementById('currentImg').src = '/images/photo/mini/' + images[i].shot;
				return;
			}
		}
}
var addListener = function() {
	if (window.addEventListener) {
		return function(el, type, fn) {
			el.addEventListener(type, fn, false);
		};
	} else if (window.attachEvent) {
		return function(el, type, fn) {
			var f = function() {
				fn.call(el, window.event);
			};
			el.attachEvent('on' + type, f);
		};
	} else {
		return function(el, type, fn) {
			element['on' + type] = fn;
		}
	}
} ();

function ImageViewer() {
}

ImageViewer.prototype.selectImg = function(id) {

};
ImageViewer.prototype.onEnd = function() { };

var imageViewer = new ImageViewer();