function imagrs() {
	this.imgId;
	this.imgIds = new Array();
	this.allImgs = document.getElementsByTagName('a');
	this.async = true;
	this.method = 'GET';
	this.url;

	this.init = function() {
		var key = 0;
		for(i=0; i<this.allImgs.length; i++) {
			var a = this.allImgs[i].id;
			var pattern = /^-?\d+(\.\d+)?$/;
			var testId = pattern.test(a);
			if(testId) {
				this.imgIds.push(a);
			}
			key++;
	}
	this.setEvents();
	};

	this.setEvents = function() {
		for(i=0; i<this.imgIds.length; i++) {
			var a=document.getElementById(this.imgIds[i]);
			this.addEvent(a, 'click', this.fetchImage, false);
		}
	};

	this.fetchImage = function(e) {
		var target = e.target;
		if(target.nodeName.toLowerCase() == 'img') {
			target = target.parentNode;
		}
		//alert('clicked '+target.id);
		try {
		xmlreq = new XMLHttpRequest();
	}
	catch(e) {
	}

	try {
		xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
	} 
	catch(e) {
	}
	
	if(xmlreq == null) {
		alert('Could not create request object');
	}

		url = '/inc/getimage.php?id='+target.id;
		//alert(url);
		xmlreq.onreadystatechange = showImage;
		xmlreq.open('GET', url, true);
		xmlreq.send(null);
	};


	//find value of form
	this.getElementValue = function(i) {
		var idvalue = document.getElementById(i).value;
		return idvalue;
	};



	this.addEvent = function(element, eventType, fname, capture) {
					if(element.addEventListener) {
						element.addEventListener(eventType, fname, capture);
						return true;
					} else if (element.attachEvent) {
						var r = element.attachEvent('on'+eventType, fname);
						return r;
					} else {
						element['on'+eventType] = fname;
					}

	};
}



	function showImage() {
		if(!document.getElementById('largeImg')) {
			var newImg = document.createElement('img');
		var closeImg = document.createElement('a');
		closeImg.setAttribute('href', '#');
		closeImg.setAttribute('id', 'largeImg');
		var imgHolder = document.getElementById('overlay');
		if(xmlreq.readyState == 4) {
			var values = xmlreq.responseText;
			values = values.split('|');
			var imgsrc = '/images/gallery/'+values[0]+'/'+values[1];
			newImg.setAttribute('id', values[0]);
			newImg.setAttribute('src', imgsrc);
			closeImg.appendChild(newImg);
			imgHolder.appendChild(closeImg);
			imgHolder.style.visibility = 'visible';
			setClose();
		} 

		
		}
		
		}

	function setClose() {
		var close = document.getElementById('largeImg');
			close.addEventListener('click', closeImg, false);
	}

	function closeImg() {
		var overlay = document.getElementById('overlay');
		var currentImg = document.getElementById('largeImg');
		overlay.removeChild(currentImg);
		overlay.style.visibility = 'hidden';
	}