<!--
//Thumbnail image viewer- 
//© Dynamic Drive (www.dynamicdrive.com)
//For full source code, usage terms, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

var ie=document.all
var ns=document.layers
var ns6=document.getElementById && !document.all
var intMyOffset = 30

function enlarge(which,e,stImageUrl){
	//Render image code for IE 4+ and NS6   
	if (ie||ns6){
		//crossobj = document.getElementById? document.getElementById("showimage") : document.all.showimage
		if (document.getElementById) {
			crossobj = document.getElementById("showimage")
		}
		else {
			crossobj = document.all.showimage
		}	
		
		
		if (crossobj.style.visibility=="hidden"){
			//crossobj.style.left=ns6? pageXOffset+e.clientX : document.body.scrollLeft+event.clientX
			//crossobj.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY
			crossobj.style.left=ns6? pageXOffset+intMyOffset : document.body.scrollLeft+intMyOffset
			crossobj.style.top=ns6? pageYOffset+intMyOffset : document.body.scrollTop+intMyOffset
						
			stWindowHandle = "<div class='dragtopborder'>" + 
					"<table border='0px' align='center'><tr>" + 
					"<td width='50px'>" + 
					"<a href='" + stImageUrl + "'>" + "Source</a>" + 
					"</td>" + 
					"<td align='center' width='150px'>Drag</td>" + 
					"<td class='closeme' align='right' width='50px'>" + 
					"<a class='closeme' href='#' onClick='closepreview()'>x</a></td>" + 
					"</tr></table>" + 
					"</div>"
			stImageHTML =	"<a href='" + stImageUrl + "'>" +
						"<img id='drag' src='/cavemaps/images/" + which + "'>" + 
					"</a>"
			//alert(stWindowHandle + stImageHTML)
			crossobj.innerHTML = stWindowHandle + stImageHTML
			crossobj.style.visibility="visible"
		}
		else
			crossobj.style.visibility="hidden"
			return false
	}
	//Render image code for NS 4
	else if (document.layers){
		if (document.showimage.visibility=="hide"){
			stWindowHandle = "<div class='dragtopborder'>" + 
					"<table border='0px' align='center'><tr>" + 
					"<td width='50px'>" + 
					"<a href='" + stImageUrl + "'>" + "Source</a>" + 
					"</td>" + 
					"<td id='drag' align='center' width='150px'>Drag</td>" + 
					"<td align='right' width='50px'>" + 
					"<a class='closeme' href='#' onClick='closepreview()'>x</a></td>" + 
					"</tr></table>" + 
					"</div>"
			stImageHTML =	'<a href="#" onMouseover="drag_dropns(showimage)"><img src="/cavemaps/images/' +
					which +
					'" border=0></a>'
			
			document.showimage.document.write(stWindowHandle + stImageHTML)
			document.showimage.document.close()
			//document.showimage.left=e.x
			//document.showimage.top=e.y
			document.showimage.left=intMyOffset
			document.showimage.top=intMyOffset
			document.showimage.visibility="show"
		}
		else
			document.showimage.visibility="hide"
			return false
	}
	//if NOT IE 4+ or NS 4, simply display image in full browser window
	else
		return true
}

function closepreview(){
crossobj.style.visibility="hidden"
}


////drag drop function for NS 4////
///////////////////////////////////

var nsx,nsy,nstemp

function drag_dropns(name){
	temp=eval(name)
	temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
	temp.onmousedown=gons
	temp.onmousemove=dragns
	temp.onmouseup=stopns
}

function gons(e){
	temp.captureEvents(Event.MOUSEMOVE)
	nsx=e.x
	nsy=e.y
}
function dragns(e){
	temp.moveBy(e.x-nsx,e.y-nsy)
	return false
}

function stopns(){
	temp.releaseEvents(Event.MOUSEMOVE)
}

////drag drop function for IE 4+ and NS6////
////////////////////////////////////////////

function drag_drop(e){
	if (ie&&dragapproved){
		crossobj.style.left=tempx+event.clientX-offsetx
		crossobj.style.top=tempy+event.clientY-offsety
	}
	else if (ns6&&dragapproved){
		crossobj.style.left=tempx+e.clientX-offsetx
		crossobj.style.top=tempy+e.clientY-offsety
	}
	return false
}

function initializedrag(e){
	if (ie&&event.srcElement.id=="drag"||ns6&&e.target.id=="drag"){
		offsetx=ie? event.clientX : e.clientX
		offsety=ie? event.clientY : e.clientY
		
		tempx=parseInt(crossobj.style.left)
		tempy=parseInt(crossobj.style.top)
		
		dragapproved=true
		document.onmousemove=drag_drop
	}
}

document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")


//-->
