function showpic(imgsrc) {
		document.getElementById('gallerypic').style.display = "block";    //[block|none]
		//document.images['largeimg'].width = 320;
		//document.images['largeimg'].height = 240;
		document.images['largeimg'].src = "/images/spacer.gif";
		document.images['largeimg'].src = imgsrc;
		document.getElementById("gallerypic").style.visibility = "visible"; // [hidden|visible]
		
}

function hidepic(obj) {
		document.getElementById('gallerypic').style.display = "none";    //[block|none]
		document.getElementById("gallerypic").style.visibility = "hidden"; // [hidden|visible]
}



/*	
This code is from Dynamic Web Coding 
at http://www.dyn-web.com/
Copyright 2002 by Sharon Paine 
See Terms of Use at http://www.dyn-web.com/bus/terms.html
Permission granted to use this code 
as long as this entire notice is included.

The drag layer code borrows some ideas 
from Mike Hall's at http://www.brainjar.com
*/

function hideIt(id) {
	if (document.getElementById)
		document.getElementById(id).style.visibility = "hidden";
}

function restoreIt(id,x,y) {
	if (document.getElementById) {
		var lyrcss = document.getElementById(id).style;
		lyrcss.left = x+"px";
		lyrcss.top = y+"px";
		lyrcss.visibility = "visible";
	}
}

var dragObj = new Object();
dragObj.zOrder = 1000;

function dragInit(e,obj) {
	e = (e)? e: (window.event)? window.event: "";
	
	if (obj) dragObj.css = obj.style;
	if (!e || !dragObj.css) return;
	
  // Save mousedown location
  dragObj.downX = (e.layerX)? e.layerX: (e.offsetX)? e.offsetX: 0;
  dragObj.downY = (e.layerY)? e.layerY: (e.offsetY)? e.offsetY: 0;
	
  // bring to top of stack
  dragObj.css.zIndex = ++dragObj.zOrder;

	if (document.addEventListener) {
    document.addEventListener("mousemove",dragStart,true);
    document.addEventListener("mouseup",dragEnd,true);
    e.preventDefault();
	} else if (document.attachEvent) {
    document.attachEvent("onmousemove",dragStart);
    document.attachEvent("onmouseup",dragEnd);
		return false;
	} 
}

function dragStart(e) {
	e = (e)? e: window.event;
  var x = (e.pageX)? e.pageX: (e.clientX)? e.clientX + document.documentElement.scrollLeft + document.body.scrollLeft: 0;
	var y = (e.pageY)? e.pageY: (e.clientY)? e.clientY + document.documentElement.scrollTop + document.body.scrollTop: 0;
	
  // Move drag element by the amount the cursor has moved.
  dragObj.css.left = (x - dragObj.downX) + "px";
  dragObj.css.top  = (y - dragObj.downY) + "px";

	if (e.preventDefault) e.preventDefault();
	else return false;
}
	
function dragEnd(e) {
  // Stop capturing mousemove and mouseup events.
	if (document.removeEventListener) {
		document.removeEventListener("mousemove",dragStart,true);
    document.removeEventListener("mouseup",dragEnd,true);
  } else if (document.detachEvent) {
    document.detachEvent("onmousemove",dragStart);
    document.detachEvent("onmouseup",dragEnd);
	} 
}