/***********************************************
* Image Thumbnail viewer
***********************************************/
function addListeners() {
	var a, aList = xGetElementsByTagName('img');
	for (var i = 0; i < aList.length; i++) {
		a = aList[i];
		xAddEventListener(a,'click',enlarge,false)
	}
}

var highZ = 1;

function enlarge(evt){
	var h = xClientHeight();
	var showImg = xGetElementById('showimage');
	var e = new xEvent(evt);
	var eTarget = e.target;
	var imgID = eTarget.id;
	var imgName = imgID+".jpg";
	var yScroll = xScrollTop();
	var y =  yScroll + h/2 - 210;
	
	var val = true
	if (imgID == 'val_1' || imgID == 'val_2') {
		val = false
	}
	
	if (val) {
	showImg.innerHTML = '<div align="right" id="dragbar"><span id="closetext" onClick="closepreview()">Close</span></div><img src="images/'+imgName+'">';

	xMoveTo(showImg, 293, y);
	xShow(showImg);	
	
	dragSetup();
	}
}

function dragSetup() {
	xEnableDrag('showimage', OnDragStart, OnDrag, null);
}

function OnDragStart(ele, mx, my) {
	xZIndex('showimage', highZ++);
}

function OnDrag(ele, mdx, mdy) {
	xMoveTo('showimage', xLeft('showimage') + mdx, xTop('showimage') + mdy);
}

function closepreview(){
	var showImg = xGetElementById('showimage');
	showImg.style.visibility="hidden";
}