// JavaScript Document
var crossobj = null;
var ie=document.all;
var ns6=document.getElementById&&!document.all;
var offsetx;
var offsety;
var tempx;
var tempy;


if (ie||ns6) {
	crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage;
}


function CalTop(Obj) {
	var Top = Obj.offsetTop;
	for (TempObj = Obj; TempObj = TempObj.offsetParent; TempObj != null) {
		Top += TempObj.offsetTop;
	}
	return Top;
}

function CalLeft(Obj) {
	var Left = Obj.offsetLeft;
	for (TempObj = Obj; TempObj = TempObj.offsetParent; TempObj != null) {
		Left += TempObj.offsetLeft;
	}
	return Left;
}

function changepos(me, e) {
	var Obj = document.getElementById("showimage") 
	Obj.style.visibility = 'visible';
	if(ie) var e = event;
	x = 250;
	y = 150;
	var x = CalLeft(me);
	var y = CalTop(me);
	//alert(x + " " + y)
	//alert("event: "+x+", "+y+";");

	var YPlus = document.body.scrollTop? document.body.scrollTop : document.documentElement.scrollTop;
	var XPlus = document.body.clientWidth/2;
	Obj.style.top =  YPlus + 140 + "px";
	Obj.style.left = XPlus - 280 + "px";
	crossobj = Obj;
}

function drag_drop(e){
	var crossobj = document.getElementById("showimage") 
	if(ie) var e=event;
	if(dragapproved){
		crossobj.style.left=tempx+e.clientX-offsetx+"px";
		crossobj.style.top=tempy+e.clientY-offsety+"px";
	}
return false
}


function initializedrag(e){
	var crossobj = document.getElementById("showimage") 
	if (ie) e=event;
	if (ie&&event.srcElement.id=="dragbar"||(!ie)&&e.target.id=="dragbar"){
	//alert("initDrag: "+e.clientX +", "+ e.clientY+"");
		offsetx=e.clientX;
		offsety=e.clientY;
		
		tempx=parseInt(crossobj.style.left);
		tempy=parseInt(crossobj.style.top);
		
		dragapproved=true;
		document.onmousemove=drag_drop;
	}
}

function closepreview(){
	var crossobj = document.getElementById("showimage") ;
	crossobj.style.visibility="hidden";
}
document.onmousedown=initializedrag;
document.onmouseup=new Function("dragapproved=false");