function showDiv(strImg, evt, imgtitle)
{
  var st;
  if (self.innerHeight) // all except Explorer
	{
		st = self.pageYOffset;
	}
  else if (document.documentElement && document.documentElement.clientHeight)
	// Explorer 6 Strict Mode
	{
		st = document.documentElement.scrollTop;
	}
  else if (document.body) // other Explorers
	{
		st = document.body.scrollTop;
	}
	
//  alert("Click: " + x + ", " + y + "\ninner height: " + chy + "\ninner width: " + chx + "\nYOffset: " + st + "\nouter width: " + ow + "\nouter height: " + oh);
  imgNew = new Image();
  imgNew.src = strImg;
  obj = document.getElementById("divToShow");  
  obj.style.left = '100px';
  obj.style.top = (st + 15) + 'px';
  document.images["display"].src = imgNew.src;
  //document.images["display"].width = 500;
  document.images["display"].height = pageHeight() - 50;
  document.images["display"].title = imgtitle;
  obj.style.visibility = 'visible';
    
}

function hideDiv()
{
  document.getElementById('divToShow').style.visibility = 'hidden';
}

function showAlert(strMsg)
{
	alert(strMsg);
}

var dragObject, offsetX, offsetY, isDragging=false;
var oldX, oldY;
document.onmousemove = mM;
document.onmouseup = mU;

function init() {
	var ob = document.getElementById("divToShow");
	ob.ondrag=function(){return false;};
	ob.onselectstart=function(){return false;};
	
	ob.style.left="100px";
	ob.style.top="100px";
	ob.style.display="block";
}

function mD(ob,e) {
	dragObject = ob;
	
	if (window.event) e=window.event;
	
	var dragX = parseInt(dragObject.style.left);
	var dragY = parseInt(dragObject.style.top);
	
	oldX = dragX;
	oldY = dragY;
	
	var mouseX = e.clientX;
	var mouseY = e.clientY;
	
	offsetX = mouseX - dragX;
	offsetY = mouseY - dragY;
	
	isDragging = true;
	
	return false;
}

function pageHeight() {
	
	return window.innerHeight != null? window.innerHeight: document.body != null? document.body.clientHeight:null;
}

function mM(e) {
	if (!isDragging) return;
	
	if (window.event) e=window.event;
	
	var newX = e.clientX - offsetX;
	var newY = e.clientY - offsetY;
	
	dragObject.style.left = newX + "px";
	dragObject.style.top = newY + "px";
	
	return false;
}

function mU() {
	if (!isDragging) return;
	if (window.event) e=window.event;
	
	isDragging = false;
	//alert("oldX: " + oldX + "newX: " + e.clientX + "\noldY: " + oldY + "newY: " + e.clientY);
	return false;
}